/* 블랙프라이데이 직구 안내 6장 (D-S1 · 2026-11-09) — /black-friday/amazon-{장}/ 에서만 싣는다(inc/shop-pages.php)
   값: 납품-제휴링크쇼핑-통합-1108 2/1단계…/1-1_D-S1_블프안내/가이드.md §3 · §7 (가이드 표 > 치수도 > PNG)
   나라 안내 페이지(kfr-land)의 부품을 그대로 쓰고, 여기에는 새 블록과 제목 크기만 둔다. 색은 kf-redesign.css 토큰만. */

.kfr-land--bf .kf-bf__nw{white-space:nowrap}
/* 새 제목·날짜 숫자는 고정폭(tnum) — 시안 D-S1-1·6 숫자 폭 실측 */
.kfr-land--bf .kf-bf__t,.kf-bf__date,.kf-bf__sale{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* 머리줄 — 국기 16×11 + 6 + 13/18/600 −0.02em 파랑, 가운데 */
.kfr-land.kfr-land--bf .kfr-eyebrow.kf-bf__eyebrow{gap:6px;line-height:18px;letter-spacing:-.02em}
@media (max-width:767px){ .kfr-land.kfr-land--bf .kfr-eyebrow.kf-bf__eyebrow{margin-top:25px} }   /* 가이드 §2 머리줄 y81(앱바 56 아래 25) */
.kfr-land--bf .kf-bf__eyebrow img{flex:none;width:16px;height:11px;object-fit:cover}

/* 제목 — 모바일 24/34/800(기존 약 29.5 면 세 줄이 되어 「배송비 조회하기」가 첫 화면 밖으로 밀린다) · 폭 358(좌우 16) */
.kfr-land.kfr-land--bf .kfr-h-hero.kf-bf__t{margin-top:12px;font-size:24px;line-height:34px;font-weight:800;letter-spacing:-.02em;color:#1a1a1a;word-break:keep-all}
@media (max-width:767px){ .kfr-land.kfr-land--bf .kfr-wrap>h1.kfr-h-hero.kf-bf__t{margin-left:4px;margin-right:4px} }
/* PC 39/49/800 · 폭 760(열 512 안이면 첫 줄이 넘친다) — 열 가운데 기준으로 좌우 124 씩 넓힌다 */
@media (min-width:768px){ .kfr-land.kfr-land--bf .kfr-h-hero.kf-bf__t{margin:11.5px -124px 0;font-size:39px;line-height:49px} }

/* 블록 ① 날짜 줄 — radius 20 · 흰 바탕 · 20/20/10 · 그림자 없음 · 제목 아래 21.5(PC 22) · 요금조회 상자까지 12 */
.kfr-land--bf .kf-bf__dates{margin-top:21.5px;padding:20px 20px 10px;border-radius:20px;box-shadow:none}
@media (min-width:768px){ .kfr-land--bf .kf-bf__dates{margin-top:22px} }
.kfr-land--bf .kf-bf__dates + .kfr-quote{margin-top:12px}
.kf-bf__date{margin:0;font-size:16px;line-height:24px;font-weight:700;color:var(--grey-900);word-break:keep-all}
.kf-bf__sale{margin:4px 0 0;font-size:14px;line-height:21px;font-weight:400;color:var(--grey-600)}
.kf-bf__go{display:inline-flex;align-items:center;min-height:44px;margin:6px 0 0 -8px;padding:0 8px;border-radius:10px;
  font-size:15px;line-height:22px;font-weight:700;color:var(--blue-500);text-decoration:none;word-break:keep-all;
  -webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}
/* 「세일 보기 ›」는 묶음 — 폭이 모자라면 통째로 다음 줄(320 스페인: 두 줄 46 = 22 + 2 + 22, 가이드 §3) */
.kf-bf__gotx{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:2px;row-gap:2px}
.kf-bf__go .kf-bf__chev{display:inline-block;vertical-align:-2px;margin-left:2px}
.kf-bf__go:active{background:var(--grey-100)}
.kf-bf__go:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}
@media (hover:hover){ .kf-bf__go:hover{color:var(--blue-600)} }

/* 블록 ② 블프 때 주의할 것 — 상자 없음 · 제목 아래 12 · 점 5 · 점-글 10 · 줄 사이 8 · 14/23 */
.kf-bf__notes{list-style:none;margin:12px 0 0;padding:0}
/* 모바일: 점이 카드 왼쪽 선(12)에 맞는다 — 섹션 제목 글자(13)와 같은 세로줄(시안 D-S1-5 실측) */
.kf-bf__notes li{position:relative;margin:0;padding-left:15px;font-size:14px;line-height:23px;font-weight:400;color:var(--grey-700);word-break:keep-all}
.kf-bf__notes li+li{margin-top:8px}
.kf-bf__notes li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--blue-500)}

