/* 5주년 게릴라 쿠폰 — 팝업·안내바 (블랙 · 샴페인 골드 · 아이보리) 2026-10-25 */
:root{--a5-black:#0f0e0c;--a5-ink:#1a1814;--a5-gold:#c9ad7a;--a5-gold-2:#e3cf9f;--a5-ivory:#f6f1e6;--a5-mute:#a99c84}

/* ── 상단 안내바: 화면 맨 위 고정. 본문·기존 고정헤더는 JS(layoutBar)가 바 높이만큼 내린다 ── */
.a5bar{display:block;position:fixed;left:0;right:0;top:0;z-index:9400;background:var(--a5-black);color:var(--a5-ivory);
  text-decoration:none;border-bottom:1px solid rgba(201,173,122,.35);font:500 12.5px/1.2 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}
.a5bar__in{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 16px;
  max-width:1280px;margin:0 auto;box-sizing:border-box;white-space:nowrap;overflow:hidden}
.a5bar__b{color:var(--a5-gold-2);font-weight:700;letter-spacing:.02em}
.a5bar__s{width:1px;height:11px;background:rgba(201,173,122,.45);flex:none}
.a5bar__t{font-variant-numeric:tabular-nums;font-weight:700;color:#fff;letter-spacing:.03em}
.a5bar__go{color:var(--a5-gold);font-weight:600}
.a5bar:focus-visible{outline:2px solid var(--a5-gold-2);outline-offset:-2px}
@media (max-width:420px){.a5bar__go,.a5bar__s.s3{display:none}.a5bar__in{gap:6px;font-size:12px}}

/* ── 중앙 팝업 ── */
.a5pop{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.a5pop.is-on{opacity:1;visibility:visible}
.a5pop__dim{position:absolute;inset:0;background:rgba(8,7,5,.62)}
.a5pop__card{position:relative;width:min(360px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;
  -webkit-overflow-scrolling:touch;box-sizing:border-box;border-radius:20px;background:var(--a5-black);color:var(--a5-ivory);
  box-shadow:0 24px 60px rgba(0,0,0,.45);transform:translateY(8px);transition:transform .25s ease;
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;text-align:center}
.a5pop.is-on .a5pop__card{transform:none}
.a5pop__x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;
  color:var(--a5-mute);font-size:22px;line-height:1;cursor:pointer;z-index:2}
.a5pop__x:hover{color:var(--a5-ivory)}

/* 쿠폰 본체(위) — 얇은 골드 이중 테두리 */
.a5tk{position:relative;margin:14px 14px 0;padding:26px 18px 22px;border:1px solid rgba(201,173,122,.55);border-radius:14px}
.a5tk::before{content:"";position:absolute;inset:4px;border:1px solid rgba(201,173,122,.18);border-radius:11px;pointer-events:none}
.a5tk__brand{margin:0;font:600 11px/1.4 Georgia,"Times New Roman",serif;letter-spacing:.42em;color:var(--a5-gold);text-indent:.42em}
.a5tk__ann{margin:2px 0 0;font:400 10px/1.4 Georgia,"Times New Roman",serif;letter-spacing:.34em;color:var(--a5-mute);text-indent:.34em}
.a5tk__rule{width:36px;height:1px;margin:14px auto;background:linear-gradient(90deg,transparent,var(--a5-gold),transparent)}
.a5tk__ko{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--a5-ivory)}
.a5tk__gift{margin:3px 0 0;font:italic 400 15px/1.3 Georgia,"Times New Roman",serif;letter-spacing:.18em;color:var(--a5-gold-2)}
.a5tk__fee{margin:16px 0 0;font-size:14px;font-weight:600;letter-spacing:.2em;color:var(--a5-ivory);text-indent:.2em}
.a5tk__num{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:2px 0 0;color:var(--a5-gold-2);line-height:1}
.a5tk__num b{font:500 64px/1 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.a5tk__num span{font:600 20px/1 Georgia,"Times New Roman",serif;letter-spacing:.06em}
.a5tk__sub{margin:12px 0 0;font-size:12px;color:var(--a5-mute);letter-spacing:-.01em}
.a5tk__cond{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:var(--a5-ivory);letter-spacing:.02em}

/* 절취선 + 양옆 반원 홈 */
.a5cut{position:relative;height:24px;margin:0 14px}
.a5cut::before{content:"";position:absolute;left:18px;right:18px;top:50%;border-top:1px dashed rgba(201,173,122,.45)}
.a5cut i{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:#55534f}
.a5cut i:first-child{left:-25px}.a5cut i:last-child{right:-25px}

/* 쿠폰 꼬리(아래) — 카운트다운·버튼 */
.a5tail{padding:2px 18px 18px}
.a5tail__today{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--a5-gold-2)}
.a5cd__lbl{margin:10px 0 6px;font-size:12px;color:var(--a5-mute)}
.a5cd{display:flex;justify-content:center;gap:6px}
.a5cd__u{min-width:62px}
.a5cd__v{display:block;padding:8px 0;border-radius:10px;background:var(--a5-ink);border:1px solid rgba(201,173,122,.3);
  font:600 28px/1 -apple-system,BlinkMacSystemFont,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:.02em}
.a5cd__k{display:block;margin-top:5px;font-size:11px;color:var(--a5-mute)}
.a5cd__c{align-self:flex-start;padding-top:8px;font:600 24px/1 monospace;color:var(--a5-gold)}
.a5st{margin:14px 0 0;font-size:12.5px;color:var(--a5-gold-2)}
.a5st.done{color:var(--a5-mute)}
.a5btn{display:block;width:100%;margin-top:12px;padding:14px 12px;border:0;border-radius:12px;box-sizing:border-box;
  background:linear-gradient(180deg,#d9c08e,#bf9f66);color:#16120a;font-size:15px;font-weight:800;letter-spacing:.02em;
  text-decoration:none;cursor:pointer}
.a5btn--line{background:transparent;color:var(--a5-ivory);border:1px solid rgba(201,173,122,.5);font-weight:700}
.a5btn+.a5btn{margin-top:8px}
.a5btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.a5note{margin:14px 0 0;font-size:11px;line-height:1.55;color:var(--a5-mute)}
.a5foot{display:flex;justify-content:space-between;align-items:center;margin:14px -18px -18px;padding:12px 18px;border-top:1px solid rgba(255,255,255,.06)}
.a5foot button{border:0;background:transparent;color:var(--a5-mute);font-size:12px;cursor:pointer;padding:4px 0}
.a5foot button:hover{color:var(--a5-ivory)}
.a5pop__x:focus-visible,.a5btn:focus-visible,.a5foot button:focus-visible{outline:2px solid var(--a5-gold-2);outline-offset:2px}
.a5prev{position:absolute;top:12px;left:14px;font-size:10px;letter-spacing:.08em;color:#16120a;background:var(--a5-gold);padding:2px 6px;border-radius:4px}

@media (max-width:360px){.a5tk__num b{font-size:54px}.a5cd__u{min-width:54px}.a5cd__v{font-size:24px}}
@media (min-width:768px){.a5pop__card{width:380px}}
@media (prefers-reduced-motion:reduce){.a5pop,.a5pop__card{transition:none}}
body.a5-lock{overflow:hidden}
body.a5-has-bar{padding-top:var(--a5-bar-h,36px)}
@media (max-height:700px){.a5tk{padding:18px 16px 16px}.a5tk__rule{margin:10px auto}.a5tk__fee{margin-top:10px}.a5tk__num b{font-size:52px}
  .a5tk__cond{margin-top:10px}.a5cd__v{font-size:24px;padding:7px 0}.a5btn{padding:12px}.a5note{margin-top:10px}}