/* 
   Fulfillflex Mobile Responsive Overrides
   Target: iPhone 14 Pro Max (430px) and below
   This file ensures the desktop layout remains 100% untouched.
*/

@media (max-width: 768px) {
    
    /* GLOBAL MOBILE FIXES */
    body {
        overflow-x: hidden !important;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* PRODUCT GRID */
    .products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* PRODUCT CARD */
    .product-card {
        padding: 10px !important;
    }

    .product-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .product-title {
        font-size: 13px !important;
    }

    /* HERO SLIDER */
    .hero-bg-img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    /* CATEGORY GRID */
    .category-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    /* PRICE SECTIONS */
    .price-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}