.cover-panorama{display:block!important;position:relative}
.cover-viewport{position:relative;aspect-ratio:2/1;isolation:isolate;margin-bottom:16px;touch-action:pan-y;overflow:hidden}
.drink-object{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.drink-object{pointer-events:auto;cursor:pointer}
.drink-motion-layer{opacity:0;pointer-events:none}
.drink-object[data-ready=true] .drink-motion-layer{opacity:1}
.drink-motion-frame,.drink-motion-frame video{display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;background:#fff;object-fit:fill}
.cover-panorama[data-static=true] .drink-motion-layer,.drink-object[data-failed=true] .drink-motion-layer{display:none}
.cover-captions{display:flex;position:relative;z-index:5;background:white}
.cover-panorama .cover-captions figure{width:25%;margin:0;min-width:0}
.cover-panorama .cover-captions figcaption{padding:0;border:0;display:block;min-height:0}
.cover-captions button{width:100%;height:100%;min-height:50px;background:white;border:0;border-bottom:2px solid var(--pink);border-radius:0;padding:14px 6px;font-size:15px;font-weight:700;line-height:1.4}
.cover-captions button:hover,.cover-captions button[aria-pressed=true]{color:var(--pink-dark);background:#fff7fb;border-bottom-width:4px;padding-bottom:12px}
.cover-captions button:focus-visible{outline:3px solid var(--pink-dark);outline-offset:-3px}
.cover-controls{display:flex;justify-content:flex-end;align-items:center;gap:14px;min-height:34px;margin-top:8px}
.cover-controls button{display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;color:#666;padding:5px 8px;border:0;background:transparent;border-radius:3px}
.cover-controls button[hidden]{display:none}
.cover-controls button:hover{color:var(--pink-dark);background:#fff7fb}
.cover-motion-icon{font-size:14px;min-width:10px}
@media(max-width:700px){.cover-captions button{font-size:11px;line-height:1.35;padding:10px 2px;min-height:48px}.cover-captions button:hover,.cover-captions button[aria-pressed=true]{padding-bottom:8px}.cover-controls{margin-top:5px;gap:8px}.cover-controls button{font-size:11px}.cover-viewport{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.drink-motion-layer{display:none!important}}
@media print{.cover-controls,.drink-motion-layer{display:none!important}}

/* Real HTML images remain visible when playback is unavailable, including iOS. */
.cover-still{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;position:relative;z-index:0}
.cover-still img{display:block;width:100%;height:auto;min-width:0;object-fit:contain}
.drink-object{z-index:1}
.drink-motion-layer{position:absolute}
@media print{.drink-object{display:none!important}.cover-still{display:grid!important}}
