/* Stone Park: mobile product photos. Existing desktop gallery stays mounted. */
.spg-mobile-gallery { display:none; }
.spg-mobile-gallery [hidden],.spg-photo-viewer [hidden] { display:none!important; }
dialog.spg-photo-viewer:not([open]) { display:none; }
@media (max-width:768px) {
  .woocommerce-product-gallery.spg-mobile-gallery-ready { display:none!important; }
  .spg-mobile-gallery { display:block; width:100%; min-width:0; margin:0 0 24px; color:#302519; }
  .spg-photo-frame { position:relative; width:100%; aspect-ratio:1; background:#fff; border:1px solid #ece7df; border-radius:12px; overflow:hidden; }
  .spg-photo-track { display:flex; width:100%; height:100%; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y pinch-zoom; }
  .spg-photo-track::-webkit-scrollbar,.spg-photo-thumbs::-webkit-scrollbar { display:none; }
  .spg-photo-track > .spg-photo-slide { flex:0 0 100%; width:100%; min-width:0; height:100%; margin:0; padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; scroll-snap-align:center; scroll-snap-stop:always; display:flex; align-items:center; justify-content:center; cursor:zoom-in; }
  .spg-photo-track img { display:block!important; width:100%!important; height:100%!important; max-width:100%!important; object-fit:contain; margin:0!important; padding:0!important; user-select:none; -webkit-user-drag:none; }
  .spg-photo-arrow,.spg-photo-expand { position:absolute; z-index:2; display:flex; align-items:center; justify-content:center; padding:0; width:44px; height:44px; border:1px solid #ddd5ca; border-radius:50%; color:#302519; background:rgba(255,255,255,.94); box-shadow:0 2px 8px #30251912; font:28px/1 system-ui,sans-serif; text-transform:none; }
  .spg-photo-arrow { top:50%; transform:translateY(-50%); }
  .spg-photo-arrow.is-prev { left:8px; }.spg-photo-arrow.is-next { right:8px; }
  .spg-photo-arrow:disabled { opacity:.32; cursor:default; }
  .spg-photo-expand { right:8px; bottom:8px; font-size:24px; }
  .spg-photo-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 2px; font:13px/1.4 system-ui,sans-serif; color:#625a50; }
  .spg-photo-count { color:#302519; font-weight:650; white-space:nowrap; }
  .spg-photo-thumbs { display:flex; gap:8px; width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; padding:2px 1px 5px; }
  .spg-photo-thumbs button { flex:0 0 58px; width:58px; height:58px; padding:3px; background:#fff; border:2px solid #e8e3db; border-radius:7px; box-shadow:none; }
  .spg-photo-thumbs button[aria-current="true"] { border-color:#87ad43; }
  .spg-photo-thumbs img { display:block; width:100%; height:100%; object-fit:contain; margin:0; }
  .spg-mobile-gallery button:focus-visible,.spg-photo-viewer button:focus-visible { outline:3px solid #457a20; outline-offset:2px; }
  dialog.spg-photo-viewer { position:fixed; inset:0; width:100%; max-width:none; height:100vh; height:100dvh; max-height:none; margin:0; padding:0; border:0; background:#fff; color:#302519; overflow:hidden; overscroll-behavior:contain; }
  dialog.spg-photo-viewer[open] { display:flex; flex-direction:column; }
  .spg-photo-viewer::backdrop { background:#fff; }
  .spg-viewer-bar { flex:0 0 auto; display:flex; align-items:center; gap:8px; padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px; border-bottom:1px solid #eee8e0; background:#fff; }
  .spg-viewer-bar .spg-photo-count { margin-right:auto; font:600 14px/1.4 system-ui,sans-serif; }
  .spg-viewer-bar button { min-width:48px; min-height:44px; padding:8px 12px; background:#f5f3ee; color:#302519; border:1px solid #e6e0d7; border-radius:7px; box-shadow:none; font:600 14px/1 system-ui,sans-serif; text-transform:none; }
  .spg-viewer-stage { flex:1 1 auto; position:relative; min-height:0; width:100%; overflow:hidden; }
  .spg-viewer-stage .spg-photo-slide { cursor:default; }
  .spg-viewer-bottom { flex:0 0 auto; display:flex; justify-content:center; align-items:center; gap:22px; padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px)); border-top:1px solid #eee8e0; font:13px/1.4 system-ui,sans-serif; color:#625a50; }
  .spg-viewer-bottom .spg-photo-arrow { position:static; transform:none; flex-shrink:0; }
  .spg-photo-zoom { display:none; width:100%; height:100%; overflow:auto; overscroll-behavior:contain; touch-action:pan-x pan-y pinch-zoom; }
  .spg-photo-zoom > div { width:200%; height:200%; display:flex; align-items:center; justify-content:center; }
  .spg-photo-zoom img { width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; }
  .spg-viewer-stage.is-zoomed > .spg-photo-track { display:none; }
  .spg-viewer-stage.is-zoomed > .spg-photo-zoom { display:block; }
}