/* =====================================================
   1. СКРЫТИЕ КНОПКИ "ЗАКАЗАТЬ ЗВОНОК"
   ===================================================== */
.widget-call-container {
    display: none;
}


/* =====================================================
   2. ИСПРАВЛЕНИЕ КНОПКИ "ЗАКРЫТЬ" В ПОПАПАХ
   ===================================================== */
.popup-window-close-icon .ui-icon-set {
    display: none !important;
}
.popup-window-close-icon:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(/bitrix/templates/universe_s1/resources/417e68d399fa648ce8fa998634bd0348.png) no-repeat center / contain;
}


/* =====================================================
   3. СЛОГАН
   ===================================================== */
.widget-tag-line {
    text-align: center;
    line-height: 1.7em !important;
    margin-top: 24px;
    font-size: 15px !important;
}


/* =====================================================
   4. БАННЕР ПОД ШАПКОЙ (отмена JS-натягивания Intec)
   ===================================================== */
.widget-banner {
    margin-top: 0 !important;
}
.widget-banner .widget-item-content {
    padding-top: 0 !important;
}


/* =====================================================
   5. БЕЛЫЙ ФОН ШАПКИ
   ===================================================== */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10,
.c-header.c-header-template-1 .widget-view.widget-view-fixed {
    background-color: #ffffff !important;
}


/* =====================================================
   6. СЕРЫЙ ТЕКСТ И ИКОНКИ В ШАПКЕ
   ===================================================== */

/* --- Десктопная шапка: текст --- */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container *,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container .intec-cl-text,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container .intec-cl-text-hover,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container .widget-authorization-personal-text,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container .widget-call,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container .search-title-button-text,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container .widget-tag-line {
    color: #555555 !important;
}

/* --- Десктопная шапка: шрифтовые иконки --- */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container i,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container .glyph-icon-loop,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container .glyph-icon-login_2 {
    color: #555555 !important;
}

/* --- Десктопная шапка: SVG иконки --- */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container svg path {
    stroke: #555555 !important;
    fill: none !important;
}
/* Исключение: иконки с явным fill (не контурные) */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-container svg path[fill]:not([fill="none"]) {
    fill: #555555 !important;
}

/* --- Прозрачный режим на главной: перебиваем белый текст --- */
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view.widget-view-desktop .widget-container,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view.widget-view-desktop .widget-container *,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view.widget-view-desktop .widget-container .intec-cl-text,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view.widget-view-desktop .widget-container .intec-cl-text-hover {
    color: #555555 !important;
}
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view.widget-view-desktop .widget-container svg path {
    stroke: #555555 !important;
}

/* --- Фиксированная шапка при скролле --- */
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-wrapper-3,
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-wrapper-3 *,
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-wrapper-3 .intec-cl-text,
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-wrapper-3 .intec-cl-text-hover {
    color: #555555 !important;
}
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-wrapper-3 i {
    color: #555555 !important;
}
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-wrapper-3 svg path {
    stroke: #555555 !important;
    fill: none !important;
}


/* =====================================================
   7. ИКОНКИ КОРЗИНЫ / ИЗБРАННОГО / СРАВНЕНИЯ
   ===================================================== */

/* Десктоп + фиксированная + прозрачный режим */
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-tag-line,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-region .regions-select-region-text,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-region .regions-select-region-icon,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-contacts-main a,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-call,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-search .search-title-button-icon,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-search .search-title-button-text,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-authorization .widget-authorization-panel .widget-authorization-personal-text,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-basket .sale-basket-icons-items .sale-basket-icons-item .sale-basket-icons-item-icon,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-basket .sale-basket-icons-items .sale-basket-icons-item-counter,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-basket .sale-basket-small-items .sale-basket-small-tab .sale-basket-small-tab-icon,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view-desktop .widget-basket .sale-basket-small-items {
    color: #555555 !important;
}

