/* Compact controls; choices occupy the top layer rather than moving the card. */
.product-options{gap:16px;border:0;padding:0;margin:20px 0 24px}
.drink-dropdown{min-width:0}
.drink-dropdown-label{display:block;font-size:13px;margin-bottom:7px;color:var(--ink)}
.drink-dropdown details{border:1px solid #d5c2c9;border-radius:12px;background:#faf8f3;position:relative}
.drink-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;box-sizing:border-box;list-style:none;cursor:pointer;font-size:14px;color:var(--ink)}
.drink-dropdown summary::-webkit-details-marker{display:none}
.drink-dropdown summary>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:rotate 160ms ease;flex:none}
.drink-dropdown details[open] summary>svg{rotate:180deg}
.drink-dropdown details[open]{border-color:#c57998}
.drink-dropdown-list{position:fixed;inset:auto;margin:0;padding:6px;box-sizing:border-box;border:0;border-radius:14px;background:#faf8f3;color:var(--ink,#3f3e38);font-family:GeistMono,monospace;box-shadow:0 8px 28px #44352f24;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4a0b5 #faf8f3;z-index:1000}
.drink-dropdown-list::backdrop{background:transparent;pointer-events:none}
.drink-dropdown-list:not(:popover-open):not(.dropdown-fallback){display:none}
.drink-dropdown-list.dropdown-fallback{display:block}
.product-options .drink-dropdown-option{display:flex;position:relative;align-items:center;gap:10px;min-height:48px;box-sizing:border-box;padding:12px 10px;margin:0;border-radius:9px;font-size:14px;cursor:pointer}
.drink-dropdown-option small{margin-left:auto;font-size:12px;white-space:nowrap}
.drink-dropdown-option:has(input:checked){background:#f4dce6}
.drink-dropdown-option:has(input:disabled){color:#716b68;cursor:default}
.drink-dropdown-option .option-check{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:0;flex:none}
.drink-dropdown-option:has(input:checked) .option-check{opacity:1}
.drink-dropdown-option:has(input:focus-visible){outline:2px solid #c57998;outline-offset:-2px}
.drink-dropdown summary:focus-visible{outline:2px solid #c57998;outline-offset:3px;border-radius:11px}
@media(hover:hover){.drink-dropdown-option:not(:has(input:disabled)):hover{background:#f8eaf0}}
.basket-dock{touch-action:pan-y;translate:var(--basket-drag,0px) 0;transition:translate 240ms cubic-bezier(.16,1,.3,1),opacity 180ms ease}
.basket-dock.basket-dragging{transition:none;cursor:grabbing}
.basket-dock.basket-folded{translate:calc(-100vw - 180px) 0;opacity:0;pointer-events:none}
.basket-restore{position:fixed;left:0;bottom:max(28px,env(safe-area-inset-bottom));z-index:26;display:flex;gap:5px;align-items:center;justify-content:center;min-width:48px;min-height:52px;padding:10px 8px;background:#e8b7c8;color:var(--ink);border:0;border-radius:0 14px 14px 0;cursor:pointer;touch-action:manipulation;font:inherit;font-size:12px}
.basket-restore svg{width:26px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.basket-restore[hidden],body:has(dialog[open]) .basket-restore{display:none}
@media(prefers-reduced-motion:reduce){.basket-dock,.drink-dropdown summary>svg{transition:none}}
.product-meta:empty{display:none}