.promotion-is-open{overflow:hidden}
.promotion-dialog{padding:0;border:1px solid #fff3;border-radius:0;width:min(540px,calc(100% - 32px));max-width:540px;max-height:calc(100dvh - 32px);margin:auto;overflow:auto;background:#111;color:#fff;box-shadow:0 24px 100px #0006}
.promotion-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}
.promotion-sheet{position:relative;min-height:538px;padding:44px 42px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.promotion-sheet:before{content:'';position:absolute;inset:13px;border:1px solid #ffffff35;pointer-events:none}
.promotion-close{position:absolute;top:18px;right:18px;width:44px;height:44px;padding:0;border:0;background:#111;color:#fff;cursor:pointer;font:400 32px/1 var(--body);display:grid;place-items:center}
.promotion-eyebrow{max-width:330px;margin:0 0 12px;font:500 12px/1.7 var(--body);letter-spacing:1.6px}
.promotion-saving{margin:0 0 10px;font:400 104px/1 var(--display);letter-spacing:-4px}
.promotion-saving span{font-size:.65em;letter-spacing:-2px}
.promotion-dialog h2{margin:0 0 8px;font:400 40px/1.15 var(--display);letter-spacing:-.5px}
.promotion-description{margin:0 0 14px;font:400 16px/1.5 var(--body);color:#ddd}
.promotion-deadline{margin:0 0 20px;font:400 16px/1.5 var(--body);color:#ddd}
.promotion-deadline time{display:block;color:#fff;font-weight:600}
.promotion-action{position:relative;width:100%;max-width:360px;min-height:52px;padding:14px 18px;border:1px solid #fff;background:#fff;color:#111;cursor:pointer;font:600 14px/1.5 var(--body);transition:background .2s,color .2s}
.promotion-action:hover{background:#111;color:#fff}
.promotion-dialog button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:600px){
  .promotion-sheet{min-height:min(538px,calc(100vw - 34px));padding:40px 24px 24px}
  .promotion-eyebrow{display:none}
  .promotion-saving{font-size:clamp(72px,20vw,104px);margin-bottom:8px}
  .promotion-dialog h2{font-size:clamp(28px,7.5vw,40px);margin-bottom:8px}
  .promotion-description{margin-bottom:10px}
  .promotion-deadline{margin-bottom:14px}
  .promotion-close{top:12px;right:12px}
}
@media(prefers-reduced-motion:reduce){.promotion-action{transition:none}}