.custom-product-gallery{display:flex;gap:10px}
.custom-product-gallery .gallery-main-image{flex:1;height:400px;border-radius:10px;overflow:hidden;cursor:zoom-in;flex-shrink:0;position:relative}
.custom-product-gallery .gallery-main-image img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform .3s ease}
.custom-product-gallery .gallery-main-image:hover img{transform:scale(1.02)}
.custom-product-gallery .gallery-thumbs-wrapper{width:68px;height:400px;position:relative}
.custom-product-gallery .gallery-thumbs-slider{height:100%;padding: 0;}
.custom-product-gallery .gallery-thumbs-slider .swiper-wrapper{flex-direction:column}
.custom-product-gallery .gallery-thumb{width:68px!important;height:68px!important;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid transparent;transition:all .3s ease;margin-bottom:10px;flex-shrink:0;background:#fff}
.custom-product-gallery .gallery-thumb:last-child{margin-bottom:0}
.custom-product-gallery .gallery-thumb.active{border-color:red!important;border-width:2px!important}
.custom-product-gallery .gallery-thumb:hover:not(.active){border-color:#f99}
.custom-product-gallery .gallery-thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}
.custom-product-gallery .gallery-thumbs-button-next,.gallery-thumbs-button-prev{width:68px;height:24px;background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;left:50%;transform:translateX(-50%);z-index:10;transition:all .3s ease}
.custom-product-gallery .gallery-thumbs-button-next:hover,.gallery-thumbs-button-prev:hover{background:#f5f5f5;border-color:#ccc}
.custom-product-gallery .gallery-thumbs-button-prev{top:-30px}
.custom-product-gallery .gallery-thumbs-button-next{bottom:-30px}
.custom-product-gallery .gallery-thumbs-button-next::after,.gallery-thumbs-button-prev::after{content:'';width:8px;height:8px;border-right:2px solid #333;border-bottom:2px solid #333;display:block}
.custom-product-gallery .gallery-thumbs-button-prev::after{transform:rotate(225deg);margin-top:-2px}
.custom-product-gallery .gallery-thumbs-button-next::after{transform:rotate(45deg);margin-bottom:-2px}
.custom-product-gallery .gallery-thumbs-button-next.swiper-button-disabled,.gallery-thumbs-button-prev.swiper-button-disabled{display:none}
.custom-product-gallery .gallery-main-image.loading img,.gallery-thumb.loading img{opacity:.5}
.custom-product-gallery .gallery-main-image.loading::after,.gallery-thumb.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin {
0%{transform:translate(-50%,-50%) rotate(0deg)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
@media (max-width: 991px) {
.custom-product-gallery{flex-direction:row-reverse;gap:15px;width:100%}
.custom-product-gallery .gallery-thumbs-wrapper{width:80px;height:auto}
.custom-product-gallery .gallery-main-image{flex:1;max-width:100%;height:400px;min-height:300px;width:auto}
.custom-product-gallery .gallery-thumbs-slider .swiper-wrapper{flex-direction:column}
.custom-product-gallery .gallery-thumb{margin-bottom:10px;margin-right:0}
.custom-product-gallery .gallery-thumbs-button-prev,.gallery-thumbs-button-next{display:none}
}
@media (max-width: 767px) {
.custom-product-gallery{flex-direction:column-reverse;gap:15px}
.custom-product-gallery .gallery-thumbs-wrapper{width:100%;height:80px}
.custom-product-gallery .gallery-main-image{height:300px;min-height:auto;max-width:100%;width:100%}
.custom-product-gallery .gallery-main-image img{max-width:100%;height:100%}
.custom-product-gallery .gallery-thumbs-slider .swiper-wrapper{flex-direction:row}
.custom-product-gallery .gallery-thumb{margin-bottom:0;margin-right:10px}
.custom-product-gallery .gallery-thumbs-button-prev{top:-30px;left:50%;transform:translateX(-50%)}
.custom-product-gallery .gallery-thumbs-button-next{bottom:-30px;left:50%;transform:translateX(-50%);top:auto}
}
@media (max-width: 575px) {
.custom-product-gallery .gallery-main-image{height:250px}
.custom-product-gallery .gallery-thumb{width:60px!important;height:60px!important}
.custom-product-gallery .gallery-thumbs-button-prev{top:-25px}
.custom-product-gallery .gallery-thumbs-button-next{bottom:-25px}
}
@media (max-width: 480px) {
.custom-product-gallery .gallery-main-image{height:220px}
.custom-product-gallery .gallery-thumb{width:50px!important;height:50px!important}
}
@media (max-width: 360px) {
.custom-product-gallery .gallery-main-image{height:200px}
}