/* 블록 ③ 많이 보는 것 — 제목 아래 9.5 · radius 20 · 20 · 품목 15/23/600 · 브랜드 15/23/400(1단계는 누를 수 없는 글자) */
.kfr-land.kfr-land--bf .kf-bf__h{margin-bottom:0;letter-spacing:-.02em;word-break:keep-all}
@media (max-width:767px){ .kfr-land.kfr-land--bf .kfr-wrap>h2.kf-bf__h{margin-left:13px} }   /* 가이드 §3 블록 ② 제목 「왼쪽 13」 */   /* 제목 아래 간격은 다음 요소의 위 여백 하나로 정한다(겹침 없이) */
.kf-bf__pop{margin-top:9px;padding:20px;border-radius:20px}
/* 시안 D-S1-5 글줄 실측(2x)으로 맞춘 간격 — 블록 ② 목록 → 블록 ③ 제목 26 · 블록 ③ 상자 → 다음 섹션 제목 25.5 (기존 섹션 사이 28 보다 좁다) */
.kfr-land.kfr-land--bf .kf-bf__notes + .kfr-land__sech{margin-top:26px}
.kfr-land.kfr-land--bf .kf-bf__pop + .kfr-land__sech{margin-top:25.5px}
.kf-bf__cats{margin:0;font-size:15px;line-height:23px;font-weight:600;color:var(--grey-900);word-break:keep-all}
.kf-bf__brands{margin:6px 0 0;font-size:15px;line-height:23px;font-weight:400;color:var(--grey-700);word-break:keep-all}

/* 다른 나라 블프 직구 — 칩 40 · 반경 20 · 0 14 0 12 · 국기 16×11 + 7 · 15/600 · 칩 사이 8 · 꼬리말 위 선까지 36 */
.kf-bf__others{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 36px}
.kf-bf__chip{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px 0 12px;border-radius:20px;
  background:var(--kfa-card,var(--white));font-size:15px;line-height:22px;font-weight:600;color:var(--grey-800);text-decoration:none;
  -webkit-tap-highlight-color:transparent;transition:background-color .15s ease}
.kf-bf__chip img{flex:none;width:16px;height:11px;object-fit:cover}
.kf-bf__chip:active{background:var(--grey-200)}
.kf-bf__chip:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}

@media (prefers-reduced-motion:reduce){ .kf-bf__go,.kf-bf__chip{transition:none} }

/* D-S5 ① 나라 안내 페이지 블프 한 줄 — 제목 바로 아래 · 가운데 · 15/22/700 파랑 + › 14 · 누르는 자리 44 · 0 8
   390: 제목 아래 4 · 요금조회 상자까지 8(상자 +32) / PC: 제목 아래 10 · 상자까지 10(+40) — 가이드 D-S5 §1 */
.kf-bfline{display:flex;justify-content:center;margin:4px 0 0}
.kf-bfline + .kfr-quote{margin-top:8px}
@media (min-width:768px){ .kf-bfline{margin-top:10px} .kf-bfline + .kfr-quote{margin-top:10px} }
.kf-bfline__a{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 8px;border-radius:10px;
  font-size:15px;line-height:22px;font-weight:700;color:var(--blue-500);text-decoration:none;word-break:keep-all;
  -webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}
.kf-bfline__a:active{background:var(--grey-200)}
.kf-bfline__a:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}
@media (hover:hover){ .kf-bfline__a:hover{color:var(--blue-600)} }
@media (prefers-reduced-motion:reduce){ .kf-bfline__a{transition:none} }

/* 블록 테마 get_header()·get_footer() 의 워드프레스 옛 껍데기(사이트 이름 큰 제목·가로줄·「WordPress로 만들어졌습니다」) — 서버(kf_shop_strip_compat)가 못 걷어낸 경우의 두 번째 막이(2026-11-09) */
#page>#header,#page>#footer,#page>hr{display:none!important}