.product-hero.product-hero-project>figure.product-hero-slider{width:100%;min-width:0}
.hero-gallery-stage{position:relative;width:100%;aspect-ratio:16/10;background:#fff;touch-action:pan-y;overflow:hidden;border:1px solid var(--line)}
.product-hero.product-hero-project>figure.product-hero-slider img.hero-gallery-main{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;user-select:none}
.hero-gallery-stage>button{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:44px;height:48px;display:grid;place-items:center;padding:0;border:1px solid var(--line);background:#fffffff2;color:var(--ink);font-size:32px;cursor:pointer}
.hero-gallery-stage>button[hidden]{display:none}
.hero-gallery-prev{inset-inline-start:12px}.hero-gallery-next{inset-inline-end:12px}
[dir=rtl] .hero-gallery-stage>button{rotate:180deg}
.product-hero-slider>figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;line-height:1.5}
.product-hero-slider>figcaption b{white-space:nowrap;color:var(--blue);font-variant-numeric:tabular-nums}
.hero-gallery-thumbs{display:flex;gap:10px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:12px 3px;scrollbar-width:thin;scrollbar-color:var(--blue) #edf3f7}
.product-hero.product-hero-project .hero-gallery-thumbs>a{display:block;flex:0 0 92px;height:72px;min-height:0;padding:4px;border:2px solid var(--line);background:#fff;scroll-snap-align:center}
.product-hero.product-hero-project>figure.product-hero-slider .hero-gallery-thumbs img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.product-hero.product-hero-project .hero-gallery-thumbs>a[aria-current=true]{border-color:var(--blue)}
.product-hero-slider a:focus-visible,.product-hero-slider button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
@media(max-width:760px){.hero-gallery-stage{aspect-ratio:4/3}.hero-gallery-stage>button{width:38px;height:44px}.hero-gallery-prev{inset-inline-start:6px}.hero-gallery-next{inset-inline-end:6px}.product-hero.product-hero-project .hero-gallery-thumbs>a{flex-basis:76px;height:62px}.product-hero-slider>figcaption{font-size:12px}}