/* LPITA V104 — mobile product gallery with swipe + thumbnails. */
@media(max-width:900px){
  body.live-body .z-product-page{overflow-x:hidden!important;}
  body.live-body .z-product-gallery[data-product-gallery],
  body.live-body .z-product-gallery[data-lpita-v104-gallery="1"]{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    background:#f4f3ef!important;
    touch-action:pan-y!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  body.live-body .z-product-gallery[data-lpita-v104-gallery="1"] .lpita-gallery-track-v104{
    display:flex!important;
    width:100%!important;
    height:auto!important;
    transition:transform .28s cubic-bezier(.22,.61,.36,1)!important;
    will-change:transform!important;
  }
  body.live-body .z-product-gallery[data-lpita-v104-gallery="1"] .lpita-gallery-track-v104 img,
  body.live-body .z-product-gallery[data-lpita-v104-gallery="1"] img[data-gallery-img]{
    display:block!important;
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
    border-radius:0!important;
    background:#f4f3ef!important;
    margin:0!important;
    scroll-snap-align:none!important;
  }
  body.live-body .lpita-gallery-nav-v104{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:9px 0 4px!important;
    width:100%!important;
  }
  body.live-body .lpita-gallery-nav-v104 button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#111!important;
    font-size:25px!important;
    font-weight:300!important;
    line-height:1!important;
    border-radius:0!important;
  }
  body.live-body .lpita-gallery-nav-v104 button:disabled{opacity:.25!important;}
  body.live-body .lpita-gallery-count-v104{
    font-size:10px!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    color:#777!important;
    font-weight:500!important;
  }
  body.live-body .lpita-gallery-thumbs-v104{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:8px 0 13px!important;
    margin:0!important;
  }
  body.live-body .lpita-gallery-thumbs-v104::-webkit-scrollbar{display:none!important;}
  body.live-body .lpita-gallery-thumb-v104{
    flex:0 0 54px!important;
    width:54px!important;
    height:68px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid transparent!important;
    background:transparent!important;
    border-radius:0!important;
    overflow:hidden!important;
    opacity:.62!important;
  }
  body.live-body .lpita-gallery-thumb-v104.is-active{
    border-color:#111!important;
    opacity:1!important;
  }
  body.live-body .lpita-gallery-thumb-v104 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:0!important;
    background:#f4f3ef!important;
  }
  body.live-body .lp84-gallery-dots,
  body.live-body .mobile-gallery-dots-v93,
  body.live-body .lp98-gallery-controls{display:none!important;}
}