/* REA v16/v17: Oxlyn P15 composition, adapted to Exotica's own configured campaign. */
@font-face{font-family:"Exotica Promotion Geist";src:url("./geist-sans-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Exotica Promotion Mono";src:url("./geist-mono-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap} /* taste-skill-ignore: only the literal coupon inside code uses this face, matching the explicit reference. */
#header-promotion.exo-announcement{display:block;position:relative;isolation:isolate;width:100%;height:72px;min-height:0;border:0;border-radius:0;padding:0;overflow:hidden;background:radial-gradient(60% 180% at 50% -40%,#d98bff38,transparent 70%),linear-gradient(90deg,#16081e,#3f145c 30%,#651c8b,#3f145c 70%,#16081e);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #a746ff59;color:#fff;font-family:"Exotica Promotion Geist",Inter,Arial,sans-serif;font-size:16px;line-height:1.2} /* taste-skill-ignore: explicit reference uses a full-width accent field and fine inset boundaries. */
#header-promotion::before,#header-promotion::after{content:none;animation:none}
#header-promotion [hidden]{display:none!important}
#header-promotion a{display:inline-flex;align-items:center;gap:0;width:auto;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:none}
#header-promotion a:hover{background:none}
#header-promotion .promo-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:17.6px;width:min(1800px,100%);height:100%;margin-inline:auto;padding-inline:clamp(18.4px,4vw,40px);min-width:0}
#header-promotion .promo-live{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:38px;padding:4.8px 15.2px 4.8px 4.8px;border-radius:999px;background:#fff;color:#4d1e67;font-size:11.84px;font-weight:900;line-height:1;letter-spacing:.16em;white-space:nowrap}
#header-promotion .promo-live-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#a746ff1a;color:#8329b7}
#header-promotion .promo-live-icon svg{display:block;width:18px;height:18px;fill:currentColor}
#header-promotion .promo-deal{gap:14px;flex:1 1 auto;min-width:0}
#header-promotion .promo-amount-visual{display:flex;align-items:center;gap:7px;flex:none;white-space:nowrap}
#header-promotion .promo-amount-visual strong{font-size:42.4px;font-weight:900;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
#header-promotion .promo-amount-visual small{max-width:68px;font-size:10px;font-weight:850;line-height:1.2;letter-spacing:.05em}
#header-promotion .promo-deal-copy{max-width:230px;min-width:0;color:#f3e7fc;font-size:14px;font-weight:700;line-height:1.2;text-wrap:balance}
#header-promotion .promo-code{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;max-width:360px;min-height:44px;padding:0 12px 0 7px;border:1.5px dashed #ffffff8c;border-radius:12px;background:#00000059;box-shadow:none;color:#fff;cursor:pointer;transition:background .2s,border-color .2s;font-family:inherit} /* taste-skill-ignore: exact reference dashed coupon capsule; this is an actual copy control. */
#header-promotion .promo-code:hover{background:#0008;border-color:#fff}
#header-promotion .promo-code:disabled{cursor:text}
#header-promotion .promo-code-label{padding:6px 7px;border-radius:5px;background:#fff;color:#5a1d7b;font-size:9.28px;font-weight:900;letter-spacing:.14em}
#header-promotion .promo-code code{display:block;min-width:0;max-width:25ch;overflow:hidden;color:#fff;font-family:"Exotica Promotion Mono",monospace;font-size:17px;font-weight:800;letter-spacing:.04em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;user-select:all}
#header-promotion .promo-code-icon svg{display:block;width:14px;height:14px;flex:none}
#header-promotion .promo-copied-symbol,#header-promotion .promo-code[data-copied=true] .promo-copy-symbol{display:none}
#header-promotion .promo-code[data-copied=true]{border-style:solid;border-color:#6fe4ba}
#header-promotion .promo-code[data-copied=true] .promo-copied-symbol{display:block}
#header-promotion .promo-code[data-copied=true] .promo-code-icon{color:#6fe4ba}
#header-promotion .promo-countdown{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;min-width:0}
#header-promotion .promo-clock-label{font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
#header-promotion .promo-clock-boxes{display:flex;align-items:center;gap:6px}
#header-promotion .promo-clock-box{display:inline-flex;align-items:baseline;justify-content:center;gap:2px;min-width:50px;padding:10px 8px;border:1px solid #ffffff29;border-radius:10px;background:#00000059;white-space:nowrap} /* taste-skill-ignore: exact reference time cells with a quiet boundary. */
#header-promotion .promo-clock-box b{display:block;font-size:19.2px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
#header-promotion .promo-clock-box i{font-size:11.2px;line-height:1;font-style:normal;color:#d3b5e3}
#header-promotion [data-countdown-unit=seconds]{border-color:#ddb66c80;background:#ddb66c14;color:#f7d99a}
#header-promotion [data-countdown-unit=seconds] i{color:#f7d99a}
#header-promotion .promo-expiry:not(.sr-only){max-width:260px;color:#f1e0fa;font-size:11px;line-height:1.4}
#header-promotion .promo-pack-link{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;padding:0 21.6px;border:0;border-radius:999px;background:#fff;color:#261032;font-size:14.72px;font-weight:850;line-height:1.2;white-space:nowrap;overflow:hidden;transition:background .2s,transform .14s}
#header-promotion .promo-pack-link:hover{background:#f7effc}
#header-promotion .promo-pack-link::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 15%,#ba83df33 50%,transparent 85%);transform:translateX(-115%);transition:transform .6s cubic-bezier(.16,1,.3,1)} /* taste-skill-ignore: the reference uses a finite hover-only sheen on the white CTA. */
#header-promotion .promo-pack-link:hover::after{transform:translateX(115%)}
#header-promotion .promo-pack-link:active{transform:scale(.975)}
#header-promotion .promo-pack-link>.icon{display:block;width:14px;height:14px;flex:none}
#header-promotion :is(a,button):focus-visible{outline:2px solid #f0d6ff;outline-offset:2px}
#header-promotion .promo-pack-link:focus-visible{outline-color:#7422ab;outline-offset:-3px}
#header-promotion .promo-bar-inner--fallback{justify-content:center;gap:24px}
#header-promotion .promo-bar-inner--fallback>span{font-size:14px;font-weight:650;line-height:1.3}
#header-promotion .promo-scope-compact{display:none}
@media(max-width:1499px){#header-promotion .promo-clock-label{display:none}}
@media(max-width:1359px){#header-promotion .promo-bar-inner{gap:12px}#header-promotion .promo-deal-copy{max-width:180px;font-size:12px}#header-promotion .promo-live{font-size:10px;padding-right:10px}#header-promotion .promo-code-label{display:none}#header-promotion .promo-code{padding-inline:10px}}
@media(max-width:1180px){#header-promotion.exo-announcement{height:62px}#header-promotion .promo-amount-visual strong{font-size:35.2px}#header-promotion .promo-amount-visual small{font-size:8px;max-width:53px}#header-promotion .promo-code{min-height:40px;max-width:285px;border-radius:10px}#header-promotion .promo-code code{font-size:14px}#header-promotion .promo-clock-box{min-width:34px;padding:9px 5px;border-radius:8px}#header-promotion .promo-clock-box b{font-size:15px}#header-promotion .promo-clock-box i{font-size:9.6px}#header-promotion .promo-clock-boxes{gap:4px}#header-promotion .promo-pack-link{padding-inline:16px;font-size:12px}}
@media(max-width:1100px){#header-promotion .promo-live{display:none}}
@media(max-width:900px){#header-promotion .promo-deal-copy{display:none}#header-promotion .promo-code{max-width:265px}#header-promotion .promo-bar-inner{padding-inline:20px}}
@media(max-width:640px){#header-promotion.exo-announcement{height:52px}#header-promotion[data-campaign-promotion]{height:102px}#header-promotion .promo-campaign-inner{display:grid;grid-template-columns:minmax(54px,.6fr) minmax(0,1.6fr) auto;grid-template-rows:44px 38px;gap:6px 10px;align-content:center;padding-inline:14px}#header-promotion .promo-deal{grid-column:1;grid-row:1;justify-content:flex-start}#header-promotion .promo-amount-visual{align-items:flex-start;flex-direction:column;gap:2px}#header-promotion .promo-amount-visual strong{font-size:26.4px}#header-promotion .promo-amount-visual small{max-width:none;font-size:6.5px;letter-spacing:.03em}#header-promotion .promo-code{grid-column:2;grid-row:1;width:100%;max-width:none;min-height:44px;gap:5px;padding-inline:7px}#header-promotion .promo-code code{max-width:100%;font-size:12px;letter-spacing:0}#header-promotion .promo-code-icon{display:none}#header-promotion .promo-countdown{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px}#header-promotion .promo-clock-label{display:block;font-size:9px;letter-spacing:.13em}#header-promotion .promo-clock-box{min-width:38px;padding:8px 6px}#header-promotion .promo-clock-box b{font-size:17px}#header-promotion .promo-clock-boxes{gap:5px}#header-promotion .promo-campaign-inner>.promo-pack-link{grid-column:3;grid-row:1;padding-inline:11px;font-size:11px;gap:5px}#header-promotion .promo-pack-link>.icon{width:12px;height:12px}#header-promotion .promo-bar-inner--fallback{gap:14px;padding-inline:14px}#header-promotion .promo-bar-inner--fallback>span{font-size:12px}#header-promotion .promo-bar-inner--fallback>.promo-pack-link{font-size:11px;padding-inline:12px}}
@media(max-width:380px){#header-promotion .promo-campaign-inner{grid-template-columns:53px minmax(0,1fr) auto;padding-inline:10px;column-gap:7px}#header-promotion .promo-amount-visual strong{font-size:23px}#header-promotion .promo-code code{font-size:10px}#header-promotion .promo-campaign-inner>.promo-pack-link{padding-inline:9px;font-size:10px}#header-promotion .promo-campaign-inner>.promo-pack-link>.icon{display:none}#header-promotion .promo-clock-label{font-size:8px}#header-promotion .promo-clock-box{min-width:35px}#header-promotion .promo-bar-inner--fallback>span{max-width:145px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#header-promotion .promo-pack-link,#header-promotion .promo-code,#header-promotion .promo-pack-link::after{transition:none}#header-promotion .promo-pack-link::after{display:none}#header-promotion .promo-pack-link:active{transform:none}}
@media(min-width:641px) and (max-width:900px){#header-promotion[data-campaign-promotion]{height:82px}#header-promotion .promo-campaign-inner{display:grid;grid-template-columns:66px minmax(0,1fr) auto auto;grid-template-rows:44px 16px;gap:4px 12px;align-content:center}#header-promotion .promo-deal{grid-column:1;grid-row:1}#header-promotion .promo-amount-visual{align-items:flex-start;flex-direction:column;gap:2px}#header-promotion .promo-amount-visual strong{font-size:27px}#header-promotion .promo-amount-visual small{max-width:none;font-size:7px}#header-promotion .promo-code{grid-column:2;grid-row:1;width:100%}#header-promotion .promo-countdown{grid-column:3;grid-row:1}#header-promotion .promo-campaign-inner>.promo-pack-link{grid-column:4;grid-row:1}#header-promotion .promo-scope-compact{display:block;grid-column:1/-1;grid-row:2;color:#f1dff9;font-size:11px;line-height:16px}}
@media(max-width:640px){#header-promotion[data-campaign-promotion]{height:112px}#header-promotion .promo-campaign-inner{grid-template-rows:44px 14px 36px;row-gap:6px}#header-promotion .promo-countdown{grid-row:3}#header-promotion .promo-scope-compact{display:block;grid-column:1/-1;grid-row:2;color:#f1dff9;font-size:10px;line-height:14px}}