/* Контейнеры внешних слайдеров */
.spec-main-slider,
.spec-hit-slider,
.spec-main-icon-slider,
.recommended-slider,
.last-slider,
.brands-slider,
.gbook-slider,
.nowBuy-slider {
    width: 100%;
    overflow: hidden;
}

/* ============================================
   1. УБИРАЕМ margin со слайдов внешних слайдеров
============================================ */
.spec-main-slider .swiper-slide,
.spec-hit-slider .swiper-slide,
.spec-main-icon-slider .swiper-slide,
.recommended-slider .swiper-slide,
.last-slider .swiper-slide,
.brands-slider .swiper-slide,
.gbook-slider .swiper-slide,
.nowBuy-slider .swiper-slide {
    width: auto;
    height: auto;
    flex-shrink: 0;
    margin-right: 0;              /* ? убираем отступ со слайда */
    padding: 0;                   /* на всякий случай сбрасываем */
}

/* ============================================
   2. ДОБАВЛЯЕМ отступ ТОЛЬКО карточке товара
      (через > — только прямые потомки)
============================================ */
.spec-main-slider .swiper-slide > .product-card,
.spec-hit-slider .swiper-slide > .product-card,
.spec-main-icon-slider .swiper-slide > .product-card,
.recommended-slider .swiper-slide > .product-card,
.last-slider .swiper-slide > .product-card,
.brands-slider .swiper-slide > .product-card,
.gbook-slider .swiper-slide > .product-card,
.nowBuy-slider .swiper-slide > .product-card {
    margin-right: 10px;           /* ? отступ только для карточки */
    box-sizing: border-box;
}

/* ============================================
   4. ?? Жёсткий сброс для превью-слайдеров внутри карточек
      (чтобы точно не наследовали отступ)
============================================ */
.product-card .preview-slider .swiper-slide,
.product-card .preview-slider .swiper-wrapper {
    margin-right: 0 !important;
    padding-right: 0 !important;
}


/* Карточки товаров внутри внешних слайдеров */
.spec-main-slider .product-card,
.spec-hit-slider .product-card,
.spec-main-icon-slider .product-card,
.recommended-slider .product-card,
.last-slider .product-card,
.brands-slider .product-card,
.gbook-slider .product-card,
.nowBuy-slider .product-card {
    width: 230px;          /* фиксированная ширина карточки */
}


/* ============================================
   СТРЕЛКИ ДЛЯ СЛАЙДЕРОВ В ТАБАХ
============================================ */

.tab-pane {
    position: relative;
    z-index: 10; /* Важно! Чтобы стрелки позиционировались относительно панели */
}



/* Контейнер */
.brands-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0; /* Отступы сверху/снизу */
}

/* Обертка слайдов */
.brands-slider .swiper-wrapper {
    display: flex !important;
    align-items: stretch;
    justify-content: center; /* ? ЦЕНТРИРУЕТ слайды по горизонтали */
    transition-timing-function: linear;
}


/* Слайд бренда */
.brands-slider .swiper-slide {
    width: 160px !important;  /* Фиксированная ширина слайда */
    flex-shrink: 0 !important; /* Запрет на сжатие */
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}

/* Ссылка внутри слайда */
.brands-slider .brand-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
}

.brands-slider .brand-link:hover {
    opacity: 0.8;
}

/* Обертка картинки */
.brands-slider .brand-image-wrap {
    width: 100%;
    height: 80px;          /* Фиксированная высота под логотипы */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

/* Картинка бренда */
.brands-slider .brand-image-wrap img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;   /* Сохраняет пропорции */
}

/* Название бренда (если нет картинки) */
.brands-slider .brand-name {
    font-size: 13px;
    line-height: 1.4;
    display: block;
}


/* Главный баннер - НИКОГДА не менять прозрачность при наведении */
.main-banner-slider .swiper-slide,
.main-banner-slider .swiper-slide:hover {
    opacity: 1 !important;
    filter: none !important;
}

/* Дополнительно: убираем прозрачность у ссылки внутри слайда */
.main-banner-slider .swiper-slide a,
.main-banner-slider .swiper-slide a:hover {
    opacity: 1 !important;
    filter: none !important;
}


/* === ГЛАВНЫЙ СЛАЙДЕР: принудительное масштабирование изображений === */

.main-banner-slider .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    object-fit: contain; /* сохраняет пропорции, показывает целиком */
	border-radius: var(--border-radius);
}

/* Если изображения добавляются через админку с инлайновыми стилями — переопределяем их */
.main-banner-slider .swiper-slide img[style] {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Ссылка-обёртка — на всю ширину слайда */
.main-banner-slider .swiper-slide a {
    display: block;
    width: 100%;
    position: relative;
}

/* Обрезаем всё, что вылезает за пределы слайда */
.main-banner-slider .swiper-slide {
    overflow: hidden;
}