/* =====================================================
product.css — стили страницы карточки товара
Подключается только на странице продукта.
Не изменять style.min.css и templete.min.css.
===================================================== */
.product-gallery .swiper { border-radius: 4px; overflow: hidden; }
.product-gallery .swiper-slide img { width: 100%; height: auto; display: block; }

.thumb-slider .swiper-slide { opacity: 0.6; cursor: pointer; transition: opacity .2s; }

/* Переопределение синего фона активного мини-слайда из templete.min.css */
.thumb-slider .swiper-slide {
    border: 2px solid transparent;
    opacity: 0.6;
    cursor: pointer;
    transition: all .2s;
}
.thumb-slider .swiper-slide-thumb-active {
    background: transparent !important;
    border: 3px solid var(--primary, #dc3545) !important;
    opacity: 1;
    padding: 0 !important;
}
.thumb-slider .swiper-slide-thumb-active img {
    display: block;
    border-radius: 2px;
}

.pricingtable-bx { font-size: 28px; font-weight: 700; color: #333; }
.badge-new, .badge-sale, .badge-premium {
    position: absolute; top: 10px; left: 10px; padding: 3px 8px;
    font-size: 11px; font-weight: 600; text-transform: uppercase; border-radius: 3px; color: #fff; z-index: 2;
}
.badge-new { background: #28a745; }
.badge-sale { background: #dc3545; }
.badge-premium { background: #6f42c1; }

@media (max-width: 991px) { .sticky-top { position: static !important; } }

/* ===== Swiper — красная тема (переопределение) ===== */
:root {
    --swiper-theme-color: #dc3545 !important;
    --swiper-navigation-color: #dc3545 !important;
    --swiper-pagination-color: #dc3545 !important;
}
.swiper-button-next,
.swiper-button-prev {
    color: #dc3545 !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    color: #dc3545 !important;
}
.swiper-pagination-bullet {
    background: #dc3545 !important;
    opacity: 0.4 !important;
}
.swiper-pagination-bullet-active {
    background: #dc3545 !important;
    opacity: 1 !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #dc3545 !important;
}