/* 김빠른 — 쇼핑몰로 돌아가는 길 (2026-11-08, inc/affiliate-go.php). 값은 kf-redesign.css 토큰을 따른다(--blue-500 · --grey-600 …).
   디자이너 시안(디자인 기획서 3판 D-A1~D-A9) 뒤 §5-2 권장값으로 바뀐다. 노랑·빨강·초록 없음. */
.kf-aff-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* 글자 버튼(TextButton) — 밖으로 나가는 유일한 접근성 링크 (납품 1108 2 · D-A11 §1·§2)
   14/21/700 파랑 + › 14(선 2.8) · 누르는 자리 44 · padding 0 8 · margin-left −8(글자가 위 줄 글자와 맞음) · 누름 바탕 반경 8 · 150ms */
.kf-aff-link{display:inline-flex;align-items:center;gap:2px;min-height:44px;margin-left:-8px;padding:0 8px;border-radius:8px;
  font-size:14px;line-height:21px;font-weight:700;color:var(--blue-500,#3182f6) !important;text-decoration:none !important;letter-spacing:normal;word-break:keep-all;
  -webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}
.kf-aff-link::after{content:'';flex:none;width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/14px 14px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/14px 14px no-repeat}
.kf-aff-link:active{background:var(--grey-100,#f2f4f6)}
.kf-aff-link:focus-visible{outline:2px solid var(--blue-500,#3182f6);outline-offset:2px}
@media (hover:hover){ .kf-aff-link:hover{color:var(--blue-600,#2272eb) !important} }
@media (prefers-reduced-motion:reduce){ .kf-aff-link{transition:none} }

/* 결과 카드(상품 1개) — D-A1 §3 · 11/3 D-Q3 꼬리표 회색. 카드 1px #e5e8eb · 반경 16 · 위 영역 67(12 + 사진 44 + 11) ·
   꼬리표 위 11 · 꼬리표 24 바로 아래 글자 버튼 줄 44 가 카드 끝(기본 149). 버튼이 없는 카드는 꼬리표 아래 12 를 둔다 */
.kfr-result-shell__product{margin:15px -1px 0;border:1px solid var(--grey-200,#e5e8eb);border-radius:16px;box-shadow:none}
.kfr-result-shell__product .kfr-res__prod{gap:13px;padding:12px 20px 11px}
.kfr-result-shell__product .kfr-res__th{border-radius:10px}
.kfr-result-shell__product .kfr-res__prod b{line-height:22px}
.kfr-result-shell__product .kfr-res__prod span{font-size:13px;line-height:19.5px;color:var(--grey-600,#6b7684)}
.kfr-result-shell__product .kfr-res__tags{gap:6px;padding:11px 20px 12px}
.kfr-result-shell__product .kfr-badge,.kfr-result-shell__product .kfr-badge--good,.kfr-result-shell__product .kfr-badge--tax{height:24px;padding:0 8px;border-radius:6px;
  background:var(--grey-100,#f2f4f6);color:var(--grey-700,#4e5968);font-size:12px;font-weight:700}
.kfr-result-shell__product .kfr-res__tagtxt{font-size:13px;line-height:19.5px;color:var(--grey-700,#4e5968)}
/* 사실 한 줄(네 상황) — 13/19.5/400 #4e5968 · 숫자만 600 #191f28 · 꼬리표 아래 4 */
.kf-aff-fact{margin:-8px 0 0;padding:0 20px;font-size:13px;line-height:19.5px;font-weight:400;color:var(--grey-700,#4e5968);word-break:keep-all}
.kf-aff-fact b{font-weight:600;color:var(--grey-900,#191f28)}
.kf-aff-act{margin:-12px 0 0;padding:0 20px}
.kf-aff-fact + .kf-aff-act{margin-top:-13px}
/* ⑨ 세금 붙음 — 세금 줄 꼬리표 아래 6 · 14/21 #4e5968 · 금액 700 · 「·」 뒤에서만 줄바꿈 · 사실 줄은 그 아래 4 (카드 187) */
.kfr-result-shell__product .kfr-res__taxest{margin:-6px 0 0;padding:0 20px;font-size:14px;line-height:21px;color:var(--grey-700,#4e5968)}
.kfr-result-shell__product .kfr-res__taxest .kfr-res__taxnw{display:inline;margin:0;font-size:inherit;line-height:inherit;color:inherit;white-space:nowrap}
.kfr-result-shell__product .kfr-res__taxest:last-child{padding-bottom:12px}
.kfr-res__taxest + .kf-aff-fact{margin-top:4px}
/* ③ 가격 못 읽음 — 운영 연한 파란 상자를 카드 아래 끝까지(위 41 은 운영 그대로) · 글 13/21 #4e5968 · 입력 줄 42 · 그 아래 4 버튼 줄 44 · 상자 아래 6 */
.kfr-result-shell__product .kfr-res__ask{margin:18px 0 0;padding:13px 20px 6px;border-radius:0 0 15px 15px;background:#f4f9ff}
.kfr-result-shell__product .kfr-res__ask p{margin:0 0 12px;font-size:13px;line-height:21px;color:var(--grey-700,#4e5968);word-break:keep-all}
.kfr-result-shell__product .kfr-res__askrow input,.kfr-result-shell__product .kfr-res__askrow button{height:42px}
.kfr-res__ask .kf-aff-act{margin:4px 0 0;padding:0}
.kfr-result-shell__product .kfr-res__ask:not(:has(.kf-aff-act)){padding-bottom:14px}
/* PC — 카드 x303 · 폭 510 · 위 여백 11 · 위 영역 71(14 + 44 + 13) · 좌우 24 · 꼬리표 위 13 (기본 155) */
@media (min-width:768px){
  .kfr-result-shell__product{margin:11px 3px 0 -1px}
  .kfr-result-shell__product .kfr-res__prod{padding:14px 24px 13px}
  .kfr-result-shell__product .kfr-res__tags{padding:13px 24px 12px}
  .kf-aff-fact,.kf-aff-act,.kfr-result-shell__product .kfr-res__taxest{padding-left:24px;padding-right:24px}
  .kfr-result-shell__product .kfr-res__ask{padding-left:24px;padding-right:24px}
  .kfr-res__ask .kf-aff-act{padding:0}
  /* 상품 카드 → 요금 근거 카드 10(시안 PC 실측) */
  .kfr-result-shell__left:has(> .kfr-result-shell__product) + .kfr-result-shell__right > .kfr-result-shell__calc{margin-top:10px}
}
/* 숫자는 고정폭(tnum) — 시안 D-A1 금액·무게 숫자 폭 실측 */
.kfr-result-shell__product .kfr-res__tagtxt,.kfr-result-shell__product .kfr-res__taxest,.kf-aff-fact{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
/* 상품 카드 → 요금 근거 카드 13(시안 실측) — 왼쪽 열 끝 여백이 오른쪽 열 위 여백과 겹치지 않게 패딩으로 1 */
@media (max-width:767px){ .kfr-result-shell__left:has(> .kfr-result-shell__product){padding-bottom:1px} }
[data-kf-aff-thumb]{cursor:pointer;transition:opacity .15s ease}
[data-kf-aff-thumb]:active{opacity:.8}

/* 여러 상품 행(D-A2) — 이름 15/22/700 · 가격 줄 「{몰} · {가격}」 14/21 · 무게 13/19.5 · 줄 사이 0 · 행 88 그대로.
   오른쪽 「보기 ›」는 행 세로 가운데 · 누르는 자리 44 · 오른쪽 끝을 글자 자리 끝에 맞춤(margin-right −8) · 버튼은 줄바꿈 안 함(이름이 먼저 말줄임) */
.kfr-mres__row:has(.kf-aff-rowlink) .kfr-mres__body,.kfr-mres__list .kfr-mres__body{gap:0}
.kfr-mres__body b{font-size:15px;line-height:22px;font-weight:700}
.kfr-mres__body .kfr-mres__s1{font-size:14px;line-height:21px;color:var(--grey-600,#6b7684)}
.kfr-mres__body .kfr-mres__s2{font-size:13px;line-height:19.5px;color:var(--grey-500,#8b95a1)}
.kfr-mres__row{padding:10px 0 14px}
.kf-aff-rowlink{flex:none;align-self:center;margin:0 -10px 0 auto}   /* 꺾쇠 선 끝이 글자 자리 끝에 오게(시안 실측 −10) */
.kf-aff-rowlink .kf-aff-link{margin-left:0}
/* PC(왼쪽 열 700) — 행 98 · 썸네일 46 · 이름 14/22/700 한 줄 말줄임 · 줄 사이 3(운영 그대로) */
@media (min-width:768px){
  .kfr-mres__row{gap:13px;padding:16px 0 18.5px}
  .kf-aff-rowlink{margin-right:-13px}
  .kfr-mres > .kfr-card:has(.kfr-mres__list){box-shadow:inset 0 0 0 1px var(--grey-200,#e5e8eb)}   /* 시안 PC 카드 1px 테두리(폭 그대로) */
  .kfr-mres__list{padding-top:1px}
  .kfr-mres__row:has(.kf-aff-rowlink) .kfr-mres__body,.kfr-mres__list .kfr-mres__body{gap:0}
  .kfr-mres__body b{font-size:14px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
  .kfr-mres__th{width:46px;height:46px}
}

/* 접수 완료(D-A3 · 1-7) — 「주소 2번의 이 번호가…」 글자 끝 → fill 19.5 · fill 48 · fill → 「번호를 못 붙였다면」 글자 22 (줄 위아래 12).
   fill 폭 = 주소 표 · 반경 10 · 16/22/700 흰 글자 · 글자는 줄이지 않고 두 줄(64) */
.kf-aff-done{margin:0}
.kf-order-now__why + .kf-aff-done{margin-top:14px}
.kf-aff-done + .kf-order-now__alt{margin-top:18px}   /* 버튼 끝 → 글자 22(줄 높이 21 안 여백 포함) */
.kf-aff-fill{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:0 16px;box-sizing:border-box;border-radius:10px;
  background:var(--blue-500,#3182f6);color:#fff !important;font-size:16px;line-height:22px;font-weight:700;text-align:center;text-decoration:none !important;word-break:keep-all}
.kf-aff-fill::after{content:none}
.kf-aff-fill:active{background:var(--blue-600,#2272eb)}
@media (hover:hover){ .kf-aff-fill:hover{background:var(--blue-600,#2272eb);color:#fff !important} }
/* 몰 2곳 이상 ListRow — 1px #e5e8eb · 반경 12 · 줄 56 · 줄 사이 1px #f2f4f6 */
.kf-aff-lrows{list-style:none;margin:0;padding:0;border:1px solid var(--grey-200,#e5e8eb);border-radius:12px;overflow:hidden}
.kf-aff-lrows li+li{border-top:1px solid var(--grey-100,#f2f4f6)}
.kf-aff-lrow{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 12px 0 16px;text-decoration:none !important;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}
.kf-aff-lrow:active{background:var(--grey-100,#f2f4f6)}
.kf-aff-lrow:focus-visible{outline:2px solid var(--blue-500,#3182f6);outline-offset:-2px}
.kf-aff-lrow__t{flex:1;min-width:0;font-size:15px;line-height:22px;font-weight:700;color:var(--blue-500,#3182f6);word-break:keep-all}
.kf-aff-lrow__s{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:14px;line-height:21px;color:var(--grey-600,#6b7684);white-space:nowrap}
.kf-aff-lrow__s svg{color:var(--grey-400,#b0b8c1)}
/* 위계 — 「신청번호 복사」 흰 2순위(늘) · 상자가 있으면 「배송 현황 보기」도 「상품 더 넣기」와 같은 회색 보조 */
.kf-ad5.kfr .kf-ad5__ok .kf-ad5__copy{height:48px;border-radius:10px;background:#fff !important;border:1px solid var(--grey-200,#e5e8eb) !important;color:var(--grey-700,#4e5968) !important;font-size:15px;font-weight:700}
.kf-ad5.kfr .kf-ad5__ok .kf-ad5__copy svg{width:16px;height:16px}
.kf-ad5.kfr .kf-ad5__ok .kf-ad5__copy:hover{background:var(--grey-100,#f2f4f6) !important;border-color:var(--grey-200,#e5e8eb) !important}
.kf-ad5.kfr .kf-ad5__ok .kf-ad5__copy.is-done{background:#fff !important}
.kf-ad5--aff.kfr .kf-ad5__go{background:#e8ebee !important;border-color:#e8ebee !important;color:#333d4b !important}
.kf-ad5--aff.kfr .kf-ad5__go:hover{background:#d1d6db !important;border-color:#d1d6db !important}

/* ListRow — 접수 완료(몰 2곳↑) · 배송 상세 「주문한 상품」 */
.kf-aff-rows{list-style:none;margin:0;padding:0}
.kf-aff-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border-top:1px solid var(--grey-100,#f2f4f6)}
.kf-aff-row:first-child{border-top:0}
.kf-aff-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.kf-aff-row__name{font-size:15px;line-height:22px;font-weight:600;color:var(--grey-900,#191f28);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kf-aff-row__sub{font-size:13px;line-height:19px;color:var(--grey-600,#6b7684)}
.kf-aff-row__link{flex:none;padding:0;white-space:nowrap}
.kf-aff-box .kf-tf__h{display:block;margin-bottom:6px}

/* 배송 상세 D안(1-8) — 상품 줄 안, 옵션 · 운송장 줄 아래 들여쓴 글자 버튼(이름 글자 왼쪽 끝에 맞춤) · 상품마다 +30 */
.kfd-items__row:has(.kfd-items__aff){align-items:flex-start}
.kfd-items__row:has(.kfd-items__aff) > .kfd-badge{margin-top:calc((44px - 22px) / 2)}   /* 꼬리표는 사진(44) 세로 가운데 그대로 — 시안 D-A4-1 */
.kfd-items__row:has(.kfd-items__aff) .kfd-items__body{gap:0;margin-top:1px}
.kfd-items__row:has(.kfd-items__aff) .kfd-items__body > span:not(.kfd-items__aff){margin-top:3px}
.kfd-items__body .kfd-items__aff{display:block;margin:-6px 0 -7px;overflow:visible;white-space:normal}
.kfd-items__aff .kf-aff-link{white-space:nowrap}
/* D-A9 — 「신청 상품」 구획 끝 · 「받는 곳」 위. 펼침: 1px 선 → 12 → 문장 · 접힘: 요약 줄 아래 4 → 문장 · 버튼 줄은 문장과 −4 겹침 · 글자 사이 16 */
.kfv-more{padding:4px 0 4px}
.kfv-i__row[open] + .kfv-more{padding-top:12px;border-top:1px solid var(--grey-100,#f2f4f6)}
.kfv-i__row:not([open]) + .kfv-more{margin-top:-11px;padding-bottom:11px}   /* 접힘: 요약 줄 아래 4(줄 아래 여백 겹침) · 시안 D-A9-2 실측 */
.kfv-more__t{margin:0;font-size:13px;line-height:19.5px;font-weight:400;color:var(--grey-700,#4e5968);word-break:keep-all}
.kfv-more__btns{display:flex;flex-wrap:wrap;column-gap:0;margin:-4px -8px 0}
.kfv-more__btns .kf-aff-link{margin-left:0}
.kfv-more__btns .kf-aff-link + .kf-aff-link{margin-left:0}

/* 신청서(1-6) — 2단계 입력칸 아래 「맞는 상품인지 확인하기 ›」 줄 높이 30(누르는 자리 44, 위아래 −7 겹침) · 글자는 입력칸 왼쪽 끝 · 14/21/700 · 줄이지 않음 */
.kf-aff-fld{display:flex;justify-content:flex-start;margin:-12px 0 -12px;padding-left:1.5px}
.kf-aff-fld .kf-aff-link{font-size:14px;line-height:21px;white-space:nowrap}
/* 옵션 라벨 줄 오른쪽 「{몰}에서 옵션 보기 ›」 13/20/700 · 글자 끝 = 입력칸 오른쪽 끝 · 좁으면 「옵션 보기 ›」(kf-affiliate.js fitOne) */
.kf-field__hd .kf-aff-optlink{margin:-13px -10px -11px auto;font-size:13px;line-height:20px;white-space:nowrap}
/* 4단계 요약 — 상품 줄 아래 들여쓴 줄 · 이름 글자에 맞춤 · 상품마다 +26 */
.site-main--page .wp-block-post-content .kf-sum__items li.kf-sum__aff,.kf-sum__items li.kf-sum__aff{height:auto;padding-left:30px;margin:-23.5px 0 -2.5px}
.kf-sum__aff .kf-aff-link{font-size:14px;line-height:21px}

@media (max-width:359px){.kf-aff-more{flex-wrap:wrap}.kf-aff-more .kf-aff-link{margin-left:auto}}

/* 1차-b D-A10 「{몰}에서 더 담기 ›」 — 13/20/700 + › 14 · 누르는 자리 44(꼬리표 줄과 겹침) · 오른쪽 끝 = 카드 글자 자리 끝.
   390·320: 꼬리표 줄 아래 −4 · 오른쪽 맞춤(카드 +32) / PC: 꼬리표 글자를 자르지 않고 들어가면 줄 끝 */
.kfr-result-shell__product .kfr-res__tags{flex-wrap:wrap}
.kf-aff-b1{flex:0 0 100%;display:flex;justify-content:flex-end;margin:-10px 0 -8px}   /* 꼬리표 줄 아래 −4(줄 사이 6 을 빼서 −10) · 카드 +32 = 6 − 10 + 44 − 8 */
.kf-aff-b1 .kf-aff-link{margin:0 -8px 0 0;font-size:13px;line-height:20px;white-space:nowrap}
@media (min-width:768px){ .kf-aff-b1{flex:0 0 auto;margin:-12px 0 -12px auto} }
.kf-aff-fill--2{min-height:64px;padding:10px 16px;white-space:normal}   /* D-A3-4 두 줄 버튼 64 · 16/22/700 */