.checkout-dialog { box-sizing: border-box; margin: auto; width: min(560px, calc(100% - 28px)); max-height: 85dvh; overflow: auto; padding: 28px; border: 1px solid #cfc2ad; border-radius: 18px; color: #30291d; background: #fffdf8; box-shadow: 0 16px 64px #0004; }
.checkout-dialog::backdrop { background: #211d18aa; }
.checkout-dialog h2 { margin: 0 0 12px; }
.checkout-dialog p { margin: 14px 0; }
.checkout-dialog li { margin-bottom: 12px; }
.receipt-reference { overflow-wrap: anywhere; font-size: .85rem; }
.receipt-status { color: #496131; font-weight: 700; }
.receipt-total { font-weight: 700; font-size: 1.2rem; }
.checkout-dialog-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.receipt-launcher { margin-bottom: 16px; }
.reservation-cart .qty-btn, .reservation-cart .cart-close, .reservation-cart .btn-remove { min-width: 44px; min-height: 44px; }
.reservation-cart :focus-visible, .checkout-dialog :focus-visible { outline: 3px solid #596d3c; outline-offset: 3px; }
@media (max-width: 600px) { .checkout-dialog-actions { flex-direction: column; } .checkout-dialog-actions .btn { box-sizing: border-box; width: 100%; text-align: center; } }