/* v38 - swipeable product photos with dots inside the main image. */
.detail-picture { position:relative; touch-action:pan-y; cursor:grab; user-select:none; }
.detail-picture:active { cursor:grabbing; }
.detail-primary-media { display:grid; width:100%; height:100%; place-items:center; overflow:hidden; }
.detail-primary-media .detail-product-image { display:block; width:100%; height:100%; object-fit:cover; }
.detail-gallery-dots { position:absolute; z-index:2; left:50%; bottom:12px; display:flex; align-items:center; gap:7px; padding:7px 10px; border-radius:999px; background:rgba(28,31,25,.35); transform:translateX(-50%); }
.detail-gallery-dot { width:9px; height:9px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.55); box-shadow:0 1px 3px rgba(0,0,0,.28); cursor:pointer; transition:transform .18s ease, background .18s ease; }
.detail-gallery-dot.active { background:#fff; transform:scale(1.35); }
.detail-gallery-dot span { display:block; width:100%; height:100%; }

@media (max-width:650px) {
  .detail-gallery-dots { bottom:13px; gap:8px; padding:8px 12px; }
  .detail-gallery-dot { width:10px; height:10px; }
}