.prod>*{min-width:0}
.gal{min-width:0;width:100%}
.gal-main{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.gal-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.gal-track::-webkit-scrollbar{display:none}
.gal-track:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.slide{flex:0 0 100%;width:100%;min-width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.slide img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--navy);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(6,36,101,.18);display:flex;align-items:center;justify-content:center;padding:0 0 4px}
.gal-nav:hover{background:#fff}
.gal-nav.prev{left:10px}
.gal-nav.next{right:10px}
.gal-count{position:absolute;right:12px;bottom:12px;background:rgba(18,18,18,.65);color:#fff;font-size:.8rem;font-weight:700;border-radius:999px;padding:4px 10px}
.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:4px;max-width:100%}
.thumb{flex:0 0 72px;width:72px;height:72px;padding:0;background:#fff;border:2px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.on{border-color:var(--blue)}
@media(max-width:600px){.gal-nav{width:38px;height:38px;font-size:26px}.thumb{flex-basis:60px;width:60px;height:60px}}