/* Checkout adjustments for compact mobile browsers. */
#cart-items {
  min-height: 0;
  overscroll-behavior: contain;
}

.cart-panel {
  overscroll-behavior: contain;
}

@media (max-width: 520px) {
  .cart-panel {
    width: 100%;
    padding: 18px;
    padding-bottom: max(18px, env(safe-area-inset-bottom));
  }

  .cart-summary {
    margin: 0 -18px -18px;
    padding: 16px 18px max(18px, env(safe-area-inset-bottom));
  }

  #checkout-dialog {
    position: fixed;
    inset: auto 10px max(10px, env(safe-area-inset-bottom));
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 20px);
    margin: 0;
    border-radius: 20px;
  }

  #checkout-form {
    padding: 22px 18px 18px;
  }

  #checkout-form .button {
    min-height: 48px;
    font-size: 15px;
  }
}

/* Chọn hình thức thanh toán trong form đặt hàng */
.pay-choice{border:0;padding:0;margin:14px 0 4px;display:grid;gap:8px}
.pay-choice legend{font-size:12px;font-weight:700;margin-bottom:8px;padding:0}
.pay-option{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:center;margin:0;padding:10px 12px;border:1px solid #dfc39e;border-radius:10px;background:#fffdf8;cursor:pointer;font-weight:500}
.pay-option:has(input:checked){border-color:#a95127;background:#fff2dc}
.pay-option input{width:18px;height:18px;margin:0;accent-color:#a95127}
.pay-option b{display:block;font-size:13px}
.pay-option small{display:block;font-size:11px;color:#8a6a4c;font-weight:400}
/* Hộp thanh toán sau khi đặt hàng */
#order-success-dialog{width:min(460px,calc(100% - 28px))}
#order-success-dialog .booking-code{margin:14px 0}
.pay-qr{display:block;width:min(260px,70vw);height:auto;margin:14px auto;border:1px solid #dfbd8b;border-radius:14px;background:#fff}
.pay-row{display:grid;grid-template-columns:96px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #efe1c8;font-size:13px}
.pay-row span{color:#8a6a4c}
.pay-row b{word-break:break-all}
.pay-copy{border:1px solid #d9b98f;background:#fff7ea;border-radius:8px;padding:5px 10px;font:700 11px 'Be Vietnam Pro',sans-serif;color:#7b351d;cursor:pointer}
#order-success-dialog .booking-result-actions{margin-top:16px}
#checkout-form .pay-option{margin:0}
#checkout-form .pay-choice{margin:14px 0 4px}
