/* noflik 11.11 카운트다운(H1109-55) — 칸은 functions.php 「11.11 카운트다운」 절, 글·숫자는 nf-countdown.js.
   색 = noflik 것만(#463863 accent · #111111 contrast · #fff base · style.css 228줄). 숫자 = Share Tech Mono(값과 같은 타자기꼴).
   🔑 첫 화면은 부모 블록 CSS 를 빼서 var(--wp--preset--*) 가 없다(백서 noflik 부록 3) — 색값을 그대로 적는다.
   보기 = Denita 님 그림(슬랙 F0CG34PJ0E5)의 검은 칸 넷 · 빨강과 무늬는 안 가져왔다. */
.nf-cd[hidden], .nf-cd [hidden] { display: none !important; }
.nf-cd { color: #fff; background: #463863; text-align: center; }
.nf-cd b, .nf-cd small { font-weight: 400; }
.nf-cd__b { text-transform: none; }   /* 브랜드는 대문자 꼴 칸에서도 소문자(대표님 14180 · 58449) */
.nf-cd__n { font-family: "Share Tech Mono", ui-monospace, monospace; font-variant-numeric: tabular-nums; letter-spacing: 0; }

/* 큰 띠 — 첫 화면 1번 사진 바로 아래(사진 칸 안은 「글자 0」이라 안 얹는다) */
.nf-cd--band { padding: clamp(40px, 6vw, 80px) 16px; }
.nf-cd--band p { margin: 0; }
.nf-cd--band .nf-cd__t { font-family: "Cosmetic", serif; font-size: clamp(72px, 11vw, 150px); line-height: 1; }
.nf-cd--band .nf-cd__s { margin-top: 8px; font-size: clamp(13px, 1.5vw, 17px); letter-spacing: .14em; text-transform: uppercase; }
.nf-cd--band .nf-cd__l { margin: clamp(26px, 3.6vw, 44px) 0 12px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; opacity: .85; }
.nf-cd--band .nf-cd__n { display: flex; justify-content: center; align-items: flex-start; gap: clamp(5px, 1.1vw, 14px); }
.nf-cd--band .nf-cd__u { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.nf-cd--band .nf-cd__u b { display: block; min-width: clamp(52px, 16vw, 104px); padding: clamp(12px, 1.5vw, 18px) 0; background: #111; font-size: clamp(34px, 4.4vw, 60px); line-height: 1; }
.nf-cd--band .nf-cd__u small { font-family: "Instrument Sans", sans-serif; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.nf-cd--band .nf-cd__n > i { font-style: normal; font-size: clamp(26px, 3vw, 40px); line-height: clamp(58px, 7.4vw, 96px); }
.nf-cd--band .nf-cd__go { display: inline-block; margin-top: clamp(28px, 3.6vw, 44px); padding: 13px 30px; border: 1px solid #fff; color: #fff; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; }
.nf-cd--band { position: relative; }
.nf-cd--band .nf-cd__go::after { content: ""; position: absolute; inset: 0; }   /* 띠 어디를 눌러도 간다(Denita 님 11/9 「pas di klik」) */
.nf-cd--band .nf-cd__go:hover, .nf-cd--band .nf-cd__go:focus-visible { background: #fff; color: #463863; }

/* 얇은 띠 — 모든 쪽 맨 위(장바구니·결제 쪽 빼고) */
.nf-cd--bar .nf-cd__in { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 2px 10px; padding: 8px 12px; color: #fff; font-size: 12px; line-height: 1.4; letter-spacing: .06em; text-decoration: none; }
.nf-cd--bar .nf-cd__t { letter-spacing: .12em; }
.nf-cd--bar .nf-cd__n { font-size: 14px; }
.nf-cd--bar .nf-cd__in:hover .nf-cd__t, .nf-cd--bar .nf-cd__in:focus-visible .nf-cd__t { text-decoration: underline; }

/* TOP PICKS 쪽(/koleksi/1111-top-picks/) 안의 알림 띠 — 큰 띠를 줄인 꼴 */
.nf-cd--page { padding: clamp(22px, 3.4vw, 40px) 16px; }
.nf-cd--page .nf-cd__t { font-size: clamp(44px, 7vw, 84px); }
.nf-cd--page .nf-cd__l { margin: 16px 0 10px; }
.nf-cd--page .nf-cd__u b { min-width: clamp(48px, 13vw, 76px); font-size: clamp(26px, 3.4vw, 40px); padding: 10px 0; }
.nf-cd--page .nf-cd__n > i { font-size: clamp(20px, 2.4vw, 28px); line-height: clamp(46px, 5.6vw, 66px); }

/* 사람별 묶음 — 「<이름> picks」 */
.nf-pk__sec { padding: 36px 20px 8px; }
.nf-pk__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.nf-pk__name { margin: 0; font-family: "Cosmetic", serif; font-size: 28px; font-weight: 400; line-height: 1.1; letter-spacing: 0; text-transform: none; }
.nf-pk__kupon { margin: 0; font-size: 12px; letter-spacing: .08em; color: #463863; }
@media (min-width: 750px) { .nf-pk__sec { padding: 56px 32px 8px; } .nf-pk__name { font-size: 40px; } }
.nf-pk .nf-kol__head { padding: 32px 20px 0; }
@media (min-width: 750px) { .nf-pk .nf-kol__head { padding: 56px 32px 0; } }