/* ==========================================================================
   FLIPKART LHS IMAGE SPACING FIX
   Matches Flipkart's exact left spacing (10px) for product images
   This file MUST load LAST to override all previous padding rules
   ========================================================================== */

/* Desktop: 10px left padding for product images area */
@media (min-width: 769px) {

    html body .product-images,
    .product-images {
        padding: 0 24px 24px 10px !important;
        /* Top: 0, Right: 24px, Bottom: 24px, Left: 10px - matches Flipkart */
    }

    /* Ensure wrapper doesn't add extra padding */
    html body .product-images-wrapper,
    .product-images-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Mobile: Minimal left padding for mobile view */
@media (max-width: 768px) {

    html body .product-images,
    .product-images {
        padding: 10px 10px 20px 10px !important;
        /* Consistent 10px on all sides for mobile */
    }

    /* Ensure wrapper doesn't add extra padding on mobile */
    html body .product-images-wrapper,
    .product-images-wrapper {
        padding: 0 !important;
    }
}