/*
==========================================================================

 PROJECT     : SIGNATURE SPREADS AND TREATS BY DI
 VERSION     : 1.0.0
 AUTHOR      : JB

===========================================================================
*/

@media (max-width: 1199.98px) {
    .checkout-page .checkout-layout {
        grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.8fr);
    }
}

@media (max-width: 991.98px) {
    .checkout-page .site-hero-media img { object-position: 70% center; }
    .checkout-page .checkout-layout { grid-template-columns: 1fr; max-width: 760px; }
    .checkout-page .checkout-summary-card { position: static; }
    .checkout-page .checkout-reassurance-grid { max-width: 760px; }
    .checkout-page .checkout-reassurance-item { padding-inline: var(--space-lg); }
}

@media (max-width: 575.98px) {
    .checkout-page .site-hero-media img { object-position: 72% center; }
    .checkout-page .checkout-section { padding: var(--space-4xl) 0; }
    .checkout-page .checkout-section-header h2 { font-size: clamp(2.8rem, 12vw, 3.9rem); }
    .checkout-page .checkout-form-card { padding: var(--space-xl) var(--space-lg); border-radius: var(--radius-lg); }
    .checkout-page .checkout-form-grid { grid-template-columns: 1fr; }
    .checkout-page .checkout-message-meta { display: block; }
    .checkout-page .checkout-character-count { text-align: right; }
    .checkout-page .checkout-summary-card { padding: var(--space-xl) var(--space-lg); }
    .checkout-page .checkout-place-order { display: none; }
    .checkout-page .checkout-mobile-submit {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.55rem;
        width: 100%;
        margin-top: var(--space-xl);
    }
    .checkout-page .checkout-reassurance { padding: var(--space-xl) 0; }
    .checkout-page .checkout-reassurance-grid { grid-template-columns: 1fr; }
    .checkout-page .checkout-reassurance-item { padding: var(--space-lg) 0; }
    .checkout-page .checkout-reassurance-item:not(:last-child) { border-right: 0; border-bottom: 1px solid rgba(220, 201, 170, 0.66); }
}

@media (max-width: 374.98px) {
    .checkout-page .checkout-section-header h2 { font-size: 2.55rem; }
    .checkout-page .checkout-form-card { padding-inline: var(--space-md); }
    .checkout-page .checkout-form-section-heading { grid-template-columns: 36px minmax(0, 1fr); }
    .checkout-page .checkout-form-section-heading > span { width: 36px; height: 36px; }
}