/* Controls remain inside the photograph, including on touch screens. */
.media-gallery{position:relative}
.media-controls{position:absolute;inset:0;display:block;padding:0;pointer-events:none;z-index:4}
.media-controls button{pointer-events:auto}
.media-controls>[data-media-step]{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:24px;border:1px solid #ffffff85;background:#24110955;color:#fff;font-size:2.5rem;line-height:1;opacity:.6;backdrop-filter:blur(5px);transition:opacity .18s,background .18s}
.media-controls>[data-media-step="-1"]{left:12px}
.media-controls>[data-media-step="1"]{right:12px}
.media-gallery:hover .media-controls>[data-media-step],.media-controls>[data-media-step]:focus-visible{opacity:1;background:#241109b8}
.media-choices{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;flex-wrap:nowrap;gap:3px;border-radius:30px;background:#24110975;padding:3px;backdrop-filter:blur(8px);max-width:calc(100% - 24px)}
.media-choices button{color:#fff;min-height:38px;padding:6px 16px;font-size:.8rem}
.media-choices button[aria-pressed=true]{background:#fff6e9;color:#401d10}
.media-count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cover-gallery .media-choices{top:16px;width:calc(100% - 85px);max-width:calc(100% - 85px);left:14px;transform:none;gap:0}
.cover-gallery .media-choices button{min-width:0;flex:1;padding:6px 3px;color:#fff;display:grid;place-items:center}
.cover-gallery .media-choices button[aria-pressed=true]{color:#ffae26}
.cover-gallery .media-dot{width:5px;height:5px}
.cover-gallery .media-choices button[aria-pressed=true] .media-dot{width:13px}
.cover-gallery .media-pause{position:absolute;right:14px;top:16px;width:44px;height:44px;background:#24110980;color:#fff;border-color:#ffffff60;backdrop-filter:blur(8px)}
.cover-product{z-index:2;padding:40px 22px 20px;background:linear-gradient(transparent,#210b08e8)}
.cover-gallery .media-entering{animation:gs-enter-right .45s cubic-bezier(.2,.65,.25,1) both;z-index:2}
.cover-gallery .media-leaving{animation:gs-leave-right .45s cubic-bezier(.2,.65,.25,1) both;pointer-events:none}
@keyframes gs-enter-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes gs-leave-right{from{transform:translateX(0)}to{transform:translateX(100%)}}
.hero.hero-real{max-width:none;padding:44px max(40px,calc((100vw - 1220px)/2));gap:64px;background:radial-gradient(ellipse at 94% 5%,#dc401a55,transparent 50%),linear-gradient(120deg,#400c0e 0%,#781016 57%,#a31b1e 100%);color:#fff8ef;overflow:hidden}
.hero-real h1{color:#fff8ef;font-size:clamp(3rem,5.4vw,5.6rem)}
.hero-real h1 em{color:#ffad26;display:block}
.hero-real .eyebrow{color:#ffbb46}
.hero-real .hero-sub{color:#f4d8c5}
.hero-real .hero-visual{max-width:460px;border:1px solid #ffca7545;box-shadow:0 20px 60px #21060970;border-radius:20px}
.hero-real .hero-actions .primary{border:1px solid #ff6457;background:#e02227;box-shadow:0 6px 20px #25090a30}
.hero-real .hero-actions .primary:hover{background:#f12a30}
.hero-real .hero-actions .universe-entry{background:#ffae25;color:#36180e;box-shadow:0 6px 20px #25090a30}
.hero-real .hero-actions .universe-entry small{color:#542715}
.category-continue{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 4%;background:#f3e1c7;border-top:1px solid var(--line)}
.category-continue p{margin:0;font-weight:700}.category-continue small{display:block;color:var(--muted);font-weight:400;margin-top:4px}
.category-continue .button small{color:inherit;font-size:.75rem;opacity:.95}
.category-continue .category-actions{display:flex;flex-wrap:wrap;gap:12px}.category-continue .button{min-height:52px}
@media(hover:none){.media-controls>[data-media-step]{opacity:.9;background:#24110988}}
@media(max-width:900px){.hero.hero-real{gap:30px;padding:32px 28px}.hero-real h1{font-size:3.6rem}.category-continue{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.hero.hero-real{display:grid;grid-template-columns:1fr;gap:0;padding:26px 20px 30px}.hero-real .hero-content{display:contents}.hero-real .hero-content>.eyebrow{grid-row:1;margin-bottom:12px;font-size:.67rem}.hero-real h1{grid-row:2;font-size:3rem;margin-bottom:22px}.hero-real .hero-visual{grid-column:1;grid-row:3;max-width:390px;margin:0 auto 22px;order:initial}.hero-real .hero-sub{grid-row:4;font-size:.95rem;margin-bottom:18px}.hero-real .hero-actions{grid-row:5;display:flex;gap:12px}.hero-real .hero-actions .universe-entry{max-width:none}.media-controls>[data-media-step]{width:42px;height:56px;font-size:2.2rem}.media-controls>[data-media-step="-1"]{left:9px}.media-controls>[data-media-step="1"]{right:9px}.media-choices button{padding:5px 13px}.cover-gallery .media-choices button{padding:5px;min-width:18px}.category-continue{padding:24px 18px 34px}.category-continue .category-actions{width:100%;flex-direction:column}.category-continue .button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.cover-gallery .media-entering,.cover-gallery .media-leaving{animation:none}.media-controls>[data-media-step]{transition:none}}
.cover-gallery .media-choices{top:12px;left:12px;width:auto;max-width:calc(100% - 68px);padding:2px 5px;gap:0;background:#24110966}
.cover-gallery .media-choices button{flex:none;width:16px;min-width:16px;height:24px;min-height:24px;padding:0}
.cover-gallery .media-dot{width:4px;height:4px}
.cover-gallery .media-choices button[aria-pressed=true] .media-dot{width:9px}
.cover-gallery .media-pause{top:12px;right:12px;width:32px;height:32px;font-size:1rem}
.drink-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.drink-card{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:18px}
.drink-card h2{font-size:2rem;margin-bottom:10px}.drink-card .eyebrow{color:var(--red);margin-bottom:12px}.drink-card p{margin-bottom:0}
.drink-card .purchase-row{margin-top:auto}.fulfillment{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:8px}
.fulfillment legend{font-weight:700;padding:0 6px}.fulfillment-options{display:flex;gap:12px;flex-wrap:wrap}
.fulfillment-options label{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:44px;margin:0;cursor:pointer;flex:1;min-width:180px}
.fulfillment-options input{width:20px;height:20px;accent-color:var(--red);margin:0;flex:none}
.delivery-address-label{margin:16px 0 0}.delivery-address-label textarea{margin-top:8px}
@media(max-width:640px){.drink-grid{grid-template-columns:1fr}.drink-card{padding:22px}.fulfillment{padding:14px}.fulfillment-options{display:block}.fulfillment-options label{margin:4px 0}}