/* Slide 2 luglio 2026: lista mobile come PS 1.7 — niente overlay, zoom o cambio immagine */
@media (max-width: 767px) {
    body:not(.page-product) .elementor-product-miniature {
        transition: none !important;
    }

    /* Overlay «Personalizza» / quick view */
    body:not(.page-product) .elementor-product-miniature .elementor-quick-view,
    body:not(.page-product) .elementor-product-miniature:hover .elementor-quick-view,
    body:not(.page-product) .elementor-product-miniature:focus .elementor-quick-view,
    body:not(.page-product) .elementor-product-miniature:focus-within .elementor-quick-view,
    body:not(.page-product) .elementor-product-miniature:active .elementor-quick-view {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transform: translateY(100%) !important;
    }

    /* Seconda immagine al hover (swap) */
    body:not(.page-product) .elementor-product-miniature .elementor-second-image,
    body:not(.page-product) .elementor-product-miniature:hover .elementor-second-image,
    body:not(.page-product) .elementor-product-miniature:focus .elementor-second-image,
    body:not(.page-product) .elementor-product-miniature:active .elementor-second-image {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Zoom / animazioni immagine (elementor-img-hover-grow, ecc.) */
    body:not(.page-product) .elementor-product-miniature .elementor-image img,
    body:not(.page-product) .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-product-miniature:focus .elementor-image img,
    body:not(.page-product) .elementor-product-miniature:active .elementor-image img,
    body:not(.page-product) .elementor-product-miniature:focus-within .elementor-image img,
    body:not(.page-product) .elementor-img-hover-grow .elementor-product-miniature .elementor-image img,
    body:not(.page-product) .elementor-img-hover-grow .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-img-hover-shrink .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-img-hover-rotate .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-img-hover-grow-rotate .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-img-hover-float .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-img-hover-sink .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-img-hover-bob .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-img-hover-hang .elementor-product-miniature:hover .elementor-image img,
    body:not(.page-product) .elementor-img-hover-buzz-out .elementor-product-miniature:hover .elementor-image img {
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    /* Tap → solo link prodotto (tutta la card cliccabile) */
    body:not(.page-product) .elementor-product-miniature .elementor-product-link {
        z-index: 4 !important;
        cursor: pointer;
    }

    body:not(.page-product) .elementor-product-miniature .elementor-atc {
        z-index: 5 !important;
    }
}