/* Product-modal navigation only; checkout remains a demonstration. */
html:has(dialog[open]){scrollbar-gutter:stable}
dialog[data-view=product]{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));scroll-padding-bottom:24px;overflow-anchor:none}
dialog[data-view=product] #dialog-content{padding-bottom:calc(25px + env(safe-area-inset-bottom))}
.product-actions{padding-top:2px;scroll-margin-bottom:24px}
.product-card .product-actions .button{min-height:50px;touch-action:manipulation}
.product-card .product-actions .continue-checkout{background:#191a17;border:1px solid var(--red);color:#fff;margin-top:10px;gap:9px;letter-spacing:.035em}
.continue-checkout svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-card .product-actions .continue-checkout:disabled{opacity:1;color:#a49f96;background:#191a17;border-color:#6a473b;cursor:not-allowed}
.product-actions .selection-feedback{min-height:20px;line-height:20px;margin:10px 0 0;text-align:center;color:#f7d3b5!important}
.product-actions .selection-feedback[hidden]{display:block;visibility:hidden}
@media(hover:hover) and (pointer:fine){.product-card .product-actions .continue-checkout:hover:not(:disabled){background:#312018;border-color:#ff7857}}
@media(max-width:360px){.product-card .product-actions .continue-checkout{font-size:10px;padding-inline:7px;gap:6px}.continue-checkout svg{width:17px;height:17px}}