.pvg-gallery-wrapper {
display: flex;
flex-direction: column;
gap: 10px;
max-width: 600px;
width: 100%;
position: relative;
} .pvg-vertical {
flex-direction: row;
align-items: flex-start;
}
.pvg-vertical .pvg-thumb-slider {
width: 90px;
min-width: 90px;
flex-shrink: 0;
order: -1;
height: 450px;
max-height: 450px;
}
.pvg-vertical .pvg-main-slider {
flex: 1;
} .pvg-main-slider {
width: 100%;
overflow: hidden;
border-radius: 6px;
background: #f5f5f5;
position: relative;
}
.pvg-slide {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #f5f5f5;
aspect-ratio: 1 / 1;
}
.pvg-figure {
margin: 0;
width: 100%;
height: 100%;
display: block;
cursor: pointer;
}
.pvg-figure > a,
.pvg-figure > a.pvg-glightbox {
display: block;
width: 100%;
height: 100%;
}
.pvg-figure .pvg-video-link {
position: relative;
display: block;
line-height: 0;
}
.pvg-figure .pvg-video-link .pvg-main-image {
display: block;
width: 100%;
height: auto;
}
.pvg-play-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 2;
color: var(--pvg-icon-color, #fff);
}
.pvg-play-overlay .pvg-play-icon {
width: 70px;
height: 70px;
display: block;
}
.pvg-main-image {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
transition: transform 0.3s ease;
}
.pvg-zoom:hover {
transform: scale(1.05);
} .pvg-video-slide {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
}
.pvg-video-thumb-main {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pvg-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none;
cursor: pointer;
padding: 0;
color: var(--pvg-icon-color, #fff);
transition: transform 0.2s ease, opacity 0.2s ease;
z-index: 3;
}
.pvg-play-btn:hover {
transform: translate(-50%, -50%) scale(1.1);
opacity: 0.9;
}
.pvg-play-icon {
width: 70px;
height: 70px;
color: var(--pvg-icon-color, #fff);
drop-shadow: 0 2px 8px rgba(0,0,0,.5);
} .pvg-video-iframe-wrapper {
position: absolute;
inset: 0;
z-index: 5;
background: #000;
}
.pvg-video-iframe-wrapper iframe {
width: 100%;
height: 100%;
border: none;
}
.pvg-hidden {
display: none !important;
} .pvg-arrow {
--swiper-navigation-color: var(--pvg-arrow-color, #fff);
}
.pvg-main-slider .swiper-button-prev,
.pvg-main-slider .swiper-button-next,
.pvg-gallery-wrapper .swiper-button-prev,
.pvg-gallery-wrapper .swiper-button-next {
display: none !important;
} .pvg-thumb-slider {
width: 100%;
overflow: hidden;
padding: 4px 0;
}
.pvg-thumb-slide {
cursor: pointer;
border-radius: 4px;
overflow: hidden;
border: 2px solid transparent;
transition: border-color 0.2s ease;
opacity: 0.65;
transition: opacity 0.2s ease, border-color 0.2s ease;
aspect-ratio: 1 / 1;
}
.pvg-thumb-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pvg-thumb-slide.swiper-slide-thumb-active {
border-color: #2271b1;
opacity: 1;
}
.pvg-thumb-slide:hover {
opacity: 1;
} .pvg-thumb-video-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.pvg-thumb-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
}
.pvg-play-icon-sm {
width: 24px;
height: 24px;
} .pvg-local-video-wrapper {
position: absolute;
inset: 0;
z-index: 5;
background: #000;
display: flex;
align-items: center;
justify-content: center;
}
.pvg-local-video-wrapper video {
width: 100%;
height: 100%;
object-fit: contain;
}
.pvg-thumb-no-thumb {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}
.pvg-video-thumb-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
} .pvg-hide-thumbs .pvg-thumb-slider {
display: none;
} @media (max-width: 768px) {
.pvg-vertical {
flex-direction: column;
}
.pvg-vertical .pvg-thumb-slider {
width: 100%;
height: auto;
max-height: none;
order: 1;
}
.pvg-play-icon {
width: 52px;
height: 52px;
}
} .pvg-video-thumb-wrap {
position: relative;
width: 100%;
display: block;
line-height: 0;
}
.pvg-video-thumb-wrap .pvg-video-thumb-main {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pvg-play-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 2;
color: var(--pvg-icon-color, #fff);
}
.pvg-play-overlay .pvg-play-icon {
width: 70px;
height: 70px;
display: block;
}  .single-product .product-image-wrap .pvg-gallery-wrapper,
.single-product .woocommerce-product-gallery.pvg-gallery-wrapper {
max-width: 100%;
width: 100%;
float: none;
} .pvg-local-video-wrap {
position: absolute;
inset: 0;
z-index: 5;
background: #000;
display: flex;
align-items: center;
justify-content: center;
}
.pvg-local-video-wrap video {
width: 100%;
height: 100%;
object-fit: contain;
} .pvg-video-no-thumb,
.pvg-thumb-no-img {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
} .pvg-video-thumb-layer {
position: relative;
width: 100%;
height: 100%;
} .pvg-thumb-lightbox-trigger {
cursor: zoom-in;
}.wpced .wpced-inner {
display: inline-block;
padding: 5px 10px;
margin: 5px 0;
font-size: 14px;
border-radius: 4px;
color: #222222;
background-color: #f6f6f6;
}
.wpced .wpced-inner:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 5px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20d%3D%22M280%20192c4.4%200%208-3.6%208-8v-16c0-4.4-3.6-8-8-8H40c-4.4%200-8%203.6-8%208v16c0%204.4%203.6%208%208%208h240zm352%20192h-24V275.9c0-16.8-6.8-33.3-18.8-45.2l-83.9-83.9c-11.8-12-28.3-18.8-45.2-18.8H416V78.6c0-25.7-22.2-46.6-49.4-46.6H113.4C86.2%2032%2064%2052.9%2064%2078.6V96H8c-4.4%200-8%203.6-8%208v16c0%204.4%203.6%208%208%208h240c4.4%200%208-3.6%208-8v-16c0-4.4-3.6-8-8-8H96V78.6c0-8.1%207.8-14.6%2017.4-14.6h253.2c9.6%200%2017.4%206.5%2017.4%2014.6V384H207.6C193%20364.7%20170%20352%20144%20352c-18.1%200-34.6%206.2-48%2016.4V288H64v144c0%2044.2%2035.8%2080%2080%2080s80-35.8%2080-80c0-5.5-.6-10.8-1.6-16h195.2c-1.1%205.2-1.6%2010.5-1.6%2016%200%2044.2%2035.8%2080%2080%2080s80-35.8%2080-80c0-5.5-.6-10.8-1.6-16H632c4.4%200%208-3.6%208-8v-16c0-4.4-3.6-8-8-8zm-488%2096c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048zm272-320h44.1c8.4%200%2016.7%203.4%2022.6%209.4l83.9%2083.9c.8.8%201.1%201.9%201.8%202.8H416V160zm80%20320c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048zm80-96h-16.4C545%20364.7%20522%20352%20496%20352s-49%2012.7-63.6%2032H416v-96h160v96zM256%20248v-16c0-4.4-3.6-8-8-8H8c-4.4%200-8%203.6-8%208v16c0%204.4%203.6%208%208%208h240c4.4%200%208-3.6%208-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.wpced-cart {
text-align: center !important;
}