/* Safari-specific fixes for product visibility */
@supports (-webkit-touch-callout: none) {
    /* Force display on iOS Safari */
    .product-grid,
    .product-item,
    .product-card {
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        position: relative !important;
        transform: none !important;
        -webkit-transform: none !important;
        pointer-events: auto !important;
    }
    
    /* Force hardware acceleration and prevent disappearing elements */
    .product-grid {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        z-index: 1;
        will-change: transform;
    }
    
    /* Ensure images are visible */
    .product-item img,
    .product-card img {
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        display: block !important;
    }

    /* Force layout recalc */
    body::after {
        content: '';
        display: table;
        clear: both;
    }

    /* Prevent Safari-specific layout shifts */
    .product-grid,
    .product-list {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        contain: layout style paint;
    }
}