/* Ховер — чуть темнее */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-basket .sale-basket-small-tab:hover .sale-basket-small-tab-icon,
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-basket .sale-basket-small-tab:hover .sale-basket-small-tab-icon,
.c-header.c-header-template-1.widget-transparent[data-color=white] .widget-view.widget-view-desktop .widget-basket .sale-basket-small-tab:hover .sale-basket-small-tab-icon {
    color: #333333 !important;
}


/* =====================================================
   8. СЧЁТЧИКИ КОРЗИНЫ/ИЗБРАННОГО — БЕЛЫЕ НА КРАСНОМ
   ===================================================== */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-item-count,
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-item-count {
    color: #ffffff !important;
}


/* =====================================================
   9. КРАСНАЯ ПОЛОСА МЕНЮ — РАСТЯЖКА НА ВСЮ ШИРИНУ
   ===================================================== */

/* Растягиваем родительский контейнер меню */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child > .intec-content-wrapper {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Виджет меню и компонент меню */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .widget-menu,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Красная полоса на всю ширину с внутренними отступами */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper.intec-cl-background {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    background-color: #d40700 !important;
}

/* Пункты меню по центру в рамках 1384px */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper-2 {
    max-width: 1384px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Текст пунктов меню на красной полосе — белый */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper.intec-cl-background .menu-wrapper-4 > .menu-item > .menu-item-text,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper.intec-cl-background .menu-wrapper-4 > .menu-item > .menu-item-text .menu-item-text-wrapper,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper.intec-cl-background .menu-wrapper-4 > .menu-item > .menu-item-text .menu-item-text-icon,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper.intec-cl-background .menu-wrapper-4 > .menu-item > .menu-item-text .menu-item-text-icon i {
    color: #ffffff !important;
}

/* Активный пункт и наведение — белый текст */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper.intec-cl-background .menu-item:hover > .menu-item-text .menu-item-text-wrapper,
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper.intec-cl-background .menu-item.menu-item-active > .menu-item-text .menu-item-text-wrapper {
    color: #ffffff !important;
}

/* Фон пункта при наведении */
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-view-desktop-10 > .intec-content:last-child .ns-bitrix.c-menu.c-menu-horizontal-1 .menu-wrapper.intec-cl-background .menu-item:hover {
    background-color: #ff1008 !important;
}


/* =====================================================
   10. БОЛЬШОЙ БАННЕР НЕ НАЛЕЗАЕТ НА МАЛЫЕ БАННЕРЫ
   ===================================================== */

/* Десктоп: возвращаем малые баннеры в поток под слайдером */
@media (min-width: 769px) {
    .widget.c-slider.c-slider-template-3 .widget-content[data-blocks-position="bottom"] .widget-blocks {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        margin-top: 10px !important;
        z-index: 1 !important;
    }

    /* Убираем возможный нижний отступ у слайдера, который создавал наложение */
    .widget.c-slider.c-slider-template-3 .widget-content[data-blocks-position="bottom"] .widget-slider {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* =====================================================
   10.1. Отступ между малыми баннерами на мобильных
   ===================================================== */

@media (max-width: 768px) {
    /* Разрешаем контейнеру расти — иначе два баннера в столбик не влезут */
    .widget.c-slider.c-slider-template-3 .widget-blocks {
        height: auto !important;
        min-height: 0 !important;
    }

    /* Разделяем баннеры отступом */
    .widget.c-slider.c-slider-template-3 .widget-blocks .widget-block {
        margin-bottom: 10px !important;
    }

    /* Убираем лишний отступ у последнего */
    .widget.c-slider.c-slider-template-3 .widget-blocks .widget-block:last-child {
        margin-bottom: 0 !important;
    }
}


/* =====================================================
   11. УПРАВЛЕНИЕ ТЕКСТОМ МАЛЫХ БАННЕРОВ
   Все настройки задаются через переменные ниже
   ===================================================== */

.widget.c-slider.c-slider-template-3 .widget-blocks {
    /* ---------- ОБЩИЕ НАСТРОЙКИ ---------- */
    --wb-text-align: center;
    --wb-font-family: 'Montserrat-local', sans-serif;

    /* Тень текста — оставляем, чтобы читалось на фоне картинки,
       но чуть мягче, так как теперь цвета тёмные */
    --wb-text-shadow: 0 2px 10px rgba(255, 255, 255, 0.4);

    --wb-fade-opacity: 0;

    /* ---------- ЗАГОЛОВОК (крупный) ---------- */
    --wb-header-color: #1d2b4e;
    --wb-header-size: clamp(20px, 2.5vw, 42px);
    --wb-header-weight: 700;
    --wb-header-transform: none;
    --wb-header-line-height: 1.15;

    /* ---------- ПОДЗАГОЛОВОК ("Акция") ---------- */
    --wb-desc-color: #d40700;
    --wb-desc-size: clamp(14px, 1.6vw, 24px);   /* было 12/1.2/20 */
    --wb-desc-weight: 600;                       /* было 400 — сделал жирнее */
    --wb-desc-transform: uppercase;
    --wb-desc-line-height: 1.3;

    /* ---------- ОТСТУПЫ ---------- */
    --wb-text-padding: clamp(10px, 1.5vw, 20px);
}


/* =====================================================
   12. ПРИМЕНЕНИЕ НАСТРОЕК МАЛЫХ БАННЕРОВ
   ===================================================== */

/* Центрируем текст по вертикали и горизонтали */

.widget.c-slider.c-slider-template-3 .widget-blocks .widget-block-text {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    padding: var(--wb-text-padding) !important;
    font-family: var(--wb-font-family) !important;
    text-align: var(--wb-text-align) !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
    /* УБИРАЕМ ГРАДИЕНТ С ТЕКСТОВОГО БЛОКА БАННЕРА */
	background: none !important;
    background-image: none !important;
	
}

/* Заголовок — разрешаем перенос, убираем обрезку */
.widget.c-slider.c-slider-template-3 .widget-blocks .widget-block-text .widget-block-header {
    color: var(--wb-header-color) !important;
    font-size: var(--wb-header-size) !important;
    font-weight: var(--wb-header-weight) !important;
    text-transform: var(--wb-header-transform) !important;
    line-height: var(--wb-header-line-height) !important;
    text-shadow: var(--wb-text-shadow) !important;

    /* Ключевое — снимаем обрезку */
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    display: block !important;
    max-height: none !important;
    height: auto !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    flex: 0 0 auto !important;
}

/* Подзаголовок */
.widget.c-slider.c-slider-template-3 .widget-blocks .widget-block-text .widget-block-description {
    color: var(--wb-desc-color) !important;
    font-size: var(--wb-desc-size) !important;
    font-weight: var(--wb-desc-weight) !important;
    text-transform: var(--wb-desc-transform) !important;
    line-height: var(--wb-desc-line-height) !important;
    text-shadow: var(--wb-text-shadow) !important;

    white-space: normal !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
}

/* Затемнение фона.  Перебивает дефолтный фон fade-слоя Intec (иначе на hover появляется серый)*/
.widget.c-slider.c-slider-template-3 .widget-blocks .widget-block-fade {
    background: rgba(0, 0, 0, var(--wb-fade-opacity)) !important;
    opacity: 1 !important;
}

/* =====================================================
   13. Кнопки в попапе корзины — приоритет над шапкой
   ===================================================== */

/* "Перейти в корзину" (intec-ui-scheme-current) — белый текст на красном */
.c-header.c-header-template-1.widget-transparent[data-color=white] 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-footer .sale-basket-small-footer-order-button.intec-ui-scheme-current,
.c-header.c-header-template-1.widget-transparent[data-color=white] 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-footer .sale-basket-small-footer-order-button.intec-ui-scheme-current * {
    color: #ffffff !important;
    background-color: #d40700 !important;
    border-color: #d40700 !important;
}

/* "Оформить заказ" (без intec-ui-scheme-current) — серый текст на светло-сером */
.c-header.c-header-template-1.widget-transparent[data-color=white] 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-footer .sale-basket-small-footer-order-button:not(.intec-ui-scheme-current),
.c-header.c-header-template-1.widget-transparent[data-color=white] 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-footer .sale-basket-small-footer-order-button:not(.intec-ui-scheme-current) * {
    color: #555555 !important;
    background-color: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
}

/* Те же кнопки на страницах без прозрачной шапки */
.c-header.c-header-template-1 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-footer .sale-basket-small-footer-order-button.intec-ui-scheme-current,
.c-header.c-header-template-1 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-footer .sale-basket-small-footer-order-button.intec-ui-scheme-current * {
    color: #ffffff !important;
    background-color: #d40700 !important;
    border-color: #d40700 !important;
}

.c-header.c-header-template-1 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-footer .sale-basket-small-footer-order-button:not(.intec-ui-scheme-current),
.c-header.c-header-template-1 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-footer .sale-basket-small-footer-order-button:not(.intec-ui-scheme-current) * {
    color: #555555 !important;
    background-color: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
}

/* =====================================================
   13.5. ФИКСИРОВАННАЯ ШАПКА (вспомогательное меню при скролле)
   Тот же попап корзины, но в контексте .widget-view-fixed .widget-wrapper-3.
   Специфичность выше, чем у правила .widget-wrapper-3 * из пункта 6,
   поэтому наши цвета побеждают без правки существующих правил.
   ===================================================== */

/* --- Кнопка "Перейти в корзину" — белый на красном --- */
.c-header.c-header-template-1 
.widget-view.widget-view-fixed .widget-wrapper-3 
.sale-basket-small-footer .sale-basket-small-footer-order-button.intec-ui-scheme-current,
.c-header.c-header-template-1 
.widget-view.widget-view-fixed .widget-wrapper-3 
.sale-basket-small-footer .sale-basket-small-footer-order-button.intec-ui-scheme-current *,
.c-header.c-header-template-1 
.widget-view.widget-view-fixed .widget-wrapper-3 
.sale-basket-small-footer .sale-basket-small-footer-order-button.intec-ui-scheme-current i {
    color: #ffffff !important;
    background-color: #d40700 !important;
    border-color: #d40700 !important;
}

/* --- Кнопка "Оформить заказ" — серый на светло-сером --- */
.c-header.c-header-template-1 
.widget-view.widget-view-fixed .widget-wrapper-3 
.sale-basket-small-footer .sale-basket-small-footer-order-button:not(.intec-ui-scheme-current),
.c-header.c-header-template-1 
.widget-view.widget-view-fixed .widget-wrapper-3 
.sale-basket-small-footer .sale-basket-small-footer-order-button:not(.intec-ui-scheme-current) *,
.c-header.c-header-template-1 
.widget-view.widget-view-fixed .widget-wrapper-3 
.sale-basket-small-footer .sale-basket-small-footer-order-button:not(.intec-ui-scheme-current) i {
    color: #555555 !important;
    background-color: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
}

/* --- Счётчик корзины — белая цифра на красном --- */
.c-header.c-header-template-1 
.widget-view.widget-view-fixed .widget-wrapper-3 
.sale-basket-small-tab-counter {
    color: #ffffff !important;
}

/* =====================================================
   13.6. Счётчик корзины в статичной десктопной шапке
   Контекст: внутренние страницы (без [data-color=white]).
   Перебивает правило .widget-container * { color: #555 }
   из пункта 6.
   ===================================================== */

.c-header.c-header-template-1 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-tab-counter,
.c-header.c-header-template-1 
.widget-view.widget-view-desktop .widget-container 
.sale-basket-small-tab-counter.intec-cl-background-dark {
    color: #ffffff !important;
}

/* =====================================================
   14. Виджеты на ультрашироких мониторах — 1384px
   Баннер категорий (c-categories-template-17) и форма-CTA
   (c-form-template-1) растягивались на всю ширину viewport.
   Ограничиваем до ширины стандартного контента Intec и
   центрируем. Бока остаются белыми.
   ===================================================== */

@media (min-width: 1921px) {

    /* Баннер категорий ("Вопрос?") */
    .widget.c-categories.c-categories-template-17 {
        max-width: 1344px;      /* 1384 - 20 - 20 = визуальный край эталона */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Форма-CTA */
    .widget.c-form.c-form-template-1 {
        max-width: 1344px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}