.dda-product-media{--dda-duration:450ms;--dda-delay:0ms;--dda-easing:cubic-bezier(.22,.61,.36,1);--dda-primary-scale:1.03;--dda-secondary-scale:1.04;--dda-perspective:1200px;position:relative;display:block;overflow:hidden;isolation:isolate;line-height:0;max-width:100%;transform:translateZ(0);text-decoration:none;transition:border-color var(--dda-duration) var(--dda-easing),box-shadow var(--dda-duration) var(--dda-easing),background var(--dda-duration) var(--dda-easing)}.dda-product-media__media{display:block;width:100%;height:100%;transition:opacity var(--dda-duration) var(--dda-easing) var(--dda-delay),transform var(--dda-duration) var(--dda-easing) var(--dda-delay),filter var(--dda-duration) var(--dda-easing) var(--dda-delay),clip-path var(--dda-duration) var(--dda-easing) var(--dda-delay);will-change:opacity,transform}.dda-media--primary{position:relative;z-index:1}.dda-media--secondary{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none}.dda-product-media img,.dda-product-media video{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.dda-product-media__overlay{position:absolute;inset:0;z-index:3;pointer-events:none;transition:opacity var(--dda-duration) var(--dda-easing) var(--dda-delay),background var(--dda-duration) var(--dda-easing) var(--dda-delay)}.dda-no-secondary .dda-product-media__overlay{z-index:2}.dda-product-hover-editor-note{padding:14px;border:1px dashed #c8c8c8;border-radius:8px;background:#f7f7f7;color:#555;font-size:13px;line-height:1.4}

/* Shared active states: hover, touch activation and keyboard focus. */
.dda-effect-fade.dda-has-secondary:hover .dda-media--primary,.dda-effect-fade.dda-is-active .dda-media--primary,.dda-effect-fade.dda-keyboard-hover:focus .dda-media--primary{opacity:0}.dda-effect-fade.dda-has-secondary:hover .dda-media--secondary,.dda-effect-fade.dda-is-active .dda-media--secondary,.dda-effect-fade.dda-keyboard-hover:focus .dda-media--secondary{opacity:1}

.dda-effect-fade_zoom .dda-media--secondary{transform:scale(var(--dda-secondary-scale))}.dda-effect-fade_zoom.dda-has-secondary:hover .dda-media--primary,.dda-effect-fade_zoom.dda-is-active .dda-media--primary,.dda-effect-fade_zoom.dda-keyboard-hover:focus .dda-media--primary{opacity:0;transform:scale(var(--dda-primary-scale))}.dda-effect-fade_zoom.dda-has-secondary:hover .dda-media--secondary,.dda-effect-fade_zoom.dda-is-active .dda-media--secondary,.dda-effect-fade_zoom.dda-keyboard-hover:focus .dda-media--secondary{opacity:1;transform:scale(1)}

.dda-effect-zoom .dda-media--secondary{transform:scale(var(--dda-secondary-scale))}.dda-effect-zoom.dda-has-secondary:hover .dda-media--primary,.dda-effect-zoom.dda-is-active .dda-media--primary,.dda-effect-zoom.dda-keyboard-hover:focus .dda-media--primary{opacity:0;transform:scale(var(--dda-primary-scale))}.dda-effect-zoom.dda-has-secondary:hover .dda-media--secondary,.dda-effect-zoom.dda-is-active .dda-media--secondary,.dda-effect-zoom.dda-keyboard-hover:focus .dda-media--secondary{opacity:1;transform:scale(1)}

.dda-effect-slide_left .dda-media--secondary{transform:translateX(100%)}.dda-effect-slide_left.dda-has-secondary:hover .dda-media--primary,.dda-effect-slide_left.dda-is-active .dda-media--primary,.dda-effect-slide_left.dda-keyboard-hover:focus .dda-media--primary{opacity:0;transform:translateX(-18%)}.dda-effect-slide_left.dda-has-secondary:hover .dda-media--secondary,.dda-effect-slide_left.dda-is-active .dda-media--secondary,.dda-effect-slide_left.dda-keyboard-hover:focus .dda-media--secondary{opacity:1;transform:translateX(0)}
.dda-effect-slide_right .dda-media--secondary{transform:translateX(-100%)}.dda-effect-slide_right.dda-has-secondary:hover .dda-media--primary,.dda-effect-slide_right.dda-is-active .dda-media--primary,.dda-effect-slide_right.dda-keyboard-hover:focus .dda-media--primary{opacity:0;transform:translateX(18%)}.dda-effect-slide_right.dda-has-secondary:hover .dda-media--secondary,.dda-effect-slide_right.dda-is-active .dda-media--secondary,.dda-effect-slide_right.dda-keyboard-hover:focus .dda-media--secondary{opacity:1;transform:translateX(0)}
.dda-effect-slide_up .dda-media--secondary{transform:translateY(100%)}.dda-effect-slide_up.dda-has-secondary:hover .dda-media--primary,.dda-effect-slide_up.dda-is-active .dda-media--primary,.dda-effect-slide_up.dda-keyboard-hover:focus .dda-media--primary{opacity:0;transform:translateY(-18%)}.dda-effect-slide_up.dda-has-secondary:hover .dda-media--secondary,.dda-effect-slide_up.dda-is-active .dda-media--secondary,.dda-effect-slide_up.dda-keyboard-hover:focus .dda-media--secondary{opacity:1;transform:translateY(0)}
.dda-effect-slide_down .dda-media--secondary{transform:translateY(-100%)}.dda-effect-slide_down.dda-has-secondary:hover .dda-media--primary,.dda-effect-slide_down.dda-is-active .dda-media--primary,.dda-effect-slide_down.dda-keyboard-hover:focus .dda-media--primary{opacity:0;transform:translateY(18%)}.dda-effect-slide_down.dda-has-secondary:hover .dda-media--secondary,.dda-effect-slide_down.dda-is-active .dda-media--secondary,.dda-effect-slide_down.dda-keyboard-hover:focus .dda-media--secondary{opacity:1;transform:translateY(0)}

.dda-effect-flip_horizontal{perspective:var(--dda-perspective)}.dda-effect-flip_horizontal .dda-product-media__media{backface-visibility:hidden;transform-style:preserve-3d}.dda-effect-flip_horizontal .dda-media--secondary{opacity:1;transform:rotateY(180deg)}.dda-effect-flip_horizontal.dda-has-secondary:hover .dda-media--primary,.dda-effect-flip_horizontal.dda-is-active .dda-media--primary,.dda-effect-flip_horizontal.dda-keyboard-hover:focus .dda-media--primary{transform:rotateY(180deg)}.dda-effect-flip_horizontal.dda-has-secondary:hover .dda-media--secondary,.dda-effect-flip_horizontal.dda-is-active .dda-media--secondary,.dda-effect-flip_horizontal.dda-keyboard-hover:focus .dda-media--secondary{transform:rotateY(360deg)}
.dda-effect-flip_vertical{perspective:var(--dda-perspective)}.dda-effect-flip_vertical .dda-product-media__media{backface-visibility:hidden;transform-style:preserve-3d}.dda-effect-flip_vertical .dda-media--secondary{opacity:1;transform:rotateX(180deg)}.dda-effect-flip_vertical.dda-has-secondary:hover .dda-media--primary,.dda-effect-flip_vertical.dda-is-active .dda-media--primary,.dda-effect-flip_vertical.dda-keyboard-hover:focus .dda-media--primary{transform:rotateX(180deg)}.dda-effect-flip_vertical.dda-has-secondary:hover .dda-media--secondary,.dda-effect-flip_vertical.dda-is-active .dda-media--secondary,.dda-effect-flip_vertical.dda-keyboard-hover:focus .dda-media--secondary{transform:rotateX(360deg)}

.dda-effect-blur_fade .dda-media--secondary{filter:blur(10px);transform:scale(1.02)}.dda-effect-blur_fade.dda-has-secondary:hover .dda-media--primary,.dda-effect-blur_fade.dda-is-active .dda-media--primary,.dda-effect-blur_fade.dda-keyboard-hover:focus .dda-media--primary{opacity:0;filter:blur(8px)}.dda-effect-blur_fade.dda-has-secondary:hover .dda-media--secondary,.dda-effect-blur_fade.dda-is-active .dda-media--secondary,.dda-effect-blur_fade.dda-keyboard-hover:focus .dda-media--secondary{opacity:1;filter:blur(0);transform:scale(1)}

.dda-effect-reveal_left .dda-media--secondary{opacity:1;clip-path:inset(0 100% 0 0)}.dda-effect-reveal_left.dda-has-secondary:hover .dda-media--secondary,.dda-effect-reveal_left.dda-is-active .dda-media--secondary,.dda-effect-reveal_left.dda-keyboard-hover:focus .dda-media--secondary{clip-path:inset(0 0 0 0)}
.dda-effect-reveal_right .dda-media--secondary{opacity:1;clip-path:inset(0 0 0 100%)}.dda-effect-reveal_right.dda-has-secondary:hover .dda-media--secondary,.dda-effect-reveal_right.dda-is-active .dda-media--secondary,.dda-effect-reveal_right.dda-keyboard-hover:focus .dda-media--secondary{clip-path:inset(0 0 0 0)}
.dda-effect-reveal_circle .dda-media--secondary{opacity:1;clip-path:circle(0 at 50% 50%)}.dda-effect-reveal_circle.dda-has-secondary:hover .dda-media--secondary,.dda-effect-reveal_circle.dda-is-active .dda-media--secondary,.dda-effect-reveal_circle.dda-keyboard-hover:focus .dda-media--secondary{clip-path:circle(75% at 50% 50%)}

.dda-effect-none .dda-product-media__media{transition:none}.dda-effect-none.dda-has-secondary:hover .dda-media--primary,.dda-effect-none.dda-is-active .dda-media--primary,.dda-effect-none.dda-keyboard-hover:focus .dda-media--primary{opacity:0}.dda-effect-none.dda-has-secondary:hover .dda-media--secondary,.dda-effect-none.dda-is-active .dda-media--secondary,.dda-effect-none.dda-keyboard-hover:focus .dda-media--secondary{opacity:1}

@media (hover:none),(pointer:coarse){.dda-product-media[data-mobile="disabled"] .dda-media--primary{opacity:1!important;transform:none!important;filter:none!important}.dda-product-media[data-mobile="disabled"] .dda-media--secondary{opacity:0!important;transform:none!important;clip-path:none!important}.dda-product-media[data-mobile="disabled"] .dda-product-media__overlay{transition:none}}

@media (prefers-reduced-motion:reduce){.dda-respect-reduced-motion .dda-product-media__media,.dda-respect-reduced-motion .dda-product-media__overlay{transition:none!important;animation:none!important}.dda-respect-reduced-motion .dda-product-media__media{transform:none!important}}