/* 
   Fulfillflex Ultimate Mobile Fix
   Target: iPhone 14 Pro Max and all devices under 768px
*/

@media (max-width: 768px) {
    
    /* PREVENT HORIZONTAL SCROLL */
    body {
        overflow-x: hidden !important;
    }

    /* FIX CONTAINER WIDTH PROBLEM */
    .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

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

    /* FIX PRODUCT CARD WIDTH */
    .product-card {
        width: 100% !important;
        padding: 10px !important;
    }

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

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

    /* FIX SECTION SPACING */
    .section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

}