@media (min-width: 992px) {

.zphero {

max-height: 80vh !important;

}

}


/* --- TABLETS & DESKTOPS (iPad sizes and up) --- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* Keep the video container perfectly visible and playing on iPads */
    .hero-slider .video-background,
    .hero-slider video,
    [class*="hero"] video,
    [class*="video-wrap"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Hide the mobile backup image on iPads so it doesn't block the video */
    .hero-slider .mobile-fallback-image,
    [class*="fallback-img"],
    [class*="hero-bg-image"] {
        display: none !important;
    }
}

/* --- MOBILE PHONES ONLY (iPhone and smaller) --- */
@media screen and (max-width: 767px) {
    /* Hide the video completely on phone screens to prevent freeze frames */
    .hero-slider .video-background,
    .hero-slider video,
    [class*="hero"] video,
    [class*="video-wrap"] {
        display: none !important;
    }

    /* Force the alternative static fallback image to show up beautifully */
    .hero-slider .mobile-fallback-image,
    [class*="fallback-img"],
    [class*="hero-bg-image"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Remove dark gradient over product images (Azura card layouts 16/17) */
.theme-product-list-style-16 .theme-product-image-area::after,
.theme-product-list-style-17 .theme-product-image-area::after {
  display: none !important;
}