.main-image{
    width:100%;
    aspect-ratio:1 / 1;      
    max-height:500px;        
    border:1px solid #ddd;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.main-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.js-swiper-shop-product-thumb{
    margin-top:20px;
}

.js-swiper-shop-product-thumb .swiper-wrapper{
    display:flex;
    justify-content:space-around;
}

.js-swiper-shop-product-thumb .swiper-slide{
    width:100px !important;
    height:100px;
    flex-shrink:0;
    cursor:pointer;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    transition:.3s;
    background:#fff;
}

.js-swiper-shop-product-thumb .swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.js-swiper-shop-product-thumb .swiper-slide-thumb-active{
    border:2px solid #0d6efd;
}

.left-panel,
.col-md-5 > .w-100{
    height:100%;
}

.col-md-5{
    display:flex;
}

.col-md-7{
    display:flex;
}

.js-swiper-shop-product{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.js-swiper-shop-product{
    height:auto !important;
}

.js-swiper-shop-product .swiper-wrapper{
    height:auto !important;
}

.js-swiper-shop-product{
    padding-bottom:0 !important;
}

.swiper{
    padding:0 !important;
}