body.escrow-checkout-page {
    background: var(--cizgi-surface, #0f172a);
    color: var(--cizgi-text-primary, #e2e8f0);
    min-height: 100vh;
}

body.escrow-checkout-page .escrow-checkout-main {
    min-height: calc(100vh - var(--nav-total-offset, 72px));
}

body.escrow-checkout-page .escrow-card {
    background: color-mix(in srgb, var(--cizgi-surface-elevated, #1e293b) 92%, transparent);
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--cizgi-text-secondary, #334155) 45%, transparent);
    max-width: 440px;
    margin-inline: auto;
}

body.escrow-checkout-page .escrow-card h1 {
    font-size: 1.25rem;
    font-weight: 600;
}

body.escrow-checkout-page .escrow-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cizgi-accent, #38bdf8);
}

body.escrow-checkout-page .escrow-muted {
    color: var(--cizgi-text-secondary, #94a3b8);
    font-size: 0.9rem;
}

body.escrow-checkout-page .escrow-commission-note {
    margin-top: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-inline-start: 3px solid #f97316;
    background: rgba(234, 88, 12, 0.12);
    color: #fed7aa;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.45;
}

body.escrow-checkout-page .form-control {
    background: var(--cizgi-surface, #0f172a);
    border-color: #475569;
    color: var(--cizgi-text-primary, #f1f5f9);
}

body.escrow-checkout-page .form-control:focus {
    background: var(--cizgi-surface, #0f172a);
    color: #fff;
    border-color: var(--cizgi-accent, #38bdf8);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--cizgi-accent, #38bdf8) 20%, transparent);
}

body.escrow-checkout-page .btn-escrow {
    background: #ea580c;
    border: none;
    font-weight: 600;
}

body.escrow-checkout-page .btn-escrow:hover {
    background: #c2410c;
    color: #fff;
}

body.escrow-checkout-page .alert-escrow {
    background: #451a03;
    border-color: #9a3412;
    color: #fed7aa;
}

html[data-site-mode="light"] body.escrow-checkout-page .escrow-card {
    background: #fff;
    border-color: color-mix(in srgb, var(--cizgi-text-secondary, #64748b) 25%, transparent);
}

html[data-site-mode="light"] body.escrow-checkout-page .escrow-muted {
    color: #475569;
}