.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: 95px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
.fancybox-show-thumbs .fancybox-thumbs__list {
margin: 0 auto;
}
.fancybox-thumbs__list a:before {
border: 6px solid var(--primary-color);
} .wn-pd-gallery {
position: relative;
opacity: 0; transition: opacity 0.25s ease-in-out;
overflow: hidden;
background-color: #fff;
} .wn-pd-gallery a {
display: block;
line-height: 0;
color: inherit;
text-decoration: none;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border-radius: inherit;
} .wn-pd-gallery img {
display: block;
max-width: 100%;
height: auto; border-radius: inherit;
transition: transform 0.2s ease, opacity 0.2s ease;
}  .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__wrapper {
display: grid;
grid-template-columns: 1.01fr 1fr;
grid-template-rows: auto; gap: 10px; align-items: start; } .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__featured {
grid-column: 1 / 2;
grid-row: 1 / 2;
position: relative;
overflow: hidden;
border-radius: 10px;
aspect-ratio: 16 / 10; }
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__featured a { } .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__featured img {
width: 100%;
height: 100%; object-fit: cover; } .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnails {
grid-column: 2 / 3;
grid-row: 1 / 2;
display: grid;
grid-template-columns: repeat(2, 1fr);  grid-template-rows: repeat(2, 1fr);
gap: 10px; height: 100%; min-height: 0; } .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail {
position: relative;
aspect-ratio: 16/10;
overflow: hidden;
border-radius: 10px;
}
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail a { } .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail img {
width: 100%;
height: 100%; object-fit: cover; } .wn-pd-gallery.gallery-total-5-plus
.wn-pd-gallery__thumbnail:not(.wn-pd-gallery__thumbnail--more)
a:hover
img {
transform: scale(1.05);
opacity: 0.9;
} .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail.is-active { } .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail--more {
cursor: pointer;
position: relative;  }
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail--more img {
opacity: 0.4;
filter: blur(1px);
width: 100%;
height: 100%;
object-fit: cover;
}
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail--more:hover img {
transform: none;
opacity: 0.5;
}
.wn-pd-gallery.gallery-total-5-plus
.wn-pd-gallery__thumbnail--more
.more-count {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5em;
color: white;
background-color: rgba(0, 0, 0, 0.55);
font-weight: bold;
border-radius: inherit;
pointer-events: none;
z-index: 1;
} .wn-pd-gallery.gallery-total-4 .wn-pd-gallery__wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3px;
}
.wn-pd-gallery.gallery-total-4 .wn-pd-gallery__grid-item {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
border-radius: 10px;
} .wn-pd-gallery.gallery-total-3 .wn-pd-gallery__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3px;
}
.wn-pd-gallery.gallery-total-3 .wn-pd-gallery__grid-item {
position: relative;
aspect-ratio: 2 / 3;
overflow: hidden;
border-radius: 10px;
} .wn-pd-gallery.gallery-total-2 .wn-pd-gallery__wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3px;
}
.wn-pd-gallery.gallery-total-2 .wn-pd-gallery__grid-item {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
border-radius: 10px;
} .wn-pd-gallery.gallery-total-4 .wn-pd-gallery__grid-item img,
.wn-pd-gallery.gallery-total-3 .wn-pd-gallery__grid-item img,
.wn-pd-gallery.gallery-total-2 .wn-pd-gallery__grid-item img {
width: 100%;
height: 100%;
object-fit: cover;
} .wn-pd-gallery.gallery-total-4 .wn-pd-gallery__grid-item a:hover img,
.wn-pd-gallery.gallery-total-3 .wn-pd-gallery__grid-item a:hover img,
.wn-pd-gallery.gallery-total-2 .wn-pd-gallery__grid-item a:hover img {
transform: scale(1.05);
opacity: 0.9;
} .wn-pd-gallery.gallery-total-1 .wn-pd-gallery__wrapper {
display: block;
}
.wn-pd-gallery.gallery-total-1 .wn-pd-gallery__single {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 10px;
}
.wn-pd-gallery.gallery-total-1 .wn-pd-gallery__single img {
width: 100%;
height: 100%;
object-fit: cover;
} @media (max-width: 850px) {  .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__wrapper {
display: block;
gap: 0;
}
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__featured {
width: 100%;
max-width: 100%;
margin-bottom: 5px;
height: auto;
}
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__featured img {
height: auto;
object-fit: cover;
}
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnails {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
width: 100%;
gap: 3px;
height: auto; }
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail {
border: none;
aspect-ratio: 1 / 1; border-radius: 10px;
}
.wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnail--more {
border: none;
} .wn-pd-gallery.gallery-total-3 .wn-pd-gallery__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 3px;
}
.wn-pd-gallery.gallery-total-4 .wn-pd-gallery__wrapper,
.wn-pd-gallery.gallery-total-2 .wn-pd-gallery__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 3px;
} .wn-pd-gallery.gallery-total-4 .wn-pd-gallery__grid-item {
aspect-ratio: 16 / 10;
}
.wn-pd-gallery.gallery-total-3 .wn-pd-gallery__grid-item {
aspect-ratio: 2 / 3;
}
.wn-pd-gallery.gallery-total-2 .wn-pd-gallery__grid-item {
aspect-ratio: 16 / 10;
}
.wn-pd-gallery.gallery-total-5-plus
.wn-pd-gallery__thumbnail--more
.more-count {
font-size: 1.4em;
}
}
@media (max-width: 550px) { .wn-pd-gallery.gallery-total-5-plus .wn-pd-gallery__thumbnails {
grid-template-columns: repeat(4, 1fr);
gap: 2px;
}
.wn-pd-gallery.gallery-total-4 .wn-pd-gallery__wrapper,
.wn-pd-gallery.gallery-total-3 .wn-pd-gallery__wrapper {
grid-template-columns: repeat(1, 1fr);
gap: 2px;
}
.wn-pd-gallery.gallery-total-2 .wn-pd-gallery__wrapper {
grid-template-columns: 1fr;
gap: 2px;
} .wn-pd-gallery.gallery-total-4 .wn-pd-gallery__grid-item {
aspect-ratio: 16 / 10;
}
.wn-pd-gallery.gallery-total-3 .wn-pd-gallery__grid-item {
aspect-ratio: 2 / 3;
}
.wn-pd-gallery.gallery-total-2 .wn-pd-gallery__grid-item {
aspect-ratio: 16 / 10;
}
.wn-pd-gallery.gallery-total-5-plus
.wn-pd-gallery__thumbnail--more
.more-count {
font-size: 1.2em;
}
} .wn-pd-gallery.woocommerce-product-gallery {
opacity: 1 !important;
} .woocommerce-product-gallery__trigger {
display: none !important;
}