co-product-gallery.co-photo-gallery{display:block;min-width:0;max-width:100%;color:#22383e}
.co-photo-gallery [data-gallery-track]{display:flex;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;border-radius:10px;background:#f4f3ef}
.co-photo-gallery [data-gallery-slide]{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin:0}
.co-photo-gallery [data-gallery-slide]>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white}
.co-photo-gallery [data-gallery-slide]>figcaption{padding:8px 12px;font-size:13px;min-height:36px}
.co-photo-gallery .co-photo-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:12px}
.co-photo-gallery .co-photo-thumbs a{display:block;min-width:0;min-height:44px;border:2px solid transparent;border-radius:5px;overflow:hidden;background:white;text-decoration:none}
.co-photo-gallery .co-photo-thumbs a[aria-current=true]{border-color:#193f4c}
.co-photo-gallery .co-photo-thumbs a:focus-visible{outline:3px solid #497786;outline-offset:2px}
.co-photo-gallery .co-photo-thumbs img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.co-photo-gallery .co-photo-counter{font-size:12px;color:#5b686a;line-height:1.5;margin:9px 0 0}
@media(max-width:749px){.co-photo-gallery .co-photo-thumbs{gap:5px}.co-photo-gallery [data-gallery-track]{border-radius:7px}}
@media(max-width:374px){.co-photo-gallery .co-photo-thumbs{gap:3px}}
