/* Desktop product image thumbnail carousel v1.1.14 */
.sf-desktop-product .sf-gallery-thumbs-shell{
  position:relative;
  width:100%;
  margin-top:8px;
}
.sf-desktop-product .sf-gallery-thumbs{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0!important;
  margin:0!important;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.sf-desktop-product .sf-gallery-thumbs::-webkit-scrollbar{display:none}
.sf-desktop-product .sf-gallery-thumbs .thumb{
  flex:0 0 calc((100% - 32px)/5)!important;
  width:calc((100% - 32px)/5)!important;
  min-width:0!important;
  scroll-snap-align:start;
}
.sf-desktop-product .sf-gallery-thumbs .thumb img{width:100%;height:100%;object-fit:cover}
.sf-desktop-product .sf-gallery-nav{
  position:absolute;
  top:50%;
  z-index:5;
  width:30px;
  height:44px;
  transform:translateY(-50%);
  border:0;
  border-radius:0;
  background:rgba(0,0,0,.42);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font:400 31px/1 Arial,sans-serif;
  cursor:pointer;
  opacity:0;
  transition:opacity .15s ease,background .15s ease;
  box-shadow:none;
}
.sf-desktop-product .sf-gallery-thumbs-shell:hover .sf-gallery-nav{opacity:1}
.sf-desktop-product .sf-gallery-nav:hover{background:rgba(0,0,0,.62)}
.sf-desktop-product .sf-gallery-nav-prev{left:0}
.sf-desktop-product .sf-gallery-nav-next{right:0}
.sf-desktop-product .sf-gallery-nav:disabled{
  opacity:.18!important;
  cursor:default;
  pointer-events:none;
}
.sf-desktop-product .sf-gallery-thumbs-shell:not(.has-multiple) .sf-gallery-nav{display:none}
@media(max-width:767px){.sf-desktop-product .sf-gallery-nav{display:none!important}}
