.woocommerce-product-gallery .woocommerce-product-gallery__image {
position: relative !important;
width: 100%;
aspect-ratio: 1 / 1; 
max-height: 512px;
overflow: hidden;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
position: absolute !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
display: block;
}
@media (max-width: 768px) {
.woocommerce-product-gallery .woocommerce-product-gallery__image {
aspect-ratio: 1 / 1;
max-height: 380px;
}
}
.flex-control-thumbs li img {
width: 100% !important;
height: auto !important;
display: block;
margin: auto;
object-fit: contain;
object-position: center center;
}
.pswp {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 2147483647 !important;
}
.pswp__scroll-wrap,
.pswp__container,
.pswp__item,
.pswp__zoom-wrap {
width: 100% !important;
height: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.pswp__zoom-wrap { transform: translate3d(0,0,0) !important; }
.pswp__img {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
display: block;
margin: auto;
position: relative !important;
transform: none !important;
pointer-events: auto !important;
}
.pswp__button--zoom { display: none !important; }
@media (min-width: 1025px) {
.pswp__button--fs {
position: absolute !important;
right: 60px !important;
top: 10px !important;
}
.pswp__button--close {
position: absolute !important;
right: 20px !important;
top: 10px !important;
}
.pswp__button--arrow--right {
right: 5px !important;
transform: translateX(-10px) !important;
}
}
@media (max-width: 1024px) {
.pswp__button--fs {
position: absolute !important;
right: 50px !important;
top: 10px !important;
}
.pswp__button--close {
position: absolute !important;
right: 10px !important;
top: 10px !important;
}
}
.pswp__button--close {
z-index: 999999 !important;
pointer-events: auto !important;
}
.pswp__ui--fit .pswp__top-bar {
z-index: 999998 !important;
}
.pswp__container, .pswp__item, .pswp__zoom-wrap {
pointer-events: none !important;
}
.pswp__button {
touch-action: manipulation !important;
}