/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* =========================================================
   КАСТОМНЫЕ СТИЛИ WOODMART
   Оглавление:
   1. ГЛОБАЛЬНЫЕ ЭЛЕМЕНТЫ (Шапка, Подвал, Меню, Блог, Ссылки)
   2. ПРОЕКТЫ И ПОРТФОЛИО
   3. КАТАЛОГ: КАРТОЧКИ ТОВАРОВ И КАТЕГОРИЙ (Выравнивание, Шрифты)
   4. ФИЛЬТРЫ ТОВАРОВ (WPC Filters)
========================================================= */

/* =========================================================
   1. ГЛОБАЛЬНЫЕ ЭЛЕМЕНТЫ
========================================================= */

/* Глобальные ссылки (Проверь переменную --text-align, для цвета обычно используется другая) */
/*a { color: var(--e-global-color-text); }

/* Хедер: размеры кнопок и скругления */
.wd-tools-element:is(.wd-design-6,.wd-design-7) :is(.wd-tools-inner,.wd-tools-icon) { height: 40px !important; border-radius: 5px !important; }
.wd-sticky-nav-title, .wd-header-cats.wd-style-1 .menu-opener { border-radius: 5px !important; }
.menu-item .wd-nav-img { border-radius: 0 !important; }
.wd-header-cats.wd-style-1 .menu-opener { padding: 10px 15px !important; min-width: 150px !important; height: 45px !important; }

/* Подменю WoodMart: отступы пунктов */
.wd-sub-menu .sub-sub-menu > li { margin-bottom: 7px !important; margin-top: 0 !important; }
.wd-sub-menu .sub-sub-menu > li:last-child { margin-bottom: 0 !important; }
.wd-sub-menu .sub-sub-menu > li > a { padding-top: 0 !important; padding-bottom: 0 !important; display: block !important; }

/* Блог: растягиваем заголовки и цитаты на всю ширину */
.wd-post-title { width: 100%; }
.wd-post-title a, .wd-post-excerpt { display: block; width: 100%; }

/* Футер: линия копирайта */
.wd-copyrights { border-top: 1px solid rgb(255 255 255 / 40%) !important; }


/* =========================================================
   2. ПРОЕКТЫ И ПОРТФОЛИО
========================================================= */

/* Скрываем кнопки и мета-данные */
.wd-projects .wd-portfolio-btns, 
.wd-projects .portfolio-info .wrap-meta { display: none !important; }

/* Убираем тени и отступы у карточки */
.wd-projects .portfolio-entry { box-shadow: none !important; border: none !important; background: 0 0 !important; margin-bottom: 30px !important; }
.wd-projects .entry-header { margin-bottom: 0 !important; border: none !important; }

/* Настройка картинки: пропорции 4:3 и зум при наведении */
.wd-projects .entry-thumbnail { aspect-ratio: 4/3 !important; height: auto !important; overflow: hidden; border-radius: 0 !important; margin: 0 !important; }
.wd-projects .entry-thumbnail img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .5s ease; }
.wd-projects .portfolio-entry:hover .entry-thumbnail img { transform: scale(1.05); }

