/* banner-text-fix v4 — matching UniTheme2 specificity */

/* Dark overlay on banner background for text readability */
.ut2-banner .ut2-a__bg-banner::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0,0,0,0.35) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
.ut2-banner .ut2-a__bg-banner {
    position: relative !important;
}
.ut2-banner .ut2-a__bg-banner .ut2-a__content {
    position: relative !important;
    z-index: 2 !important;
}

/* Semi-transparent dark background behind text block */
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__description .box {
    background: rgba(0,0,0,0.5) !important;
    padding: 20px 30px !important;
    border-radius: 8px !important;
}

/* Title text — white, bold, strong shadow (specificity >= theme) */
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title h1,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title span,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title strong,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title small {
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 3px 3px 6px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,0.8) !important;
}

/* Override weight classes */
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title.weight-300,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title.weight-400,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title.weight-700,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title.weight-900 {
    font-weight: 900 !important;
    text-shadow: 3px 3px 6px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,0.8) !important;
}

/* Override shadow class */
.ut2-banner .ut2-a__bg-banner.dark .ut2-a__title.shadow,
.ut2-banner .ut2-a__bg-banner.light .ut2-a__title.shadow {
    text-shadow: 3px 3px 6px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,0.8) !important;
}

/* Description text */
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__descr,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__descr span,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__descr strong {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.9), 0 0 12px rgba(0,0,0,0.6) !important;
}

/* Highlighted mark text inside banners — red text, no background */
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__title mark,
.ut2-banner .ut2-a__bg-banner .ut2-a__content .ut2-a__description mark {
    color: #e63218 !important;
    background: transparent !important;
    padding: 0 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
    border-radius: 0 !important;
}

/* Color override for light scheme banners */
.ut2-banner .ut2-a__bg-banner.light .ut2-a__title,
.ut2-banner .ut2-a__bg-banner.light .ut2-a__descr {
    color: #ffffff !important;
}

/* Button — keep clean */
.ut2-banner .ut2-a__button a,
.ut2-banner .ut2-a__button .ty-btn {
    text-shadow: none !important;
}

/* end banner-text-fix v4 */

/* leotabs — таблицы характеристик: расширенная ширина (только десктоп) */
@media (min-width: 768px) {
    .ty-wysiwyg-content.content-description,
    .ty-wysiwyg-content.content-description > div {
        overflow: visible !important;
    }
    .cm-tabs-content.ty-tabs__content {
        box-sizing: border-box !important;
    }
}

/* Мобильная версия — запрет горизонтального скролла */
@media (max-width: 767px) {
    body {
        overflow-x: hidden !important;
    }
    .cm-tabs-content.ty-tabs__content {
        max-width: 100% !important;
        width: 100% !important;
        overflow-x: auto !important;
    }
    .ut2-pb__img-wrapper,
    .ut2-pb__tabs {
        max-width: 100% !important;
        width: 100% !important;
    }
}
.leotabs {
    width: 100% !important;
}
.leotabs th {
    font-weight: 600 !important;
    background: #f5f7fa !important;
    border-bottom: 2px solid #ddd !important;
}
.leotabs td,
.leotabs th {
    padding: 10px 12px !important;
}
/* end leotabs fix */

/* catalog-menu-redesign v1 */

/* === ЛЕВАЯ ПАНЕЛЬ — фон, разделители === */
.ut2-menu-vetrtical .ut2-menu__inbox {
    background: #f7f8fa !important;
    border-right: 1px solid #e5e7eb !important;
    border-radius: 10px 0 0 10px !important;
}

/* Пункты левой панели — разделители и отступы */
.ut2-menu-vetrtical .ty-menu__item.first-lvl {
    border-bottom: 1px solid #e5e7eb !important;
    transition: background-color 0.15s ease !important;
}
.ut2-menu-vetrtical .ty-menu__item.first-lvl:last-child {
    border-bottom: none !important;
}

/* Hover на пункте — белый фон + левая полоска */
.ut2-menu-vetrtical .ty-menu__item.first-lvl:hover,
.ut2-menu-vetrtical .ty-menu__item.first-lvl.hover {
    background: #ffffff !important;
    box-shadow: inset 3px 0 0 #3b82f6 !important;
}

