/* =========================================================
   CHECKOUT STEP1 — Pages/Checkout/Step1.cshtml
   Scope: body.page-checkout-step1
   ========================================================= */

body.page-checkout-step1 {
    background: radial-gradient(900px 420px at 18% 10%, rgba(110,15,26,.08), transparent 60%), radial-gradient(720px 360px at 85% 0%, rgba(110,15,26,.06), transparent 62%), linear-gradient(180deg, #ffffff 0%, #fbf7f8 55%, #ffffff 100%);
    color: #1c1c1f;
}

.page-checkout-step1 .checkout-shell {
    max-width: 860px;
}

.page-checkout-step1 .page-surface {
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(110,15,26,.12);
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
}

.page-checkout-step1 .form-control,
.page-checkout-step1 .form-select {
    border-radius: 14px;
}


.page-checkout-step1 .required-label::after {
    content: " *";
    color: #dc3545;
    font-weight: 700;
}

.page-checkout-step1 .checkout-validation-summary:empty {
    display: none;
}

.page-checkout-step1 .field-validation-error,
.page-checkout-step1 .validation-summary-errors {
    display: block;
    margin-top: .35rem;
}

.page-checkout-step1 .input-validation-error,
.page-checkout-step1 .form-control.input-validation-error {
    border-color: #dc3545;
    box-shadow: 0 0 0 .15rem rgba(220, 53, 69, .12);
}

.page-checkout-step1 #postalCodeInput[readonly] {
    background-color: #f8f9fa;
    cursor: not-allowed;
}