/* Текст поверх картинки (градиент и позиционирование) */
.wd-projects .portfolio-info { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; padding: 20px !important; z-index: 5; background: linear-gradient(to top, rgba(0,0,0,.8), transparent) !important; pointer-events: none; text-align: left !important; opacity: 1 !important; }
.wd-projects .portfolio-info .wd-entities-title { font-size: 18px !important; font-weight: 700 !important; line-height: 1.2em !important; margin: 0 !important; }
.wd-projects .portfolio-info .wd-entities-title a { color: #fff !important; text-decoration: none !important; }


/* =========================================================
   3. КАТАЛОГ: КАРТОЧКИ ТОВАРОВ И КАТЕГОРИЙ
========================================================= */

/* Скрываем цены и наличие в сетке товаров */
.product-wrapper .product-element-bottom .wrap-price, 
.product-wrapper .product-element-bottom .price,
.product-grid-item .wd-product-stock, 
.product-grid-item .price { display: none !important; }

/* Размер шрифта для атрибутов в карточке товара */
html body .card-attributes .card-attr { font-size: 13px !important; }
@media (max-width: 767px) {
    html body .card-attributes .card-attr { font-size: 12px !important; }
}

/* --- ВЫРАВНИВАНИЕ ВЫСОТЫ КАРТОЧЕК КАТЕГОРИЙ --- */
html body .category-grid-item { display: flex !important; }
html body .category-grid-item .wd-cat-wrap,
html body .category-grid-item .wd-cat-inner { width: 100% !important; height: 100% !important; }
html body .category-grid-item .wd-cat-inner { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
.wd-cat-content { padding: 0px 10px 0px 10px !important; padding-top: 15px !important; }

/* Убираем скругление углов у иконок категорий */
.wd-cat-thumb.category-image-wrapp,
.wd-cat-thumb.category-image-wrapp .wd-cat-image,
.wd-cat-thumb.category-image-wrapp img { border-radius: 0 !important; }
html .wd-cat-thumb.category-image-wrapp { overflow: visible !important; }

/* --- УНИВЕРСАЛЬНОЕ ВЫРАВНИВАНИЕ ВЫСОТЫ ТОВАРОВ (СЕТКА + КАРУСЕЛЬ) --- */
/* Карусель */
.wd-carousel .wd-carousel-wrap{height:auto!important;align-items:stretch!important;display:flex!important}.wd-carousel .wd-carousel-item{height:auto!important;display:flex!important}.wd-carousel .wd-product,.wd-carousel .wd-product-wrapper,.wd-carousel .wd-product-wrapper>.wp-block-wd-container{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important}.wd-carousel .wd-product-sku{margin-bottom:auto!important}.wd-carousel .wd-el-hook{min-height:70px!important}

/* 1. Глобальная структура карточки (уравнивает все карточки в ряду) */
.wd-product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.wd-product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex-grow: 1 !important;
}

.wd-product .wd-product-wrapper > .wp-block-wd-container {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 2. Заголовок: Умная высота (минимум для 2 строк, максимум для 3) */
html body .wd-product h3.wd-loop-prod-title { 
    height: auto !important; 
    min-height: 46px !important; 
    max-height: 72px !important; /* Ровно 3 строки */
    display: block !important; 
    overflow: hidden !important; 
    white-space: normal !important; 
    margin-bottom: 5px !important; 
    line-height: 1.2em !important; 
}

/* 3. Блок характеристик: "Пружина", которая толкает всё вниз к кнопкам */
.wd-el-hook {
    margin-top: auto !important;
}
/* =========================================================
   4. ФИЛЬТРЫ ТОВАРОВ (WPC Filters)
========================================================= */

/* Глобальные переменные и ползунок цены (#7D26B1) */
html body .wpc-filters-widget-wrapper { --wpc-color-primary: #7D26B1 !important; --wpc-primary-color: #7D26B1 !important; }
html body .wpc-filters-widget-wrapper .ui-slider .ui-slider-range { background-color: #7D26B1 !important; }
html body .wpc-filters-widget-wrapper .ui-slider .ui-slider-handle { border-color: #7D26B1 !important; }
html body .wpc-filters-widget-wrapper .ui-slider .ui-slider-handle:hover,
html body .wpc-filters-widget-wrapper .ui-slider .ui-slider-handle:active { background-color: #7D26B1 !important; }

/* Сетка и колонки */
html body .wpc-filters-widget-wrapper .wpc-filter-layout-checkboxes ul.wpc-filters-ul-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; column-gap: 10px !important; row-gap: 8px !important; }
html body .wpc-filters-widget-wrapper .wpc-filter-pa_vysota-vzleta ul.wpc-filters-ul-list { grid-template-columns: 1fr !important; }
html body .wpc-filters-widget-wrapper .wpc-filter-layout-checkboxes ul.wpc-filters-ul-list li.wpc-term-item { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: flex-start !important; }
@media (max-width: 767px) { html body .wpc-filters-widget-wrapper .wpc-filter-layout-checkboxes ul.wpc-filters-ul-list { grid-template-columns: 1fr !important; } }

/* Текстовые поля и выпадающие списки (убиваем синие рамки) */
html body .wpc-sorting-form .select2-container--default .select2-selection--single:hover,
html body .wpc-sorting-form .select2-container--default.select2-container--focus .select2-selection--single,
html body .wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single,
html body .wpc-filters-widget-content input[type=number]:hover, 
html body .wpc-filters-widget-content input[type=number]:focus,
html body .wpc-filters-widget-content input[type=number]:active,
html body .wpc-filters-widget-content input[type=text]:hover,
html body .wpc-filters-widget-content input[type=text]:focus,
html body .wpc-filters-widget-content input[type=text]:active { border-color: #7D26B1 !important; box-shadow: none !important; outline-color: #7D26B1 !important; }

/* Чекбоксы (Стандартные списки - Высота) */
html body .wpc-filters-widget-wrapper .wpc-checkbox-item input[type="checkbox"] { accent-color: #7D26B1 !important; }
html body .wpc-filters-main-wrap input[type=radio]:hover, 
html body .wpc-filters-main-wrap input[type=checkbox]:hover,
html body .wpc-filters-main-wrap .wpc-checkbox-item input[type=checkbox]:hover + label::before { border-color: #7D26B1 !important; }
html body .wpc-filters-main-wrap input[type=radio]:checked, 
html body .wpc-filters-main-wrap input[type=checkbox]:checked { border-color: #7D26B1 !important; }
html body .wpc-filters-main-wrap .wpc-checkbox-item input[type=checkbox]:checked + label::before,
html body .wpc-filters-widget-wrapper .wpc-checkbox-item input[type="checkbox"]:checked + label::before,
html body .wpc-filters-widget-wrapper .wpc-checkbox-item input[type="checkbox"]:checked ~ label::before { background-color: #7D26B1 !important; border-color: #7D26B1 !important; }
html body .wpc-filters-main-wrap input[type=checkbox]:after { background-color: #7D26B1 !important; }
html body .wpc-filters-widget-wrapper .wpc-checkbox-item input[type="checkbox"]:checked + label::after { color: #ffffff !important; }

/* Кнопки/Чипы (Калибр) - Базовый вид */
html body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label { margin-right: 5px !important; border: 1px solid #7D26B1 !important; border-radius: 5px !important; transition: all 0.3s ease !important; background-color: transparent !important; }
html body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper { padding: 5px 5px !important; }
html body .wpc-filter-link { margin-right: 0px !important; transition: all 0.3s ease !important; }

/* Жестко вырезаем системные синие квадратики из чипов */
html body .wpc-filters-main-wrap .wpc-label-item label::before,
html body .wpc-filters-main-wrap .wpc-label-item label::after,
html body .wpc-filters-main-wrap .wpc-label-item input[type=checkbox]:after,
html body .wpc-filters-main-wrap input.wpc-label-input:after { display: none !important; content: none !important; background-color: transparent !important; }

/* Кнопки/Чипы - Наведение, клик и активное состояние */
html body .wpc-filters-main-wrap input.wpc-label-input + label:hover,
html body .wpc-filters-main-wrap input.wpc-label-input:checked + label,
html body .wpc-filters-main-wrap input.wpc-label-input:focus + label,
html body .wpc-filters-main-wrap input.wpc-label-input:active + label,
html body .wpc-filters-main-wrap .wpc-label-item:hover label { background-color: #7D26B1 !important; border-color: #7D26B1 !important; box-shadow: none !important; outline: none !important; }
html body .wpc-filters-main-wrap input.wpc-label-input + label:hover *,
html body .wpc-filters-main-wrap input.wpc-label-input:checked + label *,
html body .wpc-filters-main-wrap .wpc-label-item:hover label *,
html body .wpc-filters-main-wrap .wpc-label-item a.wpc-filter-link:hover,
html body .wpc-filters-main-wrap .wpc-label-item label:hover a.wpc-filter-link { background-color: transparent !important; color: #ffffff !important; text-decoration: none !important; }
html body .wpc-filters-main-wrap .wpc-label-item a.wpc-filter-link:focus,
html body .wpc-filters-main-wrap .wpc-label-item a.wpc-filter-link:active { outline: none !important; box-shadow: none !important; }


/* Скругление для иконок 6 и 7 дизайна */
.wd-tools-element:is(.wd-design-6, .wd-design-7) :is(.wd-tools-inner, .wd-tools-icon) {
    border-radius: 8px !important;
}

/* Цветная рамка конкретно для 6 дизайна */
.wd-tools-element[class*="wd-design-6"] > a > :is(.wd-tools-inner, .wd-tools-icon) {
    border: 2px solid #7F4FAE !important;
}
/* =========================================================
   5. ХЕДЕР
========================================================= */
/* Скругление для иконок 6 и 7 дизайна */
.wd-tools-element:is(.wd-design-6, .wd-design-7) :is(.wd-tools-inner, .wd-tools-icon) {
    border-radius: 8px !important;
}

/* Цветная рамка конкретно для 6 дизайна */
.wd-tools-element[class*="wd-design-6"] > a > :is(.wd-tools-inner, .wd-tools-icon) {
    border: 2px solid #7F4FAE !important;
}

/* Цвет ссылок и внутренние отступы (объединенный блок) */
.wd-tools-element > a {
    color: #7F4FAE !important;
    padding-inline: 5px !important;
}

/* =========================================================
   6. Покраска бонусной системы
========================================================= */
.bfw-spisanie-blocks-button {
    border: 2px solid var(--e-global-color-primary);
    border-radius: 8px;
}
.computy_skidka_form.open {
    border: 1px solid var(--e-global-color-primary);
    border-top: 1;
    border-radius: 8px;
    margin-top: 10px;
}
tr.order-cashback th, 
tr.order-cashback td,
tr.order-cashback span {
    font-size: 18px !important;
}
span.order-cashback-title {
    font-weight: 700 !important;
}
.how_mach_bonus {
    font-size: 18px !important;
}
.how_mach_bonus .how_mach_bonus_title {
    font-size: 18px !important;
    font-weight: 600 !important;
}
/* =========================================================
   7. Кнопка загрузить больше
========================================================= */
.wd-load-more {
    --btn-color: var(--btn-accented-bgcolor) !important;
    --btn-color-hover: var(--btn-default-bgcolor-hover) !important;
    --btn-brd-color: var(--btn-accented-bgcolor) !important;
    --btn-brd-color-hover: var(--btn-default-bgcolor-hover) !important;
    --btn-bgcolor: transparent !important;
    --btn-bgcolor-hover: transparent !important;
    --btn-brd-width: 2px !important;
    border-radius: 8px !important;
}

/* Скрываем кнопку боковой панели WoodMart ТОЛЬКО в карточке товара */
.single-product .wd-toolbar-sidebar.wd-tools-element {
    display: none !important;
}

/* ============================================================================ */
/* ФОРМАТ "ЭКРАН ТЕЛЕФОНА" ДЛЯ ГАЛЕРЕИ (STORIES) C ОБВОДКОЙ                   */
/* ============================================================================ */

/* Обертка картинки: задаем закругления, тень и обводку */
.wd-gallery-item a {
    display: block;
    overflow: hidden;
    
    /* 1. Настройка закруглений (border-radius) */
    border-radius: 16px !important; 
    
    /* 2. Добавляем жёлтую обводку в 2 пикселя (#FFD400) */
    border: 2px solid #FFD400 !important; 
    
    /* 3. Тень для объема (по желанию) */
    box-shadow: 0 4px 10px rgba(0,0,0,0.08); 
    
    /* Обеспечиваем правильное выравнивание обводки */
    box-sizing: border-box !important;
}

/* Сама картинка: вытягиваем в новую пропорцию */
.wd-gallery-item img {
    width: 100% !important;
    height: auto !important;
    
    /* 4. НОВОЕ СООТНОШЕНИЕ СТОРОН: 10 на 16 стороны */
    aspect-ratio: 10 / 16 !important; 
    
    /* 5. Заполняем прямоугольник без искажения */
    object-fit: cover !important; 
    object-position: center !important; /* Центрируем кадр */
}
/* ============================================================================ */
/* ФИКС ДЛЯ SAFARI IOS: ВОЗВРАЩАЕМ КНОПКУ PLAY ПОВЕРХ КАРТИНКИ                  */
/* ============================================================================ */

/* Заставляем Safari создать отдельный 3D-слой для обертки */
.wd-images-gallery .wd-gallery-item a {
    position: relative !important;
    -webkit-transform: translateZ(0); /* Магия для Safari */
    transform: translateZ(0);
}

/* Жестко уводим картинку на задний план */
.wd-images-gallery .wd-gallery-item img {
    position: relative;
    z-index: 1 !important;
}

/* Принудительно вытягиваем кнопку Play на самый верх */
.wd-images-gallery .wd-gallery-item a::after {
    z-index: 99 !important;
}

/* И затемнение при наведении тоже ставим между картинкой и кнопкой */
.wd-images-gallery .wd-gallery-item a::before {
    z-index: 10 !important;
}
/* ============================================================================ */
/* РАВНОМЕРНОЕ ЗАТЕМНЕНИЕ ФОНА КАТЕГОРИЙ (ФИРМЕННЫЙ ЦВЕТ)                       */
/* ============================================================================ */

/* 1. Внутренняя часть всегда должна быть прозрачной, чтобы не было наслоений */
.category-grid-item .wd-cat-inner {
    background-color: transparent !important;
}

/* 2. Плавный переход применяем только к внешней обертке */
.category-grid-item .wd-cat-wrap {
    transition: background-color 0.3s ease !important;
}

/* 3. Затемняем только внешнюю обертку при наведении (Чуть темнее чем #F4ECFA) */
.category-grid-item:hover .wd-cat-wrap {
    background-color: #E6D8F0 !important;
}

/* 4. Такой же ровный фон для открытой (активной) категории */
.category-grid-item.current-cat .wd-cat-wrap,
.category-grid-item.current-cat-parent .wd-cat-wrap,
.category-grid-item.wd-active .wd-cat-wrap {
    background-color: #E6D8F0 !important;
}
/* =========================================================
   УПРАВЛЕНИЕ ПУНКТАМИ МЕНЮ (ПК / МОБИЛКА)
========================================================= */

/* Скрываем "мобильный" пункт на ПК (экраны шире 1024px) */
@media (min-width: 1025px) {
    html body li.mobile-only {
        display: none !important;
    }
}

/* Скрываем "компьютерный" пункт на телефонах и планшетах (экраны до 1024px) */
@media (max-width: 1024px) {
    html body li.desktop-only {
        display: none !important;
    }
}


/* =========================================================
   УПРАВЛЕНИЕ ЧЛЕНАМИ КОМАНДЫ
========================================================= */
/* Делаем текст, заголовки и ссылки белыми */
.member-details .member-name,
.member-details .member-position,
.member-details .member-bio,
.member-details .member-bio p,
.member-details .member-bio a {
    color: #ffffff !important;
}

/* При наведении на ссылки можно сделать их чуть прозрачными, чтобы было понятно, что они кликабельные */
.member-details .member-bio a:hover {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Отступы 10px между абзацами (имя, должность, контакты) */
.member-details .member-name,
.member-details .member-position,
.member-details .member-bio p {
    margin-bottom: 10px !important;
}

/* Убираем лишний отступ у самого нижнего элемента, чтобы карточка не разъезжалась */
.member-details .member-bio p:last-child {
    margin-bottom: 0 !important;
}
/* =========================================================
   АНИМАЦИЯ МЕНЮ 2 УРОВНЯ
========================================================= */
/* Подготавливаем ссылки в дропдауне */
ul.wd-sub-menu li.item-level-1 > a.woodmart-nav-link {
    position: relative;
}

/* Создаем саму линию */
ul.wd-sub-menu li.item-level-1 > a.woodmart-nav-link::after {
    content: '';
    position: absolute;
    bottom: 5px; /* Насколько низко висит линия (можешь менять: 5px, 10px) */
    left: 0px; /* Отступ слева (в WoodMart текст в дропдауне обычно сдвинут на 20px) */
    width: 0;
    height: 2px; /* Толщина полосы */
    background-color: var(--wd-primary-color); /* Идеально подтянет твой фирменный фиолетовый из настроек! */
    transition: width 0.3s ease-in-out;
}

/* Запускаем заливку при наведении */
ul.wd-sub-menu li.item-level-1:hover > a.woodmart-nav-link::after {
    width: calc(100% - 40px); /* 100% ширины минус отступы по бокам (20+20) */
}


/* =========================================================
   ХОВЕР НА КАРТОЧКУ ТОВАРА
========================================================= */
/* 1. Задаем карточке скругление 12px и базовую серую обводку 2px */
.wd-product .wd-product-wrapper {
    border-radius: 12px !important;
    border: 2px solid #e6e8ea !important; /* Базовый серый цвет обводки (замени, если у тебя другой) */
    box-shadow: none !important; /* Убиваем стандартные тени Вудмарта, чтобы они не мешали */
    transition: border-color 0.3s ease !important;
    overflow: hidden; /* Чтобы внутренние элементы не вылезали за скругленные углы */
}

/* 2. Меняем цвет обводки на 2px фиолетовый ТОЛЬКО при наведении */
.wd-product:hover .wd-product-wrapper {
    border-color: var(--wd-primary-color) !important;
}

/* Убираем рамки у внутренних блоков, если мой прошлый код успел их там оставить */
.wd-product .wp-block-wd-container {
    border: none !important;
    box-shadow: none !important;
}

/* =========================================================
   КУКИСЫ
========================================================= */
/* Перекрашиваем фон всей плашки Cookie */
.wd-cookies-popup {
    background-color: #F4ECFA !important;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.05) !important; /* Легкая тень, чтобы плашка не сливалась с белым сайтом */
}

/* Делаем внутреннюю обертку прозрачной, чтобы она не перебивала наш фон */
.wd-cookies-popup .wd-cookies-inner {
    background-color: transparent !important;
}

/* Выстраиваем картинку и текст в одну линию с отступом 20px */
.wd-cookies-popup .cookies-info-text {
    display: flex !important;
    align-items: center !important; /* Ровняем иконку и текст по центру по вертикали */
    gap: 20px !important; /* Тот самый жесткий пробел в 20 пикселей */
    color: #002041 !important; /* Делаем текст темным, чтобы он хорошо читался на светлом фоне */
}

/* Настраиваем саму картинку, чтобы она не сжималась */
.wd-cookies-popup .cookies-info-text img {
    margin: 0 !important; /* Убиваем стандартные отступы WordPress */
    padding: 0 !important;
    flex-shrink: 0 !important; /* Запрещаем картинке сплющиваться, если текст длинный */
}

/* Страница сравнения товаров */
@media(min-width:1024px){.wd-compare-table{table-layout:fixed!important;width:100%!important}.wd-compare-table th.compare-field{width:20%!important}.wd-compare-table td.compare-value{width:16%!important;max-width:16%!important}.wd-compare-table tr::after{content:"";display:table-cell;width:auto;border:none!important;background:transparent!important;padding:0!important}}

/* ============================================================================
   УСМИРЯЕМ H2, H3, H4 В ОПИСАНИИ ТОВАРА (ЧТОБЫ НЕ ЛОМАЛИ ДИЗАЙН)
   ============================================================================ */

/* 1. Общие правила для всех заголовков в этом блоке (чтобы гармонировали с текстом) */
.kalita-desc-column-left h2,
.kalita-desc-column-left h3,
.kalita-desc-column-left h4 {
    line-height: 1.6 !important; /* Стандартный межстрочный интервал */
    margin: 0 0 15px 0 !important; /* Отступ снизу, как у обычного абзаца */
    padding: 0 !important;
    color: var(--wd-text-color) !important; /* Цвет как у остального текста */
    text-transform: none !important; /* Отключаем принудительные заглавные буквы */
    letter-spacing: normal !important;
}

/* 2. Индивидуальные размеры и жирность по ТЗ */
.kalita-desc-column-left h2 {
    font-size: 20px !important;
    font-weight: 500 !important;
}

.kalita-desc-column-left h3 {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.kalita-desc-column-left h4 {
    font-size: 16px !important;
    font-weight: 500 !important;
}