/* Image, annotations and film all belong to the native fixed-height gallery. */
.catalog-gallery[data-product-story-gallery]{isolation:isolate}
.catalog-gallery .woocommerce-product-gallery__image.is-story,
.catalog-gallery .woocommerce-product-gallery__image.is-story-video{position:relative;overflow:hidden}
.product-story-image-link{display:block;height:100%}
.axxzia.single-product div.catalog-product-layout .product-overview .catalog-gallery .woocommerce-product-gallery__image.is-story .product-story-image,
.axxzia.single-product div.catalog-product-layout .product-overview .catalog-gallery .woocommerce-product-gallery__image.is-story .product-gallery-nojs-image,
.axxzia.single-product div.catalog-product-layout .product-overview .catalog-gallery .woocommerce-product-gallery__image.is-story-video .product-gallery-video{display:block;width:100%;height:var(--pdp-media-height);max-height:none;object-fit:cover;object-position:var(--story-position,50% 50%);padding:0;background:#b8b8b8}
.is-story:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0005,transparent 35%,transparent 65%,#0004);z-index:1}
.product-story-callouts{position:absolute;inset:0;z-index:2;pointer-events:none;color:#fff;font:400 clamp(15px,1.5vw,23px)/1.22 Inter,sans-serif;letter-spacing:-.025em;text-shadow:0 1px 5px #0007}
.product-story-pointers{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.product-story-pointers line{stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #0004)}
.product-story-pointers circle{fill:#fff;filter:drop-shadow(0 1px 1px #0004)}
.product-story-pointers [hidden],.product-story-callout[hidden]{display:none}
.product-story-callout{position:absolute;display:block;width:min(30%,19ch);max-width:19ch;text-wrap:balance}
.product-story-label{display:block}
.product-gallery-controls[hidden]{display:none}
.product-gallery-controls{position:absolute;inset:0 0 auto;height:var(--pdp-media-height);pointer-events:none;z-index:4;--gallery-arrow-inset:18px}
.product-gallery-controls button{position:absolute;display:grid;place-items:center;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:1px solid #ffffff70;background:#ffffff70;border-radius:50%;color:#222;font-size:0;pointer-events:auto;cursor:pointer}
.product-gallery-controls button:before,.product-gallery-controls button:after{content:none;display:none}
.product-gallery-controls button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.product-gallery-controls [data-gallery-prev]{left:var(--gallery-arrow-inset)}
.product-gallery-controls [data-gallery-next]{right:var(--gallery-arrow-inset)}
.product-gallery-controls button:focus-visible{outline:2px solid #222;outline-offset:4px}
.product-gallery-video-thumb{position:relative}
.product-gallery-video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:20px;height:20px;fill:#fff;filter:drop-shadow(0 1px 3px #0009);pointer-events:none}
.product-gallery-film-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;padding:16px;border:1px solid #ffffffa3;border-radius:50%;background:#1b1b1b80;color:#fff;cursor:pointer}
.product-gallery-film-play svg{display:block;width:24px;height:24px;fill:currentColor}
.product-gallery-film-play[hidden]{display:none}
.product-gallery-film-play:focus-visible{outline:2px solid #fff;outline-offset:5px}
.is-story-video [data-story-film-error]{position:absolute;z-index:5;left:16px;right:16px;bottom:70px;margin:0;padding:14px;background:#fffdf2;color:#222;font-size:13px;line-height:1.4}
.is-story-video [data-story-film-error] p{margin:0 0 8px}
.is-story-video [data-story-film-retry]{padding:7px 12px;min-height:36px;border:1px solid #2226;border-radius:6px;background:transparent;color:inherit;font:inherit}
.is-story-video [data-story-film-error] a{color:inherit;text-decoration:underline}
.product-gallery-film-source{margin-top:10px;font-size:12px}
.product-gallery-film-source summary{cursor:pointer;width:max-content;max-width:100%}
.product-gallery-film-source a{display:inline-block;margin-top:8px}
.product-gallery-film-error :is(a,button,summary):focus-visible{outline:2px solid #222;outline-offset:3px}
.is-story-video [data-story-film-error][hidden]{display:none}
/* Before Woo initializes (also without JS), native scroll exposes every slide. */
.catalog-gallery[data-product-story-gallery]>.woocommerce-product-gallery__wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;direction:ltr;height:var(--pdp-media-height);width:100%;scrollbar-width:thin}
.catalog-gallery[data-product-story-gallery]>.woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image{display:block!important;flex:0 0 100%;min-width:100%;scroll-snap-align:start}
@media(max-width:760px){
 .product-story-callouts{font-size:clamp(14px,4vw,17px)}
 .product-story-callout{width:34%;max-width:15ch}
 .product-gallery-controls{--gallery-arrow-inset:14px}
 .product-gallery-controls button{width:40px;height:40px}
 .catalog-gallery .flex-control-thumbs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
}