.product-gallery-with-thumbs {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}
.product-thumbs-col {
    flex-shrink: 0;
    width: 180px;
    overflow: hidden;
}
.carousel-products-single-thumbs { max-height: 100%; }
.carousel-products-single-thumbs .swiper-slide {
    height: 180px !important;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s;
    border: 1px solid transparent;
}
.carousel-products-single-thumbs .swiper-slide:hover,
.carousel-products-single-thumbs .swiper-slide-thumb-active { opacity: 1; }
.carousel-products-single-thumbs .swiper-slide-thumb-active { border-color: var(--color-neutral-100); }
.carousel-products-single-thumbs .swiper-slide figure { height: 100%; }
.carousel-products-single-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-main-col { flex: 1; min-width: 0; }
.carousel-products-single { width: 100%; }
.carousel-products-single .swiper-slide { width: 100%; }
.carousel-products-single .swiper-slide figure {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.carousel-products-single .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .product-gallery-with-thumbs { flex-direction: column; gap: 1rem; }
    .product-thumbs-col { width: 100%; order: 2; height: auto !important; }
    .product-main-col { order: 1; width: 100%; }
    .carousel-products-single-thumbs { height: 120px !important; width: 100%; }
    .carousel-products-single-thumbs .swiper-wrapper { display: flex; flex-direction: row; }
    .carousel-products-single-thumbs .swiper-slide { height: 120px !important; width: 120px !important; flex-shrink: 0; }
    .carousel-products-single .swiper-slide figure { padding-bottom: 75%; }
}

@media screen and (max-width: 576px) {
    .carousel-products-single-thumbs { height: 90px !important; }
    .carousel-products-single-thumbs .swiper-slide { height: 90px !important; width: 90px !important; }
    .carousel-products-single .swiper-slide figure { padding-bottom: 70%; }
}