/* Overrides for the frozen mobile pages (Wix's own JS was removed).
   Loaded by every *.mobile.html after the captured Wix styles. */

/* Wix "blur-up" image loading: images were captured while still blurred
   (Wix JS removes data-animate-blur once the real image has loaded). */
[data-animate-blur] img { filter: none !important; }

/* Product video: plain <video> replaces Wix's JS video player. */
video.tdp-video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
[data-hook="product-page-media-video"] { width: 100% !important; }

/* Gallery wrapper used to be a <button>; keep it looking the same. */
[data-tdp-gallery-wrap] { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: default; }

/* Product gallery: smooth fade between photos, swipe-friendly. */
[data-hook="main-media-swiper-root"] .swiper-slide { transition: opacity .45s ease; }
[data-hook="main-media-swiper-root"] .swiper-wrapper { touch-action: pan-y; }

/* Hero slideshow (homepage): crossfade between slides. */
[data-tdp-hero] [data-testid="slidesWrapper"] > [id^="comp-"] { transition: opacity .9s ease; }
[data-tdp-hero] [data-testid="slidesWrapper"] > [id^="comp-"]:not(.tdp-active) { opacity: 0; pointer-events: none; }
[data-tdp-hero] [data-testid="slidesWrapper"] { touch-action: pan-y; }

/* Arrow product sliders: smooth glide instead of a jump. */
[data-hook="ArrowsNavigationWrapperDataHook.Root"] .swiper-wrapper { transition: transform .55s cubic-bezier(.25,.8,.25,1); touch-action: pan-y; }

/* Accordion panels animate open/closed. */
[data-hook="collapse-info-item"] > [aria-hidden] { transition: height .35s ease; }

/* Wix toasts/notifications captured in their "not shown" state still render
   (Wix JS normally keeps them off-screen) - e.g. a red product-page error bar. */
[data-is-shown="false"] { display: none !important; }

/* reCAPTCHA badge from the (inert) login/newsletter forms. */
.grecaptcha-badge { display: none !important; }

/* Video slide container is display:none in captured Wix CSS (Wix JS shows it). */
[data-hook="main-media-swiper-root"] .pmECUk { display: block !important; }