/* Иконки брендов — крупнее, скруглённые с рамкой */
.ut2-menu-vetrtical .ut2-mwi-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
    object-fit: contain !important;
    background: #fff !important;
    padding: 3px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

/* Ссылка пункта — больше отступы */
.ut2-menu-vetrtical .ty-menu__item-link.a-first-lvl {
    padding: 12px 14px !important;
}

/* Название бренда — крупнее и жирнее */
.ut2-menu-vetrtical .menu-lvl-ctn .v-center {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
}

/* Подпись "маслобензостойкие" — чуть крупнее */
.ut2-menu-vetrtical .menu-lvl-ctn .exp-mwi-text {
    color: #9ca3af !important;
    font-size: 12.5px !important;
    letter-spacing: 0.01em !important;
    margin-top: 2px !important;
}

/* === ПРАВАЯ ПАНЕЛЬ — ссылки карточками === */
.ut2-menu-vetrtical .ty-menu__submenu-items {
    padding: 20px 24px !important;
}

/* Колонки подменю — небольшой отступ между ними */
.ut2-menu-vetrtical .ty-menu__submenu-col {
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* === ГЛАВНЫЕ КАТЕГОРИИ (бренды) — крупные, выделенные === */
.ut2-menu-vetrtical .ty-menu__submenu-item-header .ty-menu__submenu-link {
    display: block !important;
    padding: 14px 18px !important;
    margin-bottom: 8px !important;
    border-radius: 10px !important;
    border: 2px solid #3b82f6 !important;
    background: #eff6ff !important;
    transition: all 0.2s ease !important;
    font-weight: 700 !important;
    color: #1e3a5f !important;
    font-size: 15px !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}
.ut2-menu-vetrtical .ty-menu__submenu-item-header .ty-menu__submenu-link:hover {
    background: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25) !important;
}

/* === ПОДКАТЕГОРИИ (диаметры) — компактные, лёгкие === */
.ut2-menu-vetrtical .ty-menu__submenu-item .ty-menu__submenu-link {
    display: block !important;
    padding: 9px 14px !important;
    margin-bottom: 5px !important;
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}
.ut2-menu-vetrtical .ty-menu__submenu-item .ty-menu__submenu-link:hover {
    background: #dbeafe !important;
    color: #1e40af !important;
    border-color: #93c5fd !important;
}

/* Отступ между группой бренд + его диаметры */
.ut2-menu-vetrtical .second-lvl {
    margin-bottom: 10px !important;
}

/* Контейнер подкатегорий — компактнее */
.ut2-menu-vetrtical .ty-menu__submenu-list {
    margin-top: 2px !important;
    padding-left: 0 !important;
}

/* === ПОДМЕНЮ БРЕНДОВ: строчная раскладка (слева направо) === */
/* Только для отдельных брендов (не "Все товары").
   В брендах submenu-list является прямым потомком .ty-menu__submenu,
   который лежит внутри .ty-menu__item с подкатегориями.
   Используем .hiddenCol — этот класс есть только у submenu-list подкатегорий */
.ut2-menu-vetrtical .ty-menu__submenu-list.hiddenCol {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    column-count: unset !important;
    columns: unset !important;
}
.ut2-menu-vetrtical .ty-menu__submenu-list.hiddenCol .ty-menu__submenu-item {
    width: auto !important;
    flex: 0 0 auto !important;
}

/* Убираем лишний отступ у заголовка подпункта */
.ut2-menu-vetrtical .ty-menu__submenu-item-header {
    margin: 0 !important;
    padding: 0 !important;
}

/* === ОБЩИЙ КОНТЕЙНЕР МЕНЮ === */
.ut2-menu-vetrtical {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Стрелка ">" у пунктов левой панели при hover */
.ut2-menu-vetrtical .ty-menu__item.first-lvl:hover .icon-right-dir,
.ut2-menu-vetrtical .ty-menu__item.first-lvl.hover .icon-right-dir {
    color: #3b82f6 !important;
}

/* end catalog-menu-redesign */