.drinks-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.drinks-heading>p{max-width:340px;font-size:17px}.drink-showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;--flavor:#f5bf53}.drink-showcase[data-flavor=strawberry]{--flavor:#f49ca9}.drink-showcase[data-flavor=blueberry]{--flavor:#c3ace8}.drink-visual{min-width:0}.drink-stage{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--deep);touch-action:pan-y}.drink-stage img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.drink-stage .drink-outgoing{position:absolute;inset:0;z-index:1;pointer-events:none}.drink-playback{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;font-size:13px}.drink-playback>span{font-variant-numeric:tabular-nums}.drink-playback button{min-height:44px;background:none;text-decoration:underline;text-underline-offset:4px;padding:8px 0;color:var(--paper)}.drink-detail{min-width:0}.drink-flavor{font:800 clamp(64px,6.5vw,100px)/.95 Display,Impact,sans-serif;letter-spacing:-.025em;color:var(--flavor);overflow-wrap:anywhere}.drink-detail h3{font-size:21px;margin-top:18px}.drink-detail #drinkDescription{font-size:16px;margin-top:12px;min-height:52px;max-width:340px}.drink-order{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-block:20px 32px;padding-bottom:28px;border-bottom:1px solid var(--line)}.drink-order .price{font-size:28px}.drink-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.drink-choices button{background:none;border:1px solid var(--line);border-radius:6px;overflow:hidden;padding:0;text-align:start;transition:border-color 160ms ease,background-color 160ms ease}.drink-choices img{aspect-ratio:1.2;object-fit:cover}.drink-choices span{display:block;padding:12px 8px;font-size:13px;font-weight:600}.drink-choices button[aria-pressed=true]{border-color:var(--flavor);background:var(--flavor);color:#10251d}.drink-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.drink-navigation button{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--line);background:none;border-radius:50%}.drink-navigation p{font-size:12px;text-align:center}.drinks-menu-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-top:68px;margin-bottom:16px;border-top:1px solid var(--line);padding-top:30px}.drinks-menu-heading h3{font-size:26px}.drinks-menu-heading p{font-size:14px}.drinks .drinks-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.drinks .drink-row{align-items:center}.drinks .drink-row h3{font-size:16px}[dir=rtl] .drink-flavor{font-family:Arabic,Body,sans-serif;font-size:clamp(48px,5vw,76px);line-height:1.3;letter-spacing:0}[dir=rtl] .drink-navigation svg{transform:scaleX(-1)}
@media(hover:hover) and (pointer:fine){.drink-choices button:hover{border-color:var(--flavor)}.drink-navigation button:hover{background:var(--paper);color:var(--forest)}}
@media(max-width:1100px){.drink-showcase{gap:40px}.drink-flavor{font-size:72px}.drink-order{gap:12px}.drink-order .button{padding-inline:18px}}
@media(max-width:800px){.drink-showcase{gap:28px;grid-template-columns:1fr 1fr}.drink-flavor{font-size:56px}.drink-choices{gap:7px}.drink-choices span{font-size:11px;padding-inline:6px}.drink-order{flex-wrap:wrap;margin-block:16px 22px;padding-bottom:20px}.drinks .drinks-list{grid-template-columns:1fr 1fr}.drinks-heading>p{font-size:15px;max-width:280px}}
@media(max-width:600px){.drinks-heading{display:block;margin-bottom:28px}.drinks-heading>p{margin-top:22px;max-width:300px}.drink-showcase{grid-template-columns:1fr;gap:24px}.drink-stage{aspect-ratio:1.08}.drink-flavor{font-size:68px}.drink-detail h3{font-size:20px;margin-top:10px}.drink-detail #drinkDescription{min-height:0;font-size:15px}.drink-order{flex-wrap:nowrap;margin-block:22px}.drink-choices span{font-size:12px}.drink-navigation{margin-top:18px}.drinks-menu-heading{display:block;margin-top:42px}.drinks-menu-heading p{margin-top:8px}.drinks .drinks-list{grid-template-columns:1fr}.drink-playback{margin-top:6px}[dir=rtl] .drink-flavor{font-size:54px}}
html[data-motion=reduced] .drink-showcase *{transition:none!important}

.drink-playback button{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;padding:0;border:1px solid var(--line);border-radius:50%;text-decoration:none}.drink-playback button:hover{background:var(--paper);color:var(--forest)}@media(max-width:800px){.drink-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}