/* ===== ПОЛНЫЙ РАБОЧИЙ КОД ===== */

/* 1. СКРЫВАЕМ ОШИБКУ */
font[color="#FF0000"] {
    display: none !important;
}

/* 2. КНОПКА "ПЕРЕЗВОНИТЬ" */
.ht_callback .but_black {
    background: #ffd820 !important;
    border-radius: 25px !important;
    padding: 5px 18px !important;
    height: auto !important;
    font-size: 12px !important;
    box-shadow: none !important;
}
.ht_callback .but_black:hover {
    background: #000 !important;
    color: #ffd820 !important;
}

/* 3. ПОИСК */
.h_search {
    text-align: center !important;
    width: 100% !important;
    margin-top: 20px !important;
}
.h_search form {
    display: inline-flex !important;
    border: 1px solid #ddd !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    width: 400px !important;
    max-width: 100% !important;
}
.h_search input {
    flex: 1 !important;
    border: none !important;
    padding: 10px 15px !important;
}
.h_search .but_yellow {
    background: #ffd820 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    margin: 0 !important;
}

/* 4. ТЕЛЕФОНЫ */
.h_tel span a {
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #000000 !important;
}

/* 5. СКРЫВАЕМ РЕЙТИНГ */
.h_yReviews {
    display: none !important;
}

/* 6. КАРТОЧКИ ТОВАРОВ */
.d_item {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    margin-bottom: 25px !important;
    overflow: hidden !important;
}
.di_text a {
    display: inline-block !important;
    background: #ffd820 !important;
    color: #000 !important;
    padding: 8px 24px !important;
    border-radius: 40px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.di_text a:hover {
    background: #000 !important;
    color: #ffd820 !important;
}

/* 7. КАТАЛОГ — ГОРИЗОНТАЛЬНЫЕ КАРТОЧКИ */
.mc_body.mc_wrap.column_4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    margin: 50px 0 !important;
}

.mc_body.mc_wrap.column_4 > ul {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #f0f0f0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

.mc_body.mc_wrap.column_4 > ul:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 35px rgba(255, 216, 32, 0.2) !important;
    border-color: #ffd820 !important;
}

.mc_body.mc_wrap.column_4 > ul > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 110px !important;
    height: 110px !important;
    background: #f8f9fa !important;
    margin: 15px !important;
    border-radius: 16px !important;
}

.mc_body.mc_wrap.column_4 > ul > a img {
    max-height: 65px !important;
    max-width: 100% !important;
    width: auto !important;
}

.mc_body.mc_wrap.column_4 .catParent {
    text-align: left !important;
    padding: 15px !important;
    flex: 1 !important;
}

.mc_body.mc_wrap.column_4 .catParent a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
}

.mc_body.mc_wrap.column_4 > ul:hover .catParent a {
    color: #ffd820 !important;
}

.mc_body.mc_wrap.column_4 > ul li:not(.catParent) {
    display: none !important;
}

/* Планшеты */
@media screen and (max-width: 1024px) {
    .mc_body.mc_wrap.column_4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .mc_body.mc_wrap.column_4 > ul {
        flex-direction: column !important;
        text-align: center !important;
    }
    .mc_body.mc_wrap.column_4 > ul > a {
        width: 100% !important;
        height: 140px !important;
        margin: 0 !important;
        border-radius: 20px 20px 0 0 !important;
    }
    .mc_body.mc_wrap.column_4 .catParent {
        text-align: center !important;
    }
}

/* Мобильные */
@media screen and (max-width: 640px) {
    .mc_body.mc_wrap.column_4 {
        grid-template-columns: 1fr !important;
    }
    .mc_body.mc_wrap.column_4 > ul {
        flex-direction: row !important;
        text-align: left !important;
    }
    .mc_body.mc_wrap.column_4 > ul > a {
        width: 85px !important;
        height: 85px !important;
        margin: 12px !important;
    }
    .mc_body.mc_wrap.column_4 .catParent {
        text-align: left !important;
    }
    .mc_body.mc_wrap.column_4 .catParent a {
        font-size: 13px !important;
    }
}
/* ===== МИНИМАЛЬНЫЕ СТИЛИ ДЛЯ ШАПКИ ===== */

/* Убираем лишние элементы */
.h_yReviews:before,
.h_yReviews:after {
    display: none !important;
}

.h_tel::before {
    content: none !important;
}

/* Делаем рейтинг в одну строку */
.h_yReviews {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: none !important;
    background: #f5f5f5 !important;
    padding: 5px 15px !important;
    border-radius: 30px !important;
}

.h_yReviews .hr_left,
.h_yReviews img,
.h_yReviews a {
    float: none !important;
    margin: 0 !important;
}

