/* Mars 1.4.6 — independent mobile product gallery */
.mars-mobile-gallery-v2{display:none}

@media(max-width:700px){
  .single-product .woocommerce-product-gallery{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  /* Native Woo gallery stays in DOM for variation data, but cannot control mobile UI. */
  .single-product .woocommerce-product-gallery > .flex-viewport,
  .single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper,
  .single-product .woocommerce-product-gallery > .flex-control-thumbs,
  .single-product .woocommerce-product-gallery > .mars-mobile-gallery-stage{
    display:none!important;
  }

  .single-product .mars-mobile-gallery-v2{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .single-product .mars-mobile-gallery-v2__stage{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:280px;
    aspect-ratio:1/1;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--mars-border);
    border-radius:10px;
  }

  .single-product .mars-mobile-gallery-v2__link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    padding:10px;
  }

  .single-product .mars-mobile-gallery-v2__image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:520px!important;
    object-fit:contain!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .single-product .mars-mobile-gallery-v2__stage.is-loading::after{
    content:"";
    position:absolute;
    width:24px;
    height:24px;
    border:2px solid #e7ebf2;
    border-top-color:var(--mars-primary);
    border-radius:50%;
    animation:marsGalleryV2Spin .65s linear infinite;
  }

  .single-product .mars-mobile-gallery-v2__stage.is-loading .mars-mobile-gallery-v2__image{
    opacity:.72!important;
  }

  @keyframes marsGalleryV2Spin{to{transform:rotate(360deg)}}

  .single-product .mars-mobile-gallery-v2__thumbs{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    max-width:100%;
    margin-top:9px;
    padding:1px 0 3px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }

  .single-product .mars-mobile-gallery-v2__thumbs::-webkit-scrollbar{display:none}

  .single-product .mars-mobile-gallery-v2__thumb{
    appearance:none;
    flex:0 0 60px;
    width:60px;
    height:60px;
    margin:0;
    padding:4px;
    border:1px solid #dbe0e8;
    border-radius:7px;
    background:#fff;
    cursor:pointer;
    scroll-snap-align:start;
  }

  .single-product .mars-mobile-gallery-v2__thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    border-radius:4px;
    pointer-events:none;
  }

  .single-product .mars-mobile-gallery-v2__thumb.is-active{
    border-color:var(--mars-primary)!important;
    box-shadow:0 0 0 1px var(--mars-primary);
  }
}

@media(max-width:420px){
  .single-product .mars-mobile-gallery-v2__stage{min-height:250px}
  .single-product .mars-mobile-gallery-v2__thumb{flex-basis:56px;width:56px;height:56px}
}