.surprise-hero .hero-copy{width:min(540px,88%)}.surprise-hero h1{font-size:clamp(3.5rem,6.6vw,6.4rem);line-height:1}.surprise-hero .hero-copy .pack-hero-price{font-size:clamp(1.15rem,2vw,1.65rem);color:#fff;margin:1.4rem 0 .7rem}.pack-hero-price strong{color:var(--gold)}.surprise-hero .hero-copy .pack-hero-categories{font-size:1rem;margin:.4rem 0 2rem;color:#e8e3da}.surprise-hero .hero-overlay{background:linear-gradient(90deg,rgba(9,17,35,.46),rgba(9,17,35,.05) 60%,transparent)}.surprise-hero .hero-note{font-size:14px}.surprise-section{scroll-margin-top:110px;max-width:1200px;margin:auto;padding:6rem 1.5rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem}.surprise-intro h2{font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.1}.surprise-intro>p:not(.eyebrow){line-height:1.7}.surprise-intro .pack-value{font-size:1.6rem;margin:1.6rem 0 .7rem}.pack-value strong{color:var(--wine)}.surprise-intro .pack-shipping,.pack-help{font-size:14px;color:var(--muted);line-height:1.6}.surprise-form fieldset{border:0;padding:0;margin:0 0 1.7rem}.surprise-form legend{font-size:1.1rem;font-weight:700;margin-bottom:14px}.pack-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pack-option{position:relative;cursor:pointer}.pack-option input{position:absolute;opacity:0;width:1px;height:1px}.pack-option span{border:1px solid var(--line);padding:14px 12px;min-height:54px;display:flex;align-items:center;font-size:16px;background:white;border-radius:6px;height:100%}.pack-option input:checked+span{border-color:var(--ink);background:#edf0f6;box-shadow:inset 0 0 0 1px var(--ink)}.pack-option input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.pack-add{border:0;cursor:pointer;width:100%;font-size:16px}.surprise-form .pack-help{margin-top:8px}@media(max-width:950px){.surprise-section{gap:2rem;grid-template-columns:1fr 1.1fr}}@media(max-width:620px){.surprise-hero{min-height:730px;align-items:end}.surprise-hero>img{object-position:79% top;height:60%;object-fit:cover}.surprise-hero .hero-overlay{background:linear-gradient(0deg,#0c162b 0%,#0c162b 39%,rgba(12,22,43,.12) 65%,transparent 85%)}.surprise-hero .hero-copy{padding:2rem 1.2rem 6.5rem;width:100%}.surprise-hero h1{font-size:3.4rem}.surprise-hero .hero-copy .pack-hero-price{margin:.9rem 0 .4rem;font-size:1.2rem}.surprise-hero .hero-copy .pack-hero-categories{margin-bottom:1.2rem}.surprise-hero .hero-note{font-size:12px;max-width:calc(100% - 2.4rem)}.surprise-section{grid-template-columns:1fr;gap:1.7rem;padding:4rem 1.2rem;scroll-margin-top:90px}.pack-options{gap:8px}.pack-option span{font-size:14px;padding:12px 10px}}

.surprise-hero #openSurprisePack{border:0;cursor:pointer;font:inherit}
.surprise-dialog{border:0;border-radius:16px;width:min(1000px,calc(100% - 24px));max-height:90dvh;padding:0;background:var(--paper);color:var(--ink);overflow:auto}
.surprise-dialog::backdrop{background:rgba(9,17,35,.7)}
.surprise-dialog .surprise-section{padding:3rem 2rem 2rem;gap:2rem}
.pack-close{position:sticky;top:8px;display:block;margin:8px 8px -52px auto;width:44px;height:44px;border:0;border-radius:50%;background:var(--paper);color:var(--ink);font-size:2rem;cursor:pointer;z-index:1}
body:has(.surprise-dialog[open]){overflow:hidden}
@media(max-width:620px){.surprise-dialog .surprise-section{padding:3.5rem 1.2rem 1.5rem;grid-template-columns:1fr;gap:1.4rem}.surprise-dialog .surprise-intro h2{font-size:2.3rem}}
.pack-selection-content{padding:3.5rem 1.5rem 1.5rem}.selection-dialog{max-width:700px}.pack-search{display:grid;gap:8px;margin:20px 0}.pack-search input{padding:12px;font:inherit;border:1px solid var(--line);border-radius:6px}#packProductList{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 24px}.pack-option input:disabled+span{opacity:.45;cursor:not-allowed}.pack-add:disabled{opacity:.5;cursor:not-allowed}body:has(.selection-dialog[open]){overflow:hidden}@media(max-width:480px){#packProductList{grid-template-columns:1fr}}
@media(max-width:620px){
 .surprise-hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;background:#0c162b}
 .surprise-hero>img{position:relative;inset:auto;width:100%;height:clamp(300px,95vw,430px);object-fit:cover;object-position:79% top}
 .surprise-hero .hero-overlay{inset:0 0 auto;height:clamp(300px,95vw,430px);background:linear-gradient(0deg,#0c162b 0%,rgba(12,22,43,.15) 18%,transparent 40%);pointer-events:none}
 .surprise-hero .hero-copy{margin:0;width:100%;padding:1.2rem 1.2rem 2.5rem}
}

.surprise-hero h1{font-size:clamp(2.7rem,5vw,4.6rem);line-height:1.05}

.night-pack-content{padding:3rem 2rem 2rem}.night-pack-content>p{line-height:1.6}.night-pack-content h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.night-pack-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.night-pack-options article{padding:1.5rem;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:1rem}.night-pack-options h3{margin:0}.night-pack-options ul{padding-left:1.2rem;margin:0 0 1rem;line-height:1.7}.night-pack-options button{margin-top:auto}.night-pack-options button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:620px){.night-pack-options{grid-template-columns:1fr}.night-pack-content{padding:3rem 1.2rem 1.5rem}}

.surprise-dialog:has(.halloween-content){width:min(1200px,calc(100% - 24px))}.halloween-options{grid-template-columns:repeat(3,minmax(0,1fr))}.halloween-options article{padding:1rem;min-width:0}.halloween-poster{display:block;width:100%;height:auto;border-radius:10px}.halloween-size{display:grid;gap:.5rem;font-size:14px;line-height:1.5}.halloween-size select{width:100%;padding:.75rem .4rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px}.halloween-options button{font-size:15px}@media(max-width:850px){.halloween-options{grid-template-columns:1fr}.halloween-options article{width:100%;max-width:420px;margin-inline:auto}}