/* ANTI-PARPADEO / ANTI-FLICKERING GLOBAL */

/* Deshabilitar TODAS las transiciones que causan parpadeo */
.product-card img,
[class*="-card"] img,
.product-image,
.product-image-container img {
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

/* Evitar reflow en imágenes */
img {
    image-rendering: auto !important;
    image-rendering: crisp-edges !important;
    image-rendering: -webkit-optimize-contrast !important;
}

/* Placeholder suave sin parpadeo */
.product-image-container {
    background-color: #f5f5f5 !important;
    background-image: linear-gradient(90deg, #f5f5f5 0%, #e0e0e0 50%, #f5f5f5 100%) !important;
    background-size: 200% 100% !important;
}

/* Sin animación en el hover si causa problemas */
.product-card:hover img {
    animation: none !important;
}

/* Asegurar que las imágenes rotas no causen loop */
img[src=""],
img:not([src]) {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Reducir GPU overhead */
* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Prevenir layout shift */
.product-card {
    contain: layout style !important;
}

/* Desactivar todas las animaciones problemáticas */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Optimización de rendimiento */
.product-image {
    content-visibility: auto !important;
}