.product-gallery-panel .gallery[data-product-gallery] { grid-template-columns:94px minmax(0,1fr); align-items:stretch; }
.product-gallery-panel .gallery.single-image-gallery { grid-template-columns:minmax(0,1fr); }
.gallery-thumbnails { position:relative; min-height:0; }
.gallery-thumbnails-content { position:absolute; inset:0; display:grid; grid-template-rows:minmax(0,1fr); gap:6px; }
.gallery-thumbnails-content.has-scroll-controls { grid-template-rows:28px minmax(0,1fr) 28px; }
.product-gallery-panel .gallery .thumbs { display:flex; flex-direction:column; order:0; gap:10px; overflow-y:auto; overflow-x:hidden; min-height:0; padding-right:8px; scrollbar-width:thin; scrollbar-gutter:stable; overscroll-behavior:contain; scroll-snap-type:y proximity; }
.product-gallery-panel .gallery .thumb { width:100%; min-width:0; flex:0 0 auto; aspect-ratio:1; scroll-snap-align:start; padding:3px; }
.product-gallery-panel .gallery .thumb img { width:100%; height:100%; object-fit:contain; }
.gallery-scroll { width:calc(100% - 8px); height:28px; min-height:0; padding:0; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--pink); font-size:13px; line-height:1; cursor:pointer; }
.gallery-scroll:disabled { color:#aaa; cursor:default; }
.gallery-playback { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin:10px 0 0; font-size:12px; color:var(--muted); }
.gallery-playback button { padding:5px 10px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--ink); }
@media(max-width:600px) {
 .product-gallery-panel .gallery[data-product-gallery] { grid-template-columns:68px minmax(0,1fr); gap:10px; }
 .product-gallery-panel .gallery.single-image-gallery { grid-template-columns:minmax(0,1fr); }
 .product-gallery-panel .gallery .thumbs { gap:6px; }
 .gallery-thumbnails-content.has-scroll-controls { grid-template-rows:24px minmax(0,1fr) 24px; }
 .gallery-scroll { height:24px; }
}