/* Tenute Oliveto - gallery prodotto Fancybox */
.to-product-gallery{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:16px;
  align-items:start;
  width:100%;
}

.to-product-gallery__thumbs{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:620px;
  overflow-y:auto;
  scrollbar-width:thin;
}

.to-product-gallery__thumb{
  width:100%;
  aspect-ratio:1/1;
  padding:7px;
  border:1px solid #e5e1d8;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.to-product-gallery__thumb:hover,
.to-product-gallery__thumb.is-active{
  border-color:#49623c;
  box-shadow:0 5px 18px rgba(0,0,0,.08);
}

.to-product-gallery__thumb.is-active{
  transform:translateY(-1px);
}

.to-product-gallery__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.to-product-gallery__stage{
  position:relative;
  min-height:520px;
  border:1px solid #ebe7df;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}

.to-product-gallery__main{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:520px;
  padding:24px;
  text-decoration:none;
}

.to-product-gallery__main img{
  display:block;
  width:100%;
  height:520px;
  object-fit:contain;
  transition:opacity .18s ease;
}

.to-product-gallery__main.is-loading img{
  opacity:.35;
}

.to-product-gallery__zoom{
  position:absolute;
  right:16px;
  bottom:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#31492b;
  box-shadow:0 6px 20px rgba(0,0,0,.13);
  pointer-events:none;
}

.to-product-gallery__fancybox-source{
  display:none !important;
}

@media (max-width:767.98px){
  .to-product-gallery{
    grid-template-columns:1fr;
  }
  .to-product-gallery__stage{
    order:1;
    min-height:360px;
  }
  .to-product-gallery__main{
    min-height:360px;
    padding:14px;
  }
  .to-product-gallery__main img{
    height:360px;
  }
  .to-product-gallery__thumbs{
    order:2;
    flex-direction:row;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:4px;
  }
  .to-product-gallery__thumb{
    flex:0 0 82px;
    width:82px;
  }
}