/* Добавьте в ваш CSS файл */

/* Фикс для изображения в модалке */
#modalProductView .product-img.w-100 {
    display: block !important;
    width: 100% !important;
    height: 500px !important;
    overflow: hidden !important;
}

#modalProductView .product-img.w-100 img {
    max-width: 100% !important;
    max-height: 450px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 6px !important;
    transition: transform 0.3s ease !important;
}

#modalProductView .product-img.w-100 img:hover {
    transform: scale(1.02) !important;
}

/* Убираем все следы Swiper */
#modalProductView .swiper-container,
#modalProductView .swiper-wrapper,
#modalProductView .swiper-slide,
#modalProductView .swiper-button-next,
#modalProductView .swiper-button-prev {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
}

/* Центрируем колонку с фото */
#modalProductView .col-md-6:first-child {
    display: flex !important
    align-items: center !important;
    justify-content: center !important;
    min-height: 500px !important;
    border-radius: 8px !important;
}