/* =============================================================
   MOBILE — Standalone responsive overrides
   Source: Customizer CSS L2635-2663
   ============================================================= */

/* General section grid collapse */
@media (max-width: 992px) {
    section .preem-hero-collection {
        grid-template-columns: 1fr !important;
    }

    section > div > div[style*="grid-template-columns: repeat(3"] {
        grid-template-columns: 1fr !important;
    }

    section > div > div[style*="grid-template-columns: repeat(4"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .preem-color-matcher-card > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    section > div > div[style*="grid-template-columns: repeat(4"] {
        grid-template-columns: 1fr !important;
    }

    section div[style*="flex"],
    section div[style*="display: flex"] {
        flex-direction: column !important;
    }
}