.dzepetto-product-gallery-scroll {
display: flex;
gap: var(--e-bentoGrids-gap, 12px);
align-items: flex-start;
}
.dzepetto-product-gallery-scroll .product-gallery-thumbnails a {
position: relative;
display: block;
margin-bottom: 0.5rem;
border: 2px solid rgba(255, 255, 255, 0);
transition: all 0.3s;
border-radius: 5px;
overflow: hidden;
}
.dzepetto-product-gallery-scroll .product-gallery-thumbnails a img {
display: block;
}
.dzepetto-product-gallery-scroll .product-gallery-thumbnails a.active,
.dzepetto-product-gallery-scroll .product-gallery-thumbnails a:hover {
border: 2px solid var(--e-global-color-accent, #000);
}
.dzepetto-product-gallery-scroll .gallery-item img {
width: 100%;
}
.dzepetto-product-gallery-scroll .gallery-item {
display: none;
}
.dzepetto-product-gallery-scroll .gallery-item.active {
display: block;
}
.dzepetto-product-gallery-scroll .dzepetto-scroll-lightbox-trigger {
display: block;
}
.dzepetto-product-gallery-scroll .dzepetto-scroll-lightbox-trigger img {
width: 100%;
display: block;
cursor: zoom-in;
}
@media (min-width: 767px) {
.dzepetto-product-gallery-scroll .product-gallery-thumbnails {
position: sticky;
top: 150px;
}
}
@media (max-width: 767px) {
.dzepetto-product-gallery-scroll {
overflow: hidden;
}
.dzepetto-product-gallery-scroll .product-gallery-thumbnails a {
cursor: pointer;
}
}