/* Кнопка Перезвонить */
.ht_callback .but_black {
    background: #ffd820 !important;
    border-radius: 25px !important;
    padding: 5px 18px !important;
    height: auto !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

/* Поиск */
.h_search form {
    display: flex !important;
    border: 1px solid #ddd !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.h_search input {
    flex: 1 !important;
    border: none !important;
    padding: 10px 15px !important;
}

.h_search .but_yellow {
    background: #ffd820 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    margin: 0 !important;
}
/* ===== СТИЛИ ДЛЯ ГРАФИКА РАБОТЫ И АДРЕСА ===== */

/* Общие стили для всего блока */
.h_address {
    font-family: 'proxima_nova';
}

/* ГРАФИК РАБОТЫ — заголовок */
.h_address li:first-child {
    font-family: 'proxima_nova';
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #000000 !important;
    margin-bottom: 8px !important;
}

/* Пн-Пт с 10:00 до 19:00 */
.h_address li:nth-child(2) {
    font-family: 'proxima_nova';
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #333333 !important;
    margin-bottom: 4px !important;
}

/* Сб с 10:00 до 16:00 */
.h_address li:nth-child(3) {
    font-family: 'proxima_nova';
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #333333 !important;
    margin-bottom: 4px !important;
}

/* Вс с 10:00 до 16:00 */
.h_address li:nth-child(4) {
    font-family: 'proxima_nova';
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #333333 !important;
    margin-bottom: 4px !important;
}

/* АДРЕС МАГАЗИНА — заголовок */
.h_address li:nth-child(5) {
    font-family: 'proxima_nova';
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #000000 !important;
    margin-top: 15px !important;
    margin-bottom: 8px !important;
}

/* Адрес: г. Саратов улица Вавилова 59/65 */
.h_address li:nth-child(6) {
    font-family: 'proxima_nova';
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #333333 !important;
}

/* ===== ИЗМЕНЯЙТЕ ЗНАЧЕНИЯ НИЖЕ ===== */

/* Для изменения шрифта — меняйте 'Arial' на любой другой, например 'Roboto', 'Montserrat' */
/* Для изменения жирности — используйте 400 (нормальный), 600 (полужирный), 700 (жирный) */
/* Для изменения размера — меняйте 13px, 14px на нужные */
/* Для изменения цвета — меняйте #333333, #000000 на нужные */
/* Оба телефона одинаково */
.h_tel span a {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #000000 !important;
}
/* Задать нужный размер для всех телефонов */
.h_tel a,
.h_tel a strong {
    font-size: 18px !important;   /* меняйте 18px на нужный размер */
}

/* Полное скрытие блока рейтинга */
.h_yReviews {
    display: none !important;
}

/* ===== ЦЕНТРИРОВАНИЕ ПОИСКОВОЙ СТРОКИ ===== */

/* Поиск — по центру */
.h_search {
    text-align: center !important;
    width: 100% !important;
    margin-top: 20px !important;
}

.h_search form {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 300px !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.h_search input {
    flex: 1 !important;
    border: none !important;
    padding: 12px 18px !important;
    height: auto !important;
    font-size: 14px !important;
}

.h_search .but_yellow {
    background: #ffd820 !important;
    border-radius: 0 !important;
    padding: 12px 25px !important;
    height: auto !important;
    margin: 0 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.h_search .but_yellow:hover {
    background: #000 !important;
    color: #ffd820 !important;
}

/* Мобильная версия */
@media screen and (max-width: 640px) {
    .h_search form {
        width: 90% !important;
        min-width: auto !important;
        flex-direction: column !important;
        border-radius: 20px !important;
    }
    
    .h_search input {
        text-align: center !important;
    }
    
    .h_search .but_yellow {
        border-radius: 0 0 20px 20px !important;
    }
}

/* ===== ЗАВЕРШАЮЩАЯ ПОЛИРОВКА ===== */

/* Убираем текст "автоэлектроника" под логотипом */
.h_logo br {
    display: none !important;
}

/* Телефоны в одну строку на десктопе */
@media screen and (min-width: 901px) {
    .h_tel span {
        display: inline-block !important;
        margin-left: 15px !important;
    }
    
    .h_tel span:first-child {
        margin-left: 0 !important;
    }
    
    /* Кнопка под телефонами */
    .ht_callback {
        margin-top: 8px !important;
    }
    
    /* График и адрес — шире для лучшего вида */
    .h_address .ha_item {
        min-width: 200px !important;
    }
}



/* Небольшой отступ между графиком и адресом */
.h_address li:nth-child(4) {
    margin-bottom: 12px !important;
}

/* Кнопка "Перезвонить" — стильная */
.ht_callback .but_black {
    background: #ffd820 !important;
    border-radius: 25px !important;
    padding: 5px 20px !important;
    height: auto !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    display: inline-block !important;
}

.ht_callback .but_black:hover {
    background: #000 !important;
    color: #ffd820 !important;
}

/* Поиск — по центру */
.h_search {
    text-align: center !important;
    margin-top: 20px !important;
}

.h_search form {
    display: inline-flex !important;
    width: 400px !important;
    max-width: 100% !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.h_search input {
    flex: 1 !important;
    border: none !important;
    padding: 10px 18px !important;
}

.h_search .but_yellow {
    background: #ffd820 !important;
    border-radius: 0 !important;
    padding: 10px 22px !important;
    margin: 0 !important;
}

/* ===== ОТСТУП МЕЖДУ ЛОГОТИПОМ И ГРАФИКОМ РАБОТЫ ===== */

@media screen and (min-width: 901px) {
    /* Увеличиваем отступ справа от логотипа */
    .h_logo {
        margin-right: 40px !important;
    }
    
    /* Или через gap в контейнере */
    .h_middle .container {
        gap: 30px !important;
    }
    
    /* Альтернативный вариант — отступ у блока адреса слева */
    .h_address {
        margin-left: 30px !important;
    }
}

/* Если нужно увеличить расстояние между логотипом и городом/графиком */
.h_logo {
    margin-right: 50px !important;
}

/* Или добавить отступ слева для блока с графиком и адресом */
.h_address {
    padding-left: 30px !important;
}
 /* Отступ между адресом и телефоном */
    .h_address {
        margin-right: 30px !important;
    }

/* ===== ПОИСК СЛЕВА - ФИНАЛЬНАЯ ВЕРСИЯ ===== */

/* Контейнер поиска */
.h_search {
    text-align: left !important;
    width: 100% !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    clear: both !important;
    display: block !important;
}

/* Форма поиска */
.h_search form {
    display: flex !important;
    width: 890px !important;
    max-width: 100% !important;
    height: 36px !important;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    margin: 0 !important;
    float: left !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

/* Поле ввода */
.h_search input {
    flex: 1 !important;
    border: none !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    height: 100% !important;
    background: transparent !important;
    outline: none !important;
}

/* Кнопка "Найти" */
.h_search .but_yellow {
    background: #ffd820 !important;
    border: none !important;
    border-radius: 0 30px 30px 0 !important;
    padding: 0 24px !important;
    height: 100% !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    color: #000 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Эффект при наведении на кнопку */
.h_search .but_yellow:hover {
    background: #000 !important;
    color: #ffd820 !important;
}

/* Эффект при фокусе на поле */
.h_search input:focus {
    outline: none !important;
}

.h_search form:focus-within {
    border-color: #ffd820 !important;
    box-shadow: 0 0 0 2px rgba(255, 216, 32, 0.2) !important;
}

/* Планшеты */
@media screen and (min-width: 641px) and (max-width: 900px) {
    .h_search form {
        width: 340px !important;
        height: 44px !important;
    }
}

/* Мобильные устройства */
@media screen and (max-width: 640px) {
    .h_search {
        text-align: center !important;
    }
    
    .h_search form {
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
    }
    
    .h_search .but_yellow {
        padding: 0 18px !important;
    }
}
/* ===== СОВРЕМЕННЫЙ ВИД КАРТОЧЕК ===== */

/* Карточка товара */
.d_item {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease !important;
    display: block !important;
    overflow: hidden !important;
}

.d_item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
}

/* Изображение */
.di_photo {
    text-align: center !important;
    padding: 20px !important;
    background: #fafafa !important;
}

.di_photo img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 130px !important;
}

/* Текстовая часть */
.di_text {
    padding: 0 20px 20px 20px !important;
}

/* Заголовок "Хит продаж" */
.di_title {
    font-size: 14px !important;
    color: #ffd820 !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.5px !important;
}

/* Название товара */
.di_subtitle {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* Описание */
.di_text p {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.4 !important;
    margin-bottom: 15px !important;
}

/* Кнопка */
.di_text a {
    display: inline-block !important;
    background: #ffd820 !important;
    color: #000 !important;
    padding: 8px 24px !important;
    border-radius: 40px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
}

.di_text a:hover {
    background: #000 !important;
    color: #ffd820 !important;
}

/* Сетка для двух колонок */
.deals {
    display: flex !important;
    gap: 25px !important;
    flex-wrap: wrap !important;
}

.d_item {
    flex: 1 !important;
    min-width: 280px !important;
}

/* Мобильные */
@media (max-width: 700px) {
    .deals {
        flex-direction: column !important;
    }
}
/* Эффекты для фото */
.di_photo {
    overflow: hidden !important;
}

.di_photo img {
    transition: transform 0.5s ease !important;
}

.d_item:hover .di_photo img {
    transform: scale(1.1) !important;
}

/* Круглая рамка для фото */
.di_photo img {
    border-radius: 50% !important;
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important;
}

/* ===== УБРАТЬ ФОТО В КРУГЕ ===== */

.di_photo img {
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Убираем круглый фон, если есть */
.di_photo {
    background: #f5f5f5 !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* Если фото было в круге — убираем обрезку */
.di_photo img {
    clip-path: none !important;
    border-radius: 0 !important;
}

/* ===== УБРАТЬ ФОН У ФОТО ===== */

/* Убираем серый фон у контейнера фото */
.di_photo {
    background: transparent !important;
    background-color: transparent !important;
    padding: 10px !important;
}

/* Убираем фон у самой картинки */
.di_photo img {
    background: transparent !important;
    background-color: transparent !important;
}

/* Если фон задан через родительский элемент */
.d_item .di_photo {
    background: none !important;
}

/* ===== НАСТРОЙКА РАЗМЕРОВ ШРИФТОВ В КАРТОЧКАХ ===== */

/* Заголовок "ХИТ ПРОДАЖ" */
.di_title {
    font-size: 20px !important;  /* меняйте значение */
}

/* Название товара (SilverStone F1, Neoline X-COP) */
.di_subtitle {
    font-size: 20px !important;  /* меняйте значение */
}

/* Описание товара */
.di_text p {
    font-size: 14px !important;  /* меняйте значение */
}

/* Кнопка "ПОДРОБНЕЕ" */
.di_text a {
    font-size: 13px !important;  /* меняйте значение */
}

/* ===== ПРИМЕРЫ ЗНАЧЕНИЙ ===== */

/* Маленькие буквы */
/* .di_title { font-size: 10px; } */
/* .di_subtitle { font-size: 16px; } */
/* .di_text p { font-size: 12px; } */

/* Большие буквы */
/* .di_title { font-size: 14px; } */
/* .di_subtitle { font-size: 24px; } */
/* .di_text p { font-size: 15px; } */

/* ===== МИНИМАЛЬНЫЕ ИСПРАВЛЕНИЯ ДЛЯ МОБИЛЬНЫХ ===== */

@media screen and (max-width: 640px) {
    /* Увеличиваем отступ сверху, чтобы телефон не перекрывал город */
    .h_middle {
        padding-top: 70px !important;
    }
    
    /* Корзина — просто убираем лишние отступы */
    .h_basket {
        margin-top: 5px !important;
        margin-right: 10px !important;
    }
    
    /* Телефоны — делаем компактнее */
    .h_tel span {
        display: inline-block !important;
        margin: 0 8px !important;
    }
    
    /* Кнопка под телефонами */
    .ht_callback {
        margin-top: 8px !important;
    }
}

/* Для всех устройств — исправляем корзину */
.h_basket {
    white-space: nowrap !important;
}

.hb_amount {
    display: inline-block !important;
    margin-left: 5px !important;
}
/* ===== ЦЕНТРИРОВАНИЕ ДЛЯ МОБИЛЬНЫХ ===== */

@media screen and (max-width: 640px) {
    /* Центрируем контейнер */
    .h_middle .container {
        text-align: center !important;
    }
    
    /* Логотип по центру */
    .h_logo {
        display: inline-block !important;
        float: none !important;
        margin: 0 auto 15px !important;
    }
    
    /* Город под логотипом */
    .h_city {
        position: static !important;
        display: block !important;
        margin: 0 auto 15px !important;
    }
    
    /* Рейтинг по центру */
    .h_yReviews {
        display: inline-flex !important;
        margin: 0 auto 15px !important;
        float: none !important;
    }
    
    /* Телефоны и кнопка по центру */
    .ht_wrap {
        text-align: center !important;
        margin: 0 auto 15px !important;
    }
    
    /* Адрес по центру */
    .h_address {
        text-align: center !important;
        margin: 0 auto 15px !important;
    }
    
    /* Поиск по центру */
    .h_search {
        text-align: center !important;
        margin: 0 auto 15px !important;
    }
    
    .h_search form {
        display: inline-flex !important;
    }
}
/* Полное скрытие рейтинга */
.h_yReviews {
    display: none !important;
}

@media screen and (max-width: 640px) {
    .h_middle .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .h_logo { order: 1; }
    .h_city { order: 2; position: static !important; }
    .h_yReviews { order: 3; }
    .ht_wrap { order: 4; }
    .h_address { order: 5; }
    .h_search { order: 6; }

/* ===== ПРИНУДИТЕЛЬНОЕ ЦЕНТРИРОВАНИЕ САРАТОВА ===== */

.h_city {
    position: static !important;
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hc_current {
    display: inline-block !important;
    float: none !important;
}

/* Убираем абсолютное позиционирование */
.h_city {
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
}
/* ===== МЕНЯЕМ МЕСТАМИ ТЕЛЕФОНЫ И КНОПКУ ===== */

/* Десктопная версия */
@media screen and (min-width: 901px) {
    .ht_wrap {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: flex-end !important;
    }
    
    .h_tel {
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }
    
    .ht_callback {
        margin-bottom: 5px !important;
        margin-top: 0 !important;
    }
}

/* Планшеты */
@media screen and (min-width: 641px) and (max-width: 900px) {
    .ht_wrap {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
    }
    
    .h_tel {
        margin-top: 8px !important;
    }
    
    .ht_callback {
        margin-bottom: 5px !important;
    }
}

/* Мобильные */
@media screen and (max-width: 640px) {
    .ht_wrap {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
    }
    
    .h_tel {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }
    
    .ht_callback {
        margin-bottom: 5px !important;
        margin-top: 0 !important;
    }
}

/* ===== ЦЕНТРИРОВАНИЕ КНОПКИ "ПЕРЕЗВОНИТЬ" ===== */

/* Десктопная версия */
@media screen and (min-width: 901px) {
    .ht_wrap {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
    }
    
    .ht_callback {
        text-align: center !important;
        width: 100% !important;
    }
    
    .h_tel {
        text-align: center !important;
        width: 100% !important;
    }
}

/* Планшеты */
@media screen and (min-width: 641px) and (max-width: 900px) {
    .ht_wrap {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
    }
    
    .ht_callback {
        text-align: center !important;
    }
    
    .h_tel {
        text-align: center !important;
    }
}

/* Мобильные */
@media screen and (max-width: 640px) {
    .ht_wrap {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
    }
    
    .ht_callback {
        text-align: center !important;
    }
    
    .h_tel {
        text-align: center !important;
    }
}

/* Кнопка по центру */
.ht_callback .but_black {
    display: inline-block !important;
    margin: 0 auto !important;
}

/* ===== КОРРЕКТИРОВКА ПОИСКОВОЙ СТРОКИ ===== */

/* Контейнер поиска */
.h_search {
    width: 100% !important;
    text-align: center !important;
    margin: 20px 0 !important;
}

/* Форма поиска */
.h_search form {
    display: inline-flex !important;
    width: 80% !important;
    max-width: 500px !important;
    background: #fff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 50px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

/* Поле ввода */
.h_search input {
    flex: 1 !important;
    border: none !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    background: transparent !important;
    outline: none !important;
}

/* Кнопка "Найти" */
.h_search .but_yellow {
    background: #ffd820 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #000 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

/* Эффект при наведении */
.h_search .but_yellow:hover {
    background: #000 !important;
    color: #ffd820 !important;
}

/* Эффект при фокусе */
.h_search form:focus-within {
    border-color: #ffd820 !important;
    box-shadow: 0 0 0 3px rgba(255, 216, 32, 0.2) !important;
}

/* Мобильные устройства */
@media screen and (max-width: 640px) {
    .h_search form {
        width: 95% !important;
    }
    
    .h_search input {
        padding: 12px 15px !important;
        font-size: 13px !important;
    }
    
    .h_search .but_yellow {
        padding: 12px 18px !important;
        font-size: 13px !important;
    }
}
/* ===== УБИРАЕМ ОТСТУП У КНОПКИ "ПЕРЕЗВОНИТЬ" ===== */

/* Десктоп */
@media screen and (min-width: 901px) {
    .ht_wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .ht_callback {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .ht_callback .but_black {
        margin-top: 0 !important;
    }
}

/* Планшеты */
@media screen and (min-width: 641px) and (max-width: 900px) {
    .ht_callback {
        margin-top: 0 !important;
    }
}

/* Мобильные */
@media screen and (max-width: 640px) {
    .ht_callback {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
    }
    
    .ht_wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Принудительно убираем все отступы */
.ht_callback {
    margin-top: 0 !important;
}

.ht_callback .but_black {
    margin-top: 0 !important;
}


/* ===== СКРЫТИЕ ОШИБКИ ===== */

/* Скрываем ошибку Cannot find template */
font[color="#FF0000"],
font[color="red"],
font[color="#FF0000"]:contains("Cannot find"),
body > font:first-of-type {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
}

/* Также скрываем любые сообщения об ошибках */
.error-text,
.error-message,
.alert-danger {
    display: none !important;
}

/* ===== СКРЫТИЕ ОШИБКИ НА ВСЕХ УСТРОЙСТВАХ ===== */

/* Скрываем ошибку на всех экранах */
font[color="#FF0000"],
font[color="red"],
body font {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
}

/* Для десктопа */
@media screen and (min-width: 641px) {
    font[color="#FF0000"] {
        display: none !important;
    }
}


/* ===== ГРАНИЦА ДЛЯ КАРТОЧЕК ТОВАРОВ ===== */

.d_item {
    border: 1px solid #e8e8e8 !important;
    background: #ffffff !important;
}

.d_item:hover {
    border-color: #ffd820 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
}

/* ===== СТИЛИ ДЛЯ КАТАЛОГА НА ПК ===== */

/* Контейнер каталога — сетка 4 колонки */
.mc_body.mc_wrap.column_4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    margin: 50px 0 !important;
    background: transparent !important;
}

/* Карточка категории — серая граница */
.mc_body.mc_wrap.column_4 > ul {
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mc_body.mc_wrap.column_4 > ul:hover {
    border-color: #ffd820 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(255,216,32,0.1) !important;
}

/* Фото */
.mc_body.mc_wrap.column_4 > ul > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 130px !important;
    background: #f5f5f5 !important;
    padding: 15px !important;
}

.mc_body.mc_wrap.column_4 > ul > a img {
    max-height: 70px !important;
    max-width: 100% !important;
    width: auto !important;
}

/* Название категории */
.mc_body.mc_wrap.column_4 .catParent {
    text-align: center !important;
    padding: 18px 10px !important;
    background: #fff !important;
}

.mc_body.mc_wrap.column_4 .catParent a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
    display: block !important;
}

.mc_body.mc_wrap.column_4 > ul:hover .catParent a {
    color: #ffd820 !important;
}

/* Скрываем подкатегории */
.mc_body.mc_wrap.column_4 > ul li:not(.catParent) {
    display: none !important;
}

/* Планшеты */
@media screen and (max-width: 1024px) {
    .mc_body.mc_wrap.column_4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* Мобильные */
@media screen and (max-width: 640px) {
    .mc_body.mc_wrap.column_4 {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}
/* ТЕСТ - все границы должны стать красными */
.mc_body.mc_wrap.column_4 > ul {
    border: 3px solid red !important;
}
.mc_body.mc_wrap.column_4 .catParent a {
    color: red !important;
    font-size: 20px !important;
}

/* ===== СТИЛИ ДЛЯ КАТАЛОГА ===== */

/* Контейнер каталога */
.mc_body.mc_wrap.column_4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    margin: 50px 0 !important;
}

/* Карточка категории с серой границей */
.mc_body.mc_wrap.column_4 > ul {
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mc_body.mc_wrap.column_4 > ul:hover {
    border-color: #ffd820 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(255,216,32,0.15) !important;
}

/* Фото */
.mc_body.mc_wrap.column_4 > ul > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 130px !important;
    background: #f5f5f5 !important;
    padding: 15px !important;
}

.mc_body.mc_wrap.column_4 > ul > a img {
    max-height: 70px !important;
    max-width: 100% !important;
    width: auto !important;
}

/* Название категории */
.mc_body.mc_wrap.column_4 .catParent {
    text-align: center !important;
    padding: 15px !important;
    background: #fff !important;
}

.mc_body.mc_wrap.column_4 .catParent a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
    display: block !important;
}

.mc_body.mc_wrap.column_4 > ul:hover .catParent a {
    color: #ffd820 !important;
}

/* Скрываем подкатегории, оставляем только главные */
.mc_body.mc_wrap.column_4 > ul li:not(.catParent) {
    display: none !important;
}

/* Планшеты */
@media screen and (max-width: 1024px) {
    .mc_body.mc_wrap.column_4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* Мобильные */
@media screen and (max-width: 640px) {
    .mc_body.mc_wrap.column_4 {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

/* ===== ПРИНУДИТЕЛЬНЫЕ СТИЛИ ДЛЯ КАТАЛОГА ===== */

/* Родительский контейнер */
div.mc_body.mc_wrap.column_4 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    margin: 40px 0 !important;
}

/* Каждый ul — карточка категории */
div.mc_body.mc_wrap.column_4 > ul {
    width: calc(25% - 20px) !important;
    min-width: 200px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Фото */
div.mc_body.mc_wrap.column_4 > ul > a {
    display: block !important;
    text-align: center !important;
    background: #f5f5f5 !important;
    padding: 20px !important;
}

div.mc_body.mc_wrap.column_4 > ul > a img {
    max-height: 80px !important;
    width: auto !important;
}

/* Название категории */
div.mc_body.mc_wrap.column_4 .catParent {
    text-align: center !important;
    padding: 15px !important;
}

div.mc_body.mc_wrap.column_4 .catParent a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #000 !important;
    text-decoration: none !important;
}

/* При наведении */
div.mc_body.mc_wrap.column_4 > ul:hover {
    border-color: #ffd820 !important;
    transform: translateY(-3px) !important;
}

div.mc_body.mc_wrap.column_4 > ul:hover .catParent a {
    color: #ffd820 !important;
}

/* Скрываем подкатегории */
div.mc_body.mc_wrap.column_4 > ul li:not(.catParent) {
    display: none !important;
}

/* Планшеты */
@media screen and (max-width: 1000px) {
    div.mc_body.mc_wrap.column_4 > ul {
        width: calc(50% - 20px) !important;
    }
}

/* Мобильные */
@media screen and (max-width: 600px) {
    div.mc_body.mc_wrap.column_4 > ul {
        width: 100% !important;
    }
}

/* ===== СТИЛИ ДЛЯ КАТАЛОГА ===== */

.mc_body.mc_wrap.column_4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 40px 0 !important;
}

.mc_body.mc_wrap.column_4 > ul {
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    transition: all 0.3s ease !important;
}

.mc_body.mc_wrap.column_4 > ul:hover {
    border-color: #ffd820 !important;
    transform: translateY(-3px) !important;
}

.mc_body.mc_wrap.column_4 > ul > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 120px !important;
    background: #f5f5f5 !important;
    padding: 15px !important;
}

.mc_body.mc_wrap.column_4 > ul > a img {
    max-height: 65px !important;
    max-width: 100% !important;
    width: auto !important;
}

.mc_body.mc_wrap.column_4 .catParent {
    text-align: center !important;
    padding: 15px !important;
}

.mc_body.mc_wrap.column_4 .catParent a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
}

.mc_body.mc_wrap.column_4 > ul:hover .catParent a {
    color: #ffd820 !important;
}

.mc_body.mc_wrap.column_4 > ul li:not(.catParent) {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .mc_body.mc_wrap.column_4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media screen and (max-width: 640px) {
    .mc_body.mc_wrap.column_4 {
        grid-template-columns: 1fr !important;
    }
}

/* ===== ЗАКРУГЛЕНИЕ И РАСШИРЕНИЕ ГРАНИЦЫ КАРТОЧЕК В ПК ВЕРСИИ ===== */

/* Для десктопа (от 1025px) */
@media screen and (min-width: 1025px) {
    /* Карточка категории */
    .mc_body.mc_wrap.column_4 > ul {
        border: 2px solid #d0d0d0 !important;
        border-radius: 20px !important;
        transition: all 0.3s ease !important;
    }
    
    /* При наведении граница становится желтой и утолщается */
    .mc_body.mc_wrap.column_4 > ul:hover {
        border: 2px solid #ffd820 !important;
        transform: translateY(-5px) !important;
    }
    
    /* Контейнер иконки */
    .mc_body.mc_wrap.column_4 > ul > a {
        border-radius: 20px 20px 0 0 !important;
        overflow: hidden !important;
    }
    
    /* Сама иконка */
    .mc_body.mc_wrap.column_4 > ul > a img {
        border-radius: 12px !important;
    }
    
    /* Нижняя часть карточки */
    .mc_body.mc_wrap.column_4 .catParent {
        border-radius: 0 0 20px 20px !important;
    }
}

/* Для планшетов */
@media screen and (min-width: 641px) and (max-width: 1024px) {
    .mc_body.mc_wrap.column_4 > ul {
        border: 2px solid #d0d0d0 !important;
        border-radius: 16px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a {
        border-radius: 16px 16px 0 0 !important;
    }
}

/* Для мобильных */
@media screen and (max-width: 640px) {
    .mc_body.mc_wrap.column_4 > ul {
        border: 1px solid #d0d0d0 !important;
        border-radius: 16px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a {
        border-radius: 12px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a img {
        border-radius: 10px !important;
    }
}

/* ===== КАРТОЧКИ ХИТ ПРОДАЖ ===== */
.d_item {
    border: 1px solid #e0e0e0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.d_item:hover {
    border-color: #ffd820 !important;
}

.di_photo {
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
}

.di_photo img {
    border-radius: 8px !important;
}

/* ===== КНОПКИ ===== */
.di_text a,
.ht_callback .but_black,
.h_search .but_yellow {
    border-radius: 30px !important;
}
/* ===== АДАПТАЦИЯ ФОТО (ИКОНОК) ПОД РАЗНЫЕ УСТРОЙСТВА ===== */

/* Базовые стили для всех устройств */
.mc_body.mc_wrap.column_4 > ul > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8f9fa !important;
    transition: all 0.3s ease !important;
}

.mc_body.mc_wrap.column_4 > ul > a img {
    display: block !important;
    transition: transform 0.3s ease !important;
    object-fit: contain !important;
}

/* Десктоп (от 1200px) */
@media screen and (min-width: 1200px) {
    .mc_body.mc_wrap.column_4 > ul > a {
        height: 160px !important;
        padding: 25px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a img {
        max-height: 100px !important;
        max-width: 100% !important;
        width: auto !important;
    }
}

/* Маленький десктоп (1025px - 1199px) */
@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .mc_body.mc_wrap.column_4 > ul > a {
        height: 140px !important;
        padding: 20px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a img {
        max-height: 85px !important;
    }
}

/* Планшеты (768px - 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .mc_body.mc_wrap.column_4 > ul > a {
        height: 130px !important;
        padding: 18px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a img {
        max-height: 75px !important;
    }
}

/* Мобильные устройства (481px - 767px) */
@media screen and (min-width: 481px) and (max-width: 767px) {
    .mc_body.mc_wrap.column_4 > ul > a {
        width: 100px !important;
        height: 100px !important;
        padding: 15px !important;
        margin: 12px !important;
        border-radius: 16px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a img {
        max-height: 60px !important;
    }
}

/* Маленькие телефоны (320px - 480px) */
@media screen and (min-width: 320px) and (max-width: 480px) {
    .mc_body.mc_wrap.column_4 > ul > a {
        width: 80px !important;
        height: 80px !important;
        padding: 12px !important;
        margin: 10px !important;
        border-radius: 14px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a img {
        max-height: 50px !important;
    }
}

/* Очень маленькие телефоны (до 320px) */
@media screen and (max-width: 319px) {
    .mc_body.mc_wrap.column_4 > ul > a {
        width: 70px !important;
        height: 70px !important;
        padding: 10px !important;
        margin: 8px !important;
        border-radius: 12px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a img {
        max-height: 40px !important;
    }
}

/* Эффект увеличения при наведении на всех устройствах */
.mc_body.mc_wrap.column_4 > ul:hover > a img {
    transform: scale(1.08) !important;
}

/* Для горизонтальной ориентации на мобильных */
@media screen and (max-width: 800px) and (orientation: landscape) {
    .mc_body.mc_wrap.column_4 > ul > a {
        width: 85px !important;
        height: 85px !important;
        padding: 12px !important;
    }
    
    .mc_body.mc_wrap.column_4 > ul > a img {
        max-height: 55px !important;
    }
}

/* ===== КАРТОЧКИ ТОВАРОВ (ХИТ ПРОДАЖ) ===== */

/* Десктоп */
@media screen and (min-width: 1025px) {
    .di_photo {
        height: 180px !important;
        padding: 25px !important;
    }
    
    .di_photo img {
        max-height: 120px !important;
    }
}

/* Планшеты */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .di_photo {
        height: 150px !important;
        padding: 20px !important;
    }
    
    .di_photo img {
        max-height: 100px !important;
    }
}

/* Мобильные */
@media screen and (max-width: 767px) {
    .di_photo {
        height: 120px !important;
        padding: 15px !important;
    }
    
    .di_photo img {
        max-height: 80px !important;
    }
}

/* ==================== КАТАЛОГ С ПОДКАТЕГОРИЯМИ ==================== */

/* Карточка категории - делаем относительной для позиционирования */
.mc_body.mc_wrap.column_4 > ul {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Родительская категория */
.catParent {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 12px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    border-top: 1px solid #f0f0f0 !important;
    margin-top: 5px !important;
}

.catParent:hover {
    background: #fafafa !important;
}

/* Ссылка категории */
.category-link {
    flex: 1 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.category-link:hover {
    color: #ffd820 !important;
    text-decoration: none !important;
}

/* Кнопка раскрытия */
.expand-btn {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    margin-left: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.2s ease !important;
    color: #999 !important;
}

.expand-btn:hover {
    color: #ffd820 !important;
}

/* Поворот иконки при открытии */
.catParent.expanded .expand-btn {
    transform: rotate(180deg) !important;
}

.expand-icon {
    width: 12px !important;
    height: 8px !important;
    display: block !important;
}

/* Список подкатегорий */
.subcategories-list {
    display: none !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fafafa !important;
    border-top: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.subcategories-list.open {
    display: block !important;
}

/* Элемент подкатегории */
.subcategory-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 12px 10px 24px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

.subcategory-item:last-child {
    border-bottom: none !important;
}

.subcategory-link {
    flex: 1 !important;
    font-size: 13px !important;
    color: #555 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.subcategory-link:hover {
    color: #ffd820 !important;
    text-decoration: none !important;
}

/* Кнопка раскрытия для подкатегорий */
.expand-btn-sub {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 6px !important;
    margin-left: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.2s ease !important;
    color: #bbb !important;
}

.expand-btn-sub:hover {
    color: #ffd820 !important;
}

.subcategory-item.expanded .expand-btn-sub {
    transform: rotate(180deg) !important;
}

/* Третий уровень (под-подкатегории) */
.sub-subcategories-list {
    display: none !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 5px 0 0 0 !important;
    background: #f5f5f5 !important;
    border-radius: 8px !important;
}

.sub-subcategories-list.open {
    display: block !important;
}

.sub-subcategories-list li {
    padding: 8px 12px 8px 35px !important;
    border-bottom: 1px solid #eee !important;
}

.sub-subcategories-list li:last-child {
    border-bottom: none !important;
}

.sub-subcategories-list li a {
    font-size: 12px !important;
    color: #666 !important;
    text-decoration: none !important;
    display: block !important;
    transition: color 0.2s ease !important;
}

.sub-subcategories-list li a:hover {
    color: #ffd820 !important;
    text-decoration: none !important;
}

/* Адаптация для мобильных */
@media screen and (max-width: 640px) {
    .catParent {
        padding: 12px 10px !important;
    }
    
    .category-link {
        font-size: 14px !important;
    }
    
    .subcategory-item {
        padding: 8px 10px 8px 20px !important;
    }
    
    .subcategory-link {
        font-size: 12px !important;
    }
    
    .sub-subcategories-list li {
        padding: 6px 10px 6px 30px !important;
    }
}
/* Принудительное скрытие подкатегорий */
.subcategories-list,
.subcats {
    display: none !important;
}

.subcategories-list.open,
.subcats.open {
    display: block !important;
}
/* Раскрытие при наведении мыши (проще некуда) */
.catParent:hover .subcategories-list,
.has-children:hover .subcats {
    display: block !important;
}

/* Или при клике через :target (без JS) */
.subcategories-list {
    display: none !important;
}

.subcategories-list:target {
    display: block !important;
}