/* kz_promo_banner.css — 이벤트·광고 배너 정본(2026-09-27 · 얼리버드 한정 문구에서 출발).
   ★쓰는 법 = kz_promo_banner.js 의 KzPromoBanner.html({tag, title, sub, icon}) 로 마크업을 만들고 이 CSS 를 싣는다.
   ★모양 계약: 브랜드 면 한 장 + 태그 칩 + 굵은 제목 + 보조 한 줄. 가장자리 색 바·카운트다운·취소선 금지
     (디자인 품질 기준 — 상자 가장자리 색 바 = 「AI 표본」). 사본 CSS 를 페이지에 다시 만들지 말 것. */
.kz-promo{display:flex;align-items:center;gap:var(--sp-3,12px);margin:0 0 var(--sp-3,12px);padding:var(--sp-4,16px) var(--sp-4,16px);border-radius:var(--r-lg,14px);background:var(--brand-deep);color:var(--on-brand-deep,#fff);line-height:1.45}
.kz-promo[hidden]{display:none}
.kz-promo .kp-ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--on-brand-deep,#fff) 16%,transparent)}
.kz-promo .kp-ic .fi{width:20px;height:20px;color:var(--on-brand-deep,#fff)}
.kz-promo .kp-body{min-width:0}
.kz-promo .kp-tag{display:inline-block;margin-bottom:4px;padding:.1em .6em;border-radius:var(--r-pill,999px);background:var(--on-brand-deep,#fff);color:var(--brand-deep);font-size:var(--fs-meta);font-weight:700;letter-spacing:.01em}
.kz-promo .kp-title{display:block;font-size:var(--fs-lede);font-weight:700;letter-spacing:-.01em;color:inherit}
.kz-promo .kp-sub{display:block;margin-top:2px;font-size:var(--fs-caption);color:color-mix(in srgb,var(--on-brand-deep,#fff) 86%,transparent)}
.kz-promo .kp-sub b{color:var(--on-brand-deep,#fff);font-weight:700;font-variant-numeric:tabular-nums}