/* Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.1.0 (Pro Chef Edition)
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
*/

/* ======== ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ (Professional Chef) ======== */
:root {
    --pc-red: #dc2323;       /* Акцентный красный */
    --pc-red-dark: #b91d1d;  /* Темно-красный для наведения */
    --pc-black: #222222;     /* Основной черный */
    --pc-gray: #666666;      /* Текст */
    --pc-border: #e5e5e5;    /* Светлые рамки */
    --pc-radius: 5px;        /* Строгое скругление (почти квадрат) */
}

/* ======== ОБЩИЙ ФОН ======== */
body {
    background-color: #ffffff;
    color: var(--pc-black);
    font-family: 'Roboto', 'Arial', sans-serif; /* Желательно строгий шрифт */
}

/* =========================================================
   SHOP LAYOUT (СЕТКА МАГАЗИНА)
   ========================================================= */

/* Контейнер: левая колонка + контент */
.mp-shop {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 40px;
    max-width: 1400px;
    margin: 40px auto 80px;
    padding: 0 20px;
}

/* Левая колонка (Сайдбар) */
.mp-shop-sidebar {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 10px;
}

/* Виджеты в сайдбаре - МИНИМАЛИЗМ */
.mp-filter-widget {
    background: transparent;
    color: var(--pc-black);
    padding: 0;
    border: none;
    border-bottom: 1px solid var(--pc-border);
    padding-bottom: 20px;
    box-shadow: none;
    border-radius: 0;
}

.mp-filter-widget:last-child {
    border-bottom: none;
	
}

.mp-filter-title {
    font-size: 16px;
    font-weight: 800; /* Жирный технический шрифт */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 15px;
    color: var(--pc-black);
}

/* Списки в сайдбаре */
.mp-shop-sidebar .product-categories,
.mp-shop-sidebar .product-categories li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mp-shop-sidebar .product-categories li {
    margin-bottom: 8px;
    font-size: 14px;
}
.mp-shop-sidebar .product-categories li a {
    color: var(--pc-gray);
    text-decoration: none;
    transition: 0.2s;
}
.mp-shop-sidebar .product-categories li a:hover {
    color: var(--pc-red);
    padding-left: 5px; /* Технический сдвиг при наведении */
}


/* ЗАГОЛОВОК + СОРТИРОВКА */
.mp-shop-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--pc-border);
    padding-bottom: 15px;
}

.mp-shop-title {
	
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: -0.5px;
}

/* Селект сортировки */
.woocommerce-ordering select {
    border: 1px solid #ccc;
    border-radius: var(--pc-radius);
    padding: 8px 12px;
    font-size: 14px;
    color: var(--pc-black);
}


/* =========================================================
   СЕТКА ТОВАРОВ (GRID)
   ========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid;
    gap: 30px; /* Больше воздуха между товарами */
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
}

/* Убираем лишнее */
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }

/* Колонки */
.woocommerce ul.products.columns-4, .woocommerce-page ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.woocommerce ul.products.columns-3, .woocommerce-page ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.woocommerce ul.products.columns-2, .woocommerce-page ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Сброс ширины элементов списка */
.woocommerce ul.products li.product {
    float: none !important; width: auto !important; margin: 0 !important; padding: 0;
}


/* =========================================================
   КАРТОЧКА ТОВАРА (Pro Chef Style)
   ========================================================= */

.mp-product-card {
    background: #ffffff;
    border: 1px solid #eeeeee; /* Тонкая рамка всегда */
    border-radius: var(--pc-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
}

/* Ховер эффект: рамка темнеет, легкая тень */
.mp-product-card:hover {
    border-color: #bbbbbb;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

/* Блок картинки */
.mp-product-image {
    position: relative;
    overflow: hidden;
    padding: 0; /* Фото в край */
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
}

.mp-product-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0; /* Прямые углы у фото */
}

/* Бейдж SALE - Красный прямоугольник */
.mp-product-image .onsale {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--pc-red);
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 0 0 4px 0; /* Уголок */
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 2;
    margin: 0;
    line-height: 1;
}

/* Тело карточки */
.mp-product-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: left;
}

/* Категория */
.mp-product-cats {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.mp-product-cats a { color: #999; text-decoration: none; }
.mp-product-cats a:hover { color: var(--pc-black); }

/* Заголовок товара */
.mp-product-title {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 10px;
    color: var(--pc-black);
    /* Ограничение 2 строки */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px; 
}
.mp-product-title a { text-decoration: none; color: inherit; }

/* Рейтинг */
.mp-product-rating .star-rating {
    font-size: 12px;
    color: #ffb800; /* Золото ок */
    margin-bottom: 8px;
}

/* Цена */
.mp-product-card .price {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto; /* Прижимаем к низу верхней части */
    margin-bottom: 15px;
}
.mp-product-card .price ins,
.mp-product-card .price .amount {
    color: var(--pc-red);
    text-decoration: none;
}
.mp-product-card .price del {
    color: #aaa;
    font-size: 14px;
    font-weight: 400;
}

/* НИЗ КАРТОЧКИ: Кнопка */
.mp-product-bottom {
    margin-top: auto;
}

/* Кнопка "В корзину" - СТРОГАЯ */
body.woocommerce ul.products li.product.mp-product-card .button {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: var(--pc-radius);
    border: 1px solid var(--pc-red); /* Рамка красная */
    background: #fff; /* Фон белый */
    color: var(--pc-red); /* Текст красный */
    padding: 10px 0;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s;
    margin: 0;
}

/* Ховер кнопки - Заливаем красным */
body.woocommerce ul.products li.product.mp-product-card .button:hover {
    background: var(--pc-red);
    color: #ffffff;
    border-color: var(--pc-red);
}

/* Ссылка "Просмотр корзины" (если появилась) */
.mp-product-bottom .added_to_cart.wc-forward {
    display: block;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--pc-black);
    margin-bottom: 8px;
    text-decoration: underline;
}

/* =========================================================
   SINGLE PRODUCT (СТРАНИЦА ТОВАРА)
   ========================================================= */

.mp-single-wrapper {
    max-width: 1300px;
    margin: 40px auto 80px;
    padding: 0 20px;
}

.mp-single-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 50px;
    align-items: flex-start;
}

/* Галерея - Чистая */
.mp-single-gallery {
    background: #fff;
    border: none;
    padding: 0;
}
.mp-single-gallery img {
    border: 1px solid #eee;
    border-radius: var(--pc-radius);
}

/* Миниатюры */
.mp-single-gallery .flex-control-thumbs img {
    border-radius: var(--pc-radius);
    transition: border 0.2s;
    opacity: 0.7;
}
.mp-single-gallery .flex-control-thumbs img.flex-active,
.mp-single-gallery .flex-control-thumbs img:hover {
    border-color: var(--pc-red);
    opacity: 1;
}

/* Инфо справа */
.mp-single-summary {
    background: transparent;
    padding: 0;
    border: none;
}

/* Заголовок Single */
.mp-single-summary .product_title {
    font-size: 36px;
    font-weight: 800;
    margin: 0 0 15px;
    line-height: 1.2;
    color: var(--pc-black);
    text-transform: uppercase; /* Профессиональный стиль */
}

/* Цена Single */
.mp-single-summary .price {
    font-size: 32px;
    color: var(--pc-red);
    font-weight: 700;
    margin: 20px 0;
}
.mp-single-summary .price del {
    color: #999; font-size: 20px; font-weight: 400;
}

/* Описание */
.mp-single-summary .woocommerce-product-details__short-description {
    font-size: 16px;
    line-height: 1.6;
    color: var(--pc-gray);
    margin-bottom: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

/* Кнопка купить Single */
.mp-single-summary .single_add_to_cart_button {
    background: var(--pc-red) !important;
    color: #fff !important;
    border-radius: var(--pc-radius);
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    transition: 0.2s;
}
.mp-single-summary .single_add_to_cart_button:hover {
    background: var(--pc-red-dark) !important;
    transform: translateY(-2px);
}

/* Мета данные */
.mp-single-summary .product_meta {
    margin-top: 30px;
    font-size: 13px;
    color: #888;
}
.mp-single-summary .product_meta a { color: var(--pc-black); font-weight: 600; }

/* ТАБЫ (ВКЛАДКИ) ВНИЗУ */
.mp-single-bottom { margin-top: 60px; }

.woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #eee !important;
    padding: 0 !important;
    margin: 0 0 30px !important;
}

.woocommerce-tabs ul.tabs li {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
    color: var(--pc-gray) !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 25px !important;
    border-bottom: 2px solid transparent;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Активный таб - красная полоса снизу, без желтого фона */
.woocommerce-tabs ul.tabs li.active a {
    color: var(--pc-red) !important;
    border-bottom-color: var(--pc-red);
}

/* УВЕДОМЛЕНИЯ WOOCOMMERCE (Строгий стиль) */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    background: #fff;
    border-radius: var(--pc-radius);
    border-top: 3px solid var(--pc-black); /* Черная полоса сверху */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.woocommerce-message { border-top-color: #4caf50; } /* Зеленая для успеха */
.woocommerce-error { border-top-color: var(--pc-red); }

/* Кнопка в уведомлении */
.woocommerce-message .button.wc-forward {
    background: var(--pc-black) !important;
    color: #fff !important;
    border-radius: var(--pc-radius);
    font-weight: 700;
    text-transform: uppercase;
}
.woocommerce-message .button.wc-forward:hover {
    background: #444 !important;
}

/* =========================================================
   АДАПТИВ
   ========================================================= */

@media (max-width: 992px) {
    .mp-shop { grid-template-columns: 1fr; }
    .mp-shop-sidebar { display: none; } /* Скрываем сайдбар на планшетах, либо переносим вниз */
    .woocommerce ul.products.columns-4, .woocommerce ul.products.columns-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .mp-single-main { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }
    .mp-product-body { padding: 15px; }
    .mp-product-title { font-size: 13px; }
    
    .mp-single-summary .product_title { font-size: 24px; }
    .mp-single-summary .price { font-size: 24px; }
}
/* =========================================
   МОБИЛЬНЫЕ ПРАВКИ (ВСТАВИТЬ В КОНЕЦ ФАЙЛА)
   ========================================= */

@media (max-width: 767px) {
    /* Принудительно делаем 2 колонки. 
       Перечисляем все возможные классы колонок, чтобы наверняка сработало.
    */
    .woocommerce ul.products,
    .woocommerce ul.products.columns-4,
    .woocommerce ul.products.columns-3,
    .woocommerce-page ul.products.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important; /* Уменьшаем расстояние между товарами */
    }

    /* Уменьшаем внутренние отступы карточки, чтобы контент влезал */
    .mp-product-body {
        padding: 10px !important;
    }

    /* Чуть уменьшаем шрифт заголовка для мобильных */
    .mp-product-title {
        font-size: 13px !important;
        height: auto !important; /* Разрешаем высоту по содержимому или фиксируем меньше */
        min-height: 36px;
        margin-bottom: 5px !important;
    }

    /* Делаем цену компактнее */
    .mp-product-card .price {
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }

    /* Кнопка "В корзину" компактнее */
    body.woocommerce ul.products li.product.mp-product-card .button {
        padding: 8px 0 !important;
        font-size: 12px !important;
    }
}
/* =========================================
   МОБИЛЬНЫЕ ФИЛЬТРЫ (OFF-CANVAS)
   ========================================= */

/* Кнопка открытия фильтров */
.mp-mobile-filter-btn {
    display: none; /* Скрыта на ПК */
    width: 100%;
    padding: 12px;
    background: var(--pc-black);
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Кнопка закрытия (крестик) */
.mp-filter-close {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    color: var(--pc-black);
    z-index: 1001;
}

/* Затемнение фона */
.mp-filter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.mp-filter-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Логика для мобильных устройств */
@media (max-width: 992px) {
    .mp-mobile-filter-btn {
        display: flex; /* Показываем кнопку */
    }

    .mp-filter-close {
        display: block; /* Показываем крестик */
    }

    /* Превращаем сайдбар в выдвижную панель */
    .mp-shop-sidebar {
        display: block !important; /* Принудительно показываем */
        position: fixed;
        top: 0;
        left: -100%; /* Спрятан слева */
        width: 280px; /* Ширина шторки */
        height: 100%;
        background: #fff;
        z-index: 999;
        padding: 40px 20px 20px; /* Отступ сверху для крестика */
        overflow-y: auto;
        box-shadow: 5px 0 15px rgba(0,0,0,0.1);
        transition: left 0.3s ease;
    }

    .mp-shop-sidebar.active {
        left: 0; /* Выезжает */
    }
}
/* =========================================
   ФИКС ДЛЯ "СЛОМАННЫХ" ОПИСАНИЙ ТОВАРОВ
   ========================================= */

/* Защита контейнеров от растягивания */
.mp-single-summary,
.mp-single-bottom,
.woocommerce-Tabs-panel {
    max-width: 100%;
    overflow-x: hidden; /* Обрезаем всё, что вылезает за границы */
}

/* Принудительно сжимаем картинки, таблицы и видео в описании */
.woocommerce-product-details__short-description img,
.woocommerce-product-details__short-description table,
.woocommerce-product-details__short-description iframe,
.woocommerce-Tabs-panel img,
.woocommerce-Tabs-panel table,
.woocommerce-Tabs-panel iframe {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important; /* Сбрасываем фиксированную ширину */
    box-sizing: border-box;
}

/* Исправляем таблицы, если они есть в описании */
.woocommerce-Tabs-panel table {
    display: block;
    width: 100%;
    overflow-x: auto; /* Добавляем прокрутку таблице, если она гигантская */
}
/* Сбрасываем отступы списка товаров */
.woocommerce ul.products {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Заставляем текст переноситься принудительно */
.mp-product-card,
.mp-product-title,
.mp-product-title a {
    word-break: break-word !important; /* Перенос слов */
    word-wrap: break-word !important;
    hyphens: auto !important;
    min-width: 0 !important; /* Разрешаем сжиматься до 0 */
}
/* Обрезаем всё, что пытается вылезти за экран */
.mp-shop-main {
    max-width: 100vw !important;
    overflow-x: hidden !important;
}

/* Гарантируем, что картинка не будет шире карточки */
.mp-product-image img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}
/* =========================================
   ФИНАЛЬНЫЕ ШТРИХИ: ШАПКА КАТАЛОГА И ПАГИНАЦИЯ
   ========================================= */

/* --- 1. ПАГИНАЦИЯ (КНОПКИ ВНИЗУ) --- */
.woocommerce-pagination {
    margin-top: 40px;
    text-align: center;
}

.woocommerce-pagination ul {
    display: inline-flex !important;
    border: none !important; /* Убираем стандартные рамки */
    padding: 0;
    gap: 5px; /* Расстояние между кнопками */
}

.woocommerce-pagination ul li {
    border: none !important;
    overflow: hidden;
    margin: 0 !important;
}

/* Стиль кнопок (цифры) */
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--pc-border) !important;
    background: #fff;
    color: var(--pc-black);
    font-weight: 700;
    text-decoration: none;
    border-radius: var(--pc-radius);
    font-size: 14px;
    line-height: 1;
    transition: all 0.3s ease;
}

/* Активная страница и наведение */
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover {
    background: var(--pc-black) !important;
    color: #fff !important;
    border-color: var(--pc-black) !important;
}

/* Стрелки вперед/назад */
.woocommerce-pagination ul li a.next,
.woocommerce-pagination ul li a.prev {
    font-size: 18px;
}


/* --- 2. МОБИЛЬНАЯ ВЕРСИЯ ШАПКИ КАТАЛОГА --- */
@media (max-width: 767px) {
	.mp-shop-header{
		display: block !important;
		justify-content: center;
	}
    
    /* Уменьшаем заголовок категории */
    .mp-shop-title {
		
        font-size: 22px !important;
		margin-left: 15px;
        margin-bottom: 15px !important;
        line-height: 1.2;
    }

    /* Выстраиваем "Показано..." и "Сортировка" в одну строку */
    .mp-shop-ordering {
        display: flex !important;
        justify-content: space-between; /* Разносим по краям */
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
        gap: 10px;
    }

    /* Текст "Показано 1-12 из..." */
    .mp-shop-ordering .woocommerce-result-count {
        float: none !important;
        margin: 0 !important;
        font-size: 12px; /* Уменьшаем шрифт, чтобы влезло */
        color: var(--pc-gray);
        line-height: 1.2;
        max-width: 50%; /* Не даем тексту занимать больше половины */
    }

    /* Форма сортировки (выпадающий список) */
    .mp-shop-ordering .woocommerce-ordering {
        float: none !important;
        margin: 0 !important;
        flex-grow: 1; /* Растягиваем на оставшееся место */
        max-width: 50%;
    }

    /* Сам селект (выпадашка) */
    .mp-shop-ordering .woocommerce-ordering select {
        width: 100%;
        padding: 6px 4px;
        font-size: 12px;
        height: 34px;
        border: 1px solid var(--pc-border);
        border-radius: var(--pc-radius);
        background-color: #fff;
    }
}
 .mp-shop-ordering .woocommerce-ordering select {
	
        width: 100%;
        padding: 6px 4px;
        font-size: 12px;
        height: 34px;
        border: 1px solid var(--pc-border);
        border-radius: var(--pc-radius);
        background-color: #fff;
    }
/* =========================================
   НОВЫЙ ДИЗАЙН ЗНАЧКА "РАСПРОДАЖА" (СКИДКА)
   ========================================= */

/* Переопределяем стили для значка внутри карточки товара */
.mp-product-card .mp-product-image .onsale {
    /* 1. Сбрасываем круглую форму */
    width: auto !important;
    height: auto !important;
    border-radius: 6px !important; /* Закругленные углы (прямоугольник) */

    /* 2. Задаем красно-оранжевый градиент */
    /* Используем градиент от кораллово-оранжевого к твоему фирменному красному */
    background: linear-gradient(135deg, #ff7f50, #e41e31) !important;

    /* ВАЖНО: Если градиент не нравится и нужен сплошной цвет,
       удалите строку выше и раскомментируйте строку ниже: */
    /* background: #ff5722 !important; */

    /* 3. Настраиваем размеры и отступы */
    padding: 4px 10px !important; /* Больше места по бокам для текста */
    
    /* 4. Стили текста и отображения */
    color: #fff !important;
    font-size: 9px !important; /* Чуть меньше шрифт, чтобы смотрелось аккуратно */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    
    /* Убираем старое flex-центрирование, которое было для круга */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    /* 5. Легкая тень для объема (выглядит дороже) */
    box-shadow: 0 4px 8px rgba(228, 30, 49, 0.25);
}
/* =========================================
   РЕДИЗАЙН КАРТОЧКИ ТОВАРА (SINGLE PRODUCT)
   ========================================= */

/* --- 1. ХЛЕБНЫЕ КРОШКИ (НАВИГАЦИЯ СВЕРХУ) --- */
.woocommerce-breadcrumb {
    margin: 0 0 20px 0 !important;
    padding: 10px 0 !important;
    font-size: 13px !important;
    color: var(--pc-gray) !important;
    border-bottom: 1px solid var(--pc-border); /* Тонкая линия снизу для отделения */
}

.woocommerce-breadcrumb a {
    color: var(--pc-black) !important;
    text-decoration: none;
    font-weight: 500;
}
.woocommerce-breadcrumb a:hover {
    color: var(--pc-red) !important;
}

/* --- 2. ГАЛЕРЕЯ И МИНИ-КАРТИНКИ --- */
/* Главное фото */
.woocommerce-product-gallery__image {
    margin-bottom: 10px !important;
    border: 1px solid var(--pc-border);
    border-radius: var(--pc-radius);
    overflow: hidden;
}

/* Миниатюры (Thumbnails) в один ряд */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap !important; /* Если много - перенесутся */
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    width: 80px !important; /* Фиксированный размер миниатюр */
    height: 80px !important;
    float: none !important; /* Убираем старые флоаты */
    list-style: none !important;
    cursor: pointer;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Чтобы картинка заполняла квадрат */
    border: 1px solid var(--pc-border);
    border-radius: var(--pc-radius);
    opacity: 0.6;
    transition: all 0.2s ease;
}

/* Активная миниатюра или при наведении */
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
    opacity: 1 !important;
    border-color: var(--pc-black) !important;
}


/* --- 3. ИНФОРМАЦИЯ О ТОВАРЕ (ПРАВАЯ КОЛОНКА) --- */

/* Название товара */
h1.product_title.entry-title {
    font-size: 26px !important; /* Уменьшили шрифт */
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: var(--pc-black) !important;
    margin-bottom: 15px !important;
    text-transform: none !important; /* Убираем лишний капс, если был */
}

/* Цена */
.mp-single-summary .price {
    font-size: 24px !important;
    color: var(--pc-black) !important;
    font-weight: 700;
    margin-bottom: 20px !important;
    display: block;
}
.mp-single-summary .price ins {
    text-decoration: none;
    color: var(--pc-red) !important; /* Красная цена скидки */
}
.mp-single-summary .price del {
    color: var(--pc-gray) !important;
    font-size: 16px !important;
    opacity: 0.7;
}

/* Краткое описание */
.woocommerce-product-details__short-description {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: var(--pc-gray) !important;
    margin-bottom: 25px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px solid var(--pc-border);
}

/* --- 4. КНОПКА "В КОРЗИНУ" И КОЛИЧЕСТВО --- */
form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 30px !important;
}

/* Поле количества */
.quantity input.qty {
    width: 60px !important;
    height: 50px !important;
    border: 1px solid var(--pc-border) !important;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-radius: var(--pc-radius) !important;
    color: var(--pc-black);
}

/* Кнопка */
button.single_add_to_cart_button {
    background-color: var(--pc-black) !important;
    color: #fff !important;
    height: 50px !important;
    padding: 0 40px !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: var(--pc-radius) !important;
    border: none;
    transition: 0.3s;
}
button.single_add_to_cart_button:hover {
    background-color: var(--pc-red) !important;
}

/* --- 5. МЕТА-ДАННЫЕ (Артикул, Категория) --- */
.product_meta {
    font-size: 13px !important;
    color: var(--pc-gray) !important;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.product_meta > span {
    display: block;
}
.product_meta span.sku_wrapper, 
.product_meta span.posted_in {
    font-weight: 500;
    color: var(--pc-black);
}
.product_meta a {
    color: var(--pc-gray);
    font-weight: normal;
    text-decoration: none;
}
.product_meta a:hover {
    color: var(--pc-red);
}

/* --- 6. МОБИЛЬНЫЕ ПРАВКИ --- */
@media (max-width: 767px) {
    h1.product_title.entry-title {
        font-size: 20px !important; /* Еще меньше на телефоне */
    }
    
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 60px !important; /* Уменьшаем миниатюры на телефоне */
        height: 60px !important;
    }
    
    button.single_add_to_cart_button {
        width: 100% !important; /* Кнопка во всю ширину */
    }
}
/* =========================================
   ПРАВКИ: ХЛЕБНЫЕ КРОШКИ И ЗНАЧОК СКИДКИ
   ========================================= */

/* --- 1. ВЫРАВНИВАНИЕ ХЛЕБНЫХ КРОШЕК --- */
.woocommerce-breadcrumb {
    /* Ограничиваем ширину, чтобы не растягивались на весь 4k монитор */
    max-width: 1200px; 
    width: 100%;
    
    /* Центрируем блок на странице */
    margin: 0 auto 20px auto !important;
    
    /* Добавляем отступы по бокам, чтобы на телефоне не прилипало */
    padding: 15px 20px !important;
    box-sizing: border-box;
    
    /* Убеждаемся, что текст внутри выровнен слева */
    text-align: left; 
}

/* --- 2. УКРАШЕНИЕ ЗНАЧКА "РАСПРОДАЖА" --- */
/* Применяем и для каталога, и для карточки товара */
.mp-product-card .mp-product-image .onsale,
.mp-single-gallery .onsale {
    /* Сдвигаем от краев (эффект "парящего" ярлыка) */
    top: 10px !important;
    left: 10px !important;
    right: auto !important; /* Сбрасываем привязку справа */
    
    /* Добавляем легкую тень для объема */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2) !important;
	 background: linear-gradient(135deg, #ff7f50, #e41e31) !important;
    border-radius: 6px !important; /* Закругленные углы (прямоугольник) */
	/* 3. Настраиваем размеры и отступы */
    padding: 4px 10px !important; /* Больше места по бокам для текста */
    
    /* 4. Стили текста и отображения */
    color: #fff !important;
    font-size: 9px !important; /* Чуть меньше шрифт, чтобы смотрелось аккуратно */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    /* Убедимся, что он поверх всего */
    z-index: 10;
}

/* =========================================
   СТИЛИЗАЦИЯ ТАБОВ (ОПИСАНИЕ И ОТЗЫВЫ)
   ========================================= */

/* 1. Контейнер вкладок */
.woocommerce-tabs ul.tabs {
    display: flex !important;        /* Выстраиваем в ряд */
    flex-wrap: nowrap !important;    /* Запрещаем перенос на вторую строку */
    overflow-x: auto !important;     /* Если не влезет - будет скролл */
    gap: 30px !important;            /* Расстояние между словами */
    padding: 0 !important;
    margin: 0 0 30px 0 !important;   /* Отступ снизу до текста */
    border-bottom: 1px solid var(--pc-border) !important; /* Общая серая линия снизу */
    list-style: none !important;
    
    /* Скрываем скроллбар для красоты (но скролл работает) */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.woocommerce-tabs ul.tabs::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

/* 2. Сами пункты (li) */
.woocommerce-tabs ul.tabs li {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0; /* Чтобы табы не сжимались */
}

/* 3. Текст ссылок */
.woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: 10px 0 15px 0 !important; /* Отступы сверху и снизу */
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--pc-gray) !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important; /* Подготовка для линии */
    transition: all 0.3s ease;
}

/* 4. Активная вкладка и наведение */
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
    color: var(--pc-black) !important; /* Текст становится черным */
    border-bottom-color: var(--pc-red) !important; /* Красная линия снизу */
}

/* Убираем странные уголки, которые иногда добавляет Elementor или тема */
.woocommerce-tabs ul.tabs li:before,
.woocommerce-tabs ul.tabs li:after {
    display: none !important;
}

/* Убираем рамку вокруг самого текста описания, чтобы было чисто */
.woocommerce-tabs .panel {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================
   ОФОРМЛЕНИЕ КОРЗИНЫ (ВЕРСИЯ "ПРИОРИТЕТНАЯ")
   ========================================= */

/* 1. ТАБЛИЦА (Убираем границы и лишнее) */
body.woocommerce-cart table.shop_table,
body.woocommerce-cart table.shop_table td,
body.woocommerce-cart table.shop_table th {
    border: none !important;
    border-collapse: collapse !important;
}

/* Линии только между товарами */
body.woocommerce-cart table.shop_table td {
    border-bottom: 1px solid #eee !important;
    padding: 20px 10px !important;
}

/* Заголовки таблицы (Товар, Цена...) */
body.woocommerce-cart table.shop_table th {
    background: transparent !important;
    color: var(--pc-black) !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    padding: 15px 10px !important;
    border-bottom: 2px solid var(--pc-black) !important; /* Жирная черта под заголовком */
}

/* 2. КРЕСТИК УДАЛЕНИЯ (Стильный красный) */
body.woocommerce-cart a.remove {
    color: #dc2323 !important; /* Красный */
    background: transparent !important;
    border: 1px solid #dc2323 !important;
    border-radius: 50% !important;
    font-weight: bold !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 22px !important; /* Центровка */
    display: inline-block !important;
    text-align: center !important;
    transition: all 0.3s !important;
}
body.woocommerce-cart a.remove:hover {
    background: #dc2323 !important;
    color: #fff !important;
}

/* 3. КАРТИНКИ В КОРЗИНЕ */
body.woocommerce-cart .product-thumbnail img {
    width: 180px !important;
    border-radius: 4px !important;
    border: 1px solid #eee !important;
}
/* Название товара */
.woocommerce-cart .product-name a {
    color: var(--pc-black) !important;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
}
.woocommerce-cart .product-name a:hover {
    color: var(--pc-red) !important;
}
/* 4. БЛОК "ИТОГО" (Сумма заказа) */
body.woocommerce-cart .cart-collaterals .cart_totals {
    background: #fdfdfd !important;
    padding: 30px !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .cart_totals h2 {
    border-bottom: 2px solid #dc2323 !important;
    display: inline-block !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

/* Финальная цена - крупно */
body.woocommerce-cart .order-total .amount {
    color: #dc2323 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

/* 5. КНОПКА "ОФОРМИТЬ ЗАКАЗ" (Самое важное!) */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, #ff7f50, #e41e31) !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 18px 0 !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    width: 100% !important;
    display: block !important;
    margin-top: 20px !important;
    box-shadow: 0 10px 20px rgba(220, 35, 35, 0.3) !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 25px rgba(220, 35, 35, 0.4) !important;
}

/* 6. КНОПКИ КУПОНА */
body.woocommerce-cart .coupon .button {
    background: #222 !important;
    color: #fff !important;
    height: 40px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

/* 7. АДАПТИВ (ЧТОБЫ НЕ ЛОМАЛОСЬ НА ТЕЛЕФОНЕ) */
@media (max-width: 767px) {
    /* Скрываем заголовки таблицы */
    body.woocommerce-cart table.shop_table thead { display: none !important; }
    
    /* Делаем ячейки блоками */
    body.woocommerce-cart table.shop_table td {
        display: block !important;
        text-align: center !important;
        border: none !important;
    }
    
    body.woocommerce-cart table.shop_table tr {
        display: block !important;
        border: 1px solid #eee !important;
        margin-bottom: 20px !important;
        border-radius: 8px !important;
        padding: 15px !important;
    }
    
    body.woocommerce-cart .coupon {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }
    body.woocommerce-cart .coupon input { width: 100% !important; }
    body.woocommerce-cart .coupon button { width: 100% !important; }
}
/* =========================================
   ОФОРМЛЕНИЕ ЗАКАЗА (CHECKOUT PAGE)
   ========================================= */

/* --- 1. ПОЛЯ ВВОДА (Имя, Адрес, Телефон) --- */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    height: 50px !important; /* Высокие удобные поля */
    padding: 0 15px !important;
    font-size: 15px !important;
    color: #222 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    width: 100% !important;
    transition: all 0.3s;
}

/* При нажатии на поле - рамка черная */
body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
    border-color: #222 !important;
    outline: none !important;
}

/* Заголовки полей (Имя, Фамилия...) */
body.woocommerce-checkout .form-row label {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #222 !important;
    margin-bottom: 5px !important;
    display: block;
}

/* --- 2. ЗАГОЛОВКИ СЕКЦИЙ ("Детали оплаты", "Ваш заказ") --- */
body.woocommerce-checkout h3 {
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    margin-bottom: 25px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #dc2323 !important; /* Красное подчеркивание */
    display: inline-block !important;
}

/* --- 3. ТАБЛИЦА "ВАШ ЗАКАЗ" (РАМКА ВОКРУГ) --- */
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
    background: #fdfdfd !important;
    border: 1px solid #eee !important;
    padding: 20px 30px !important;
    border-radius: 6px !important;
}

/* Сама таблица внутри */
body.woocommerce-checkout table.shop_table {
    border: none !important;
}
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
    border-bottom: 1px solid #eee !important;
    padding: 15px 0 !important;
    background: transparent !important;
}

/* Название товара жирным */
body.woocommerce-checkout .product-name {
    color: #222 !important;
    font-weight: 600 !important;
	}

/* Итоговая сумма - КРАСНЫМ */
body.woocommerce-checkout .order-total .amount {
    font-size: 22px !important;
    color: #dc2323 !important;
    font-weight: 900 !important;
}

/* --- 4. МЕТОДЫ ОПЛАТЫ --- */
body.woocommerce-checkout #payment {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #eee !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

/* Описание метода оплаты (серый бокс) */
body.woocommerce-checkout #payment div.payment_box {
    background-color: #f5f5f5 !important;
    color: #666 !important;
    font-size: 13px !important;
    padding: 15px !important;
    margin-top: 10px !important;
    border-radius: 4px !important;
}
/* Треугольничек у бокса */
body.woocommerce-checkout #payment div.payment_box::before {
    display: none !important; /* Убираем, часто криво встает */
}

/* --- 5. КНОПКА "ПОДТВЕРДИТЬ ЗАКАЗ" --- */
body.woocommerce-checkout #place_order {
    background: linear-gradient(135deg, #ff7f50, #e41e31) !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 18px 0 !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    width: 100% !important;
    border: none !important;
    box-shadow: 0 10px 20px rgba(220, 35, 35, 0.3) !important;
    transition: all 0.3s;
    float: none !important;
}
body.woocommerce-checkout #place_order:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 25px rgba(220, 35, 35, 0.4) !important;
}

/* --- 6. МОБИЛЬНЫЕ ПРАВКИ --- */
@media (max-width: 767px) {
    /* Делаем в одну колонку */
    body.woocommerce-checkout .col2-set .col-1, 
    body.woocommerce-checkout .col2-set .col-2 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    
    body.woocommerce-checkout #order_review {
        padding: 15px !important; /* Чуть меньше отступы на телефоне */
    }
}
/* =========================================
   СТИЛИ ДЛЯ ПЛАГИНА FILTER EVERYTHING
   ========================================= */

/* 1. ЗАГОЛОВКИ ФИЛЬТРОВ (Цена, Бренд и т.д.) */
.wpc-filter-title {
    color: var(--pc-black) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid var(--pc-black) !important; /* Черная линия снизу */
    padding-bottom: 5px !important;
    display: inline-block !important;
    width: 100%;
}

/* Убираем стрелочку раскрытия, если она выглядит криво, или красим её */
.wpc-filter-header .wpc-toggle-filter {
    color: var(--pc-black) !important;
}

/* 2. ТЕКСТ ПУНКТОВ (Samsung, Philips...) */
.wpc-term-item label,
.wpc-term-item a {
    color: #444 !important; /* Темно-серый, почти черный */
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease;
    cursor: pointer;
}

/* При наведении - красный */
.wpc-term-item label:hover,
.wpc-term-item a:hover {
    color: var(--pc-red) !important;
}

/* Выбранный пункт (Активный) */
.wpc-term-item.wpc-term-selected label,
.wpc-term-item.wpc-term-selected a {
    color: var(--pc-black) !important;
    font-weight: bold !important;
}

/* 3. ЧЕКБОКСЫ (Квадратики) */
/* Сам квадратик */
.wpc-checkbox-item input[type="checkbox"] + label:before,
.wpc-checkbox-item input[type="radio"] + label:before {
    border: 1px solid #ccc !important;
    border-radius: 2px !important; /* Твой фирменный радиус */
    background: #fff !important;
    width: 18px !important;
    height: 18px !important;
}

/* Когда выбрано - красный фон или черная галочка */
.wpc-checkbox-item input[type="checkbox"]:checked + label:before {
    background-color: var(--pc-black) !important;
    border-color: var(--pc-black) !important;
    color: #fff !important; /* Цвет галочки внутри */
}

/* 4. СЧЕТЧИК ТОВАРОВ (Цифра в скобках) */
.wpc-term-count {
    color: #999 !important;
    font-size: 12px !important;
    background: transparent !important;
}

/* 5. КНОПКА "ПРИМЕНИТЬ" (Если есть) */
.wpc-filters-submit-button {
    background: var(--pc-black) !important;
    color: #fff !important;
    border: none !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    margin-top: 10px;
}
.wpc-filters-submit-button:hover {
    background: var(--pc-red) !important;
}

/* 6. КНОПКА "СБРОСИТЬ" */
.wpc-filters-reset-button {
    color: var(--pc-gray) !important;
    text-decoration: underline;
    font-size: 13px !important;
    margin-top: 10px;
    display: inline-block;
}
.wpc-filters-reset-button:hover {
    color: var(--pc-red) !important;
}

/* 7. ПОЛЯ ЦЕНЫ (От и До) */
.wpc-filters-range-inputs input {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    color: var(--pc-black) !important;
    padding: 5px 10px !important;
    font-weight: bold;
}
/* =========================================
   СТИЛИ ДЛЯ СТАНДАРТНЫХ ВИДЖЕТОВ WOOCOMMERCE
   ========================================= */

/* 1. ОБЩИЙ КОНТЕЙНЕР ВИДЖЕТА */
.widget {
    margin-bottom: 40px !important;
    border: none !important;
    background: transparent !important;
}

/* 2. ЗАГОЛОВКИ ВИДЖЕТОВ (Как в корзине и фильтрах) */
.widget .widget-title,
.widget .mp-filter-title {
    color: var(--pc-black) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid var(--pc-black) !important;
    padding-bottom: 8px !important;
    display: block !important;
    width: 100%;
    line-height: 1.2;
}

/* 3. СПИСКИ КАТЕГОРИЙ И МЕНЮ */
.widget ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.widget ul li {
    position: relative;
    padding: 8px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important; /* Легкая линия между пунктами */
    display: flex !important;
    justify-content: space-between; /* Разносим название и счетчик */
    align-items: center;
    transition: all 0.2s ease;
}

/* Ссылка (Название категории) */
.widget ul li a {
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s;
}

/* При наведении */
.widget ul li:hover a {
    color: var(--pc-red) !important;
    padding-left: 5px; /* Легкий сдвиг вправо при наведении */
}

/* Активная категория (где мы сейчас находимся) */
.widget ul li.current-cat > a,
.widget ul li.current-menu-item > a {
    color: var(--pc-black) !important;
    font-weight: 900 !important;
}
/* Добавляем красную точку перед активной категорией */
.widget ul li.current-cat > a:before {
    content: '•';
    color: var(--pc-red);
    margin-right: 5px;
    font-size: 18px;
    line-height: 0;
}

/* 4. СЧЕТЧИК ТОВАРОВ (Цифра справа) */
.widget ul li .count {
    font-size: 11px !important;
    color: #999 !important;
    background: #f5f5f5;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
}

/* 5. ВЛОЖЕННЫЕ КАТЕГОРИИ (ДЕТИ) */
.widget ul.children {
    margin-top: 8px !important;
    margin-left: 15px !important; /* Сдвиг вправо */
    border-left: 1px solid var(--pc-border); /* Линия иерархии */
}
.widget ul.children li {
    border-bottom: none !important;
    padding: 5px 0 5px 10px !important;
}

/* 6. СТАНДАРТНЫЙ ФИЛЬТР ЦЕНЫ (ПОЛЗУНОК WOOCOMMERCE) */
/* Полоска */
.widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--pc-black) !important; /* Черная полоса выбора */
}
.widget_price_filter .ui-slider {
    background-color: #eee !important; /* Серая подложка */
    margin-bottom: 20px !important;
}
/* Кругляшки (ручки) */
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #fff !important;
    border: 2px solid var(--pc-black) !important;
    width: 14px !important;
    height: 14px !important;
    top: -4px !important;
}
/* Кнопка "Фильтровать" внутри цены */
.widget_price_filter .price_slider_amount .button {
    background: var(--pc-black) !important;
    color: #fff !important;
    font-size: 12px !important;
    text-transform: uppercase;
    padding: 8px 15px !important;
    font-weight: bold;
    border-radius: var(--pc-radius) !important;
    float: right; /* Кнопка справа */
}
.widget_price_filter .price_slider_amount .price_label {
    font-size: 13px !important;
    font-weight: bold;
    line-height: 34px; /* Выравнивание с кнопкой */
}

/* 7. ВИДЖЕТ "ТОВАРЫ" (СБОКУ) - Делаем красиво */
.product_list_widget li {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}
.product_list_widget li:last-child {
    border: none;
}

/* Картинка в виджете */
.product_list_widget li img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    border-radius: var(--pc-radius);
    float: none !important;
    margin: 0 !important;
    border: 1px solid #eee;
}

/* Название товара */
.product_list_widget li a {
    font-weight: 700 !important;
    color: var(--pc-black) !important;
    display: block;
    line-height: 1.3;
    margin-bottom: 5px;
}

/* Цена */
.product_list_widget li .amount {
    color: var(--pc-red) !important;
    font-weight: bold;
}

/* =========================================
   СТИЛИ СПИСКА ЖЕЛАНИЙ (ПРИОРИТЕТНАЯ ВЕРСИЯ)
   ========================================= */

/* 1. КОНТЕЙНЕР И ТАБЛИЦА */
/* Убираем стандартные отступы и границы плагина */
body .woosw-list {
    margin-bottom: 40px !important;
}

body .woosw-list table.woosw-items {
    border: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* 2. ШАПКА ТАБЛИЦЫ */
body .woosw-list table.woosw-items th {
    background: transparent !important;
    color: #222 !important; /* Черный */
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    padding: 15px 10px !important;
    border-bottom: 2px solid #222 !important; /* Жирная черта */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* 3. СТРОКИ ТОВАРА */
body .woosw-list table.woosw-items td {
    padding: 20px 10px !important;
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    vertical-align: middle !important;
    font-size: 15px !important;
}

/* 4. КАРТИНКА */
body .woosw-list .woosw-item--image img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid #eee !important;
    max-width: none !important;
}

/* 5. НАЗВАНИЕ И ЦЕНА */
body .woosw-list .woosw-item--name a {
    color: #222 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 16px !important;
}
body .woosw-list .woosw-item--name a:hover {
    color: #dc2323 !important; /* Красный при наведении */
}

body .woosw-list .amount {
    font-weight: 900 !important;
    color: #222 !important;
}
body .woosw-list ins .amount {
    color: #dc2323 !important; /* Акцентная цена */
    text-decoration: none !important;
}

/* 6. КНОПКА "В КОРЗИНУ" */
body .woosw-list .woosw-btn {
    background: #222 !important;
    color: #fff !important;
    border: none !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    transition: 0.3s !important;
    display: inline-block !important;
    line-height: normal !important;
}
body .woosw-list .woosw-btn:hover {
    background: #dc2323 !important; /* Красный */
}

/* 7. КРЕСТИК УДАЛЕНИЯ */
body .woosw-list .woosw-item--remove span {
    color: #ccc !important;
    font-size: 24px !important;
    cursor: pointer !important;
}
body .woosw-list .woosw-item--remove span:hover {
    color: #dc2323 !important;
}

/* 8. СТАТУС НАЛИЧИЯ */
body .woosw-list .woosw-stock {
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
body .woosw-list .woosw-stock.in-stock { color: #4caf50 !important; }
body .woosw-list .woosw-stock.out-of-stock { color: #dc2323 !important; }


/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ (Превращаем в карточки)
   ========================================= */
@media (max-width: 767px) {
    /* Прячем шапку */
    body .woosw-list table.woosw-items thead { display: none !important; }

    /* Строку делаем блоком */
    body .woosw-list table.woosw-items tr {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        border: 1px solid #eee !important;
        margin-bottom: 20px !important;
        padding: 20px !important;
        border-radius: 8px !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.03) !important;
    }

    body .woosw-list table.woosw-items td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        border: none !important;
        padding: 5px 0 !important;
    }

    /* Картинка */
    body .woosw-list .woosw-item--image {
        margin-bottom: 10px !important;
    }

    /* Кнопка удаления (крестик) - Абсолютно в правый верхний угол */
    body .woosw-list .woosw-item--remove {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        width: auto !important;
        padding: 0 !important;
    }

    /* Кнопка "В корзину" на всю ширину */
    body .woosw-list .woosw-item--actions,
    body .woosw-list .woosw-btn {
        width: 100% !important;
        display: block !important;
    }
}
/*
/* =========================================
   СТИЛИ ВСПЛЫВАЮЩЕГО ОКНА СРАВНЕНИЯ (WPC COMPARE)
   ========================================= 

/* 1. ФОН И ПОДЛОЖКА (ОКНО) */
/* Затемнение фона */
body .woosc-overlay {
    background-color: rgba(0, 0, 0, 0.7) !important; /* Темнее, чтобы не отвлекало */
}

/* Само окно сравнения */
body #woosc-area.woosc-area-popup .woosc-inner {
    background: #fff !important;
    border-radius: 6px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
    border: none !important;
}

/* Цвет плашки сверху (где настройки) */
body #woosc-area .woosc-bar {
    background: #f9f9f9 !important;
    border-bottom: 1px solid #eee !important;
    color: #222 !important;
}

/* 2. ТАБЛИЦА СРАВНЕНИЯ */
body #woosc-area .woosc-table {
    border-collapse: collapse !important;
}

/* Ячейки таблицы */
body #woosc-area .woosc-table td {
    border: none !important;
    border-bottom: 1px solid #eee !important; /* Тонкая линия */
    border-right: 1px solid #f5f5f5 !important; /* Разделитель колонок */
    padding: 20px !important;
    vertical-align: top !important;
    background: #fff !important;
    color: #444 !important;
    font-size: 14px !important;
}

/* 3. ЛЕВАЯ КОЛОНКА (НАЗВАНИЯ ХАРАКТЕРИСТИК) */
/* Делаем её "прилипшей" или выделенной */
body #woosc-area .woosc-table td.woosc-row-label {
    background-color: #fdfdfd !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #222 !important;
    width: 200px !important; /* Фиксируем ширину */
    min-width: 150px !important;
    border-right: 2px solid #eee !important;
    font-size: 12px !important;
    letter-spacing: 0.5px;
}

/* Подсветка строки при наведении (удобно читать) */
body #woosc-area .woosc-table tr:hover td {
    background-color: #fafafa !important;
}

/* 4. КАРТОЧКА ТОВАРА ВНУТРИ ТАБЛИЦЫ */
/* Название товара */
body #woosc-area .woosc-table .woosc-product-title a {
    color: #222 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: block;
    margin-bottom: 5px;
}
body #woosc-area .woosc-table .woosc-product-title a:hover {
    color: #dc2323 !important; /* Красный */
}

/* Цена */
body #woosc-area .woosc-table .price,
body #woosc-area .woosc-table .amount {
    color: #dc2323 !important;
    font-weight: 900 !important;
    font-size: 16px !important;
}

/* Картинка */
body #woosc-area .woosc-table img {
    border-radius: 4px !important;
    border: 1px solid #eee !important;
    margin-bottom: 10px !important;
}

/* 5. КНОПКА "В КОРЗИНУ" */
body #woosc-area .woosc-table .button {
    background: #222 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 2px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 11px !important;
    padding: 8px 15px !important;
    margin-top: 10px !important;
}
body #woosc-area .woosc-table .button:hover {
    background: #dc2323 !important;
}

/* 6. КНОПКА ЗАКРЫТИЯ (КРЕСТИК) */
body #woosc-area .woosc-popup-close {
    background: #dc2323 !important; /* Красный кружок */
    color: #fff !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    top: -15px !important;
    right: -15px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}
body #woosc-area .woosc-popup-close:hover {
    background: #b91d1d !important;
    transform: rotate(90deg);
}

/* 7. КРЕСТИК "УДАЛИТЬ ТОВАР" (Внутри ячейки) */
body #woosc-area .woosc-remove {
    color: #ccc !important;
    font-size: 20px !important;
}
body #woosc-area .woosc-remove:hover {
    color: #dc2323 !important;
}

/* 8. КАСТОМНЫЙ СКРОЛЛБАР (Прокрутка) */
/* Чтобы полоса прокрутки была красивой, а не стандартной синей */
body #woosc-area .woosc-inner::-webkit-scrollbar {
    height: 8px; /* Высота горизонтального скролла */
}
body #woosc-area .woosc-inner::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
body #woosc-area .woosc-inner::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 4px;
}
body #woosc-area .woosc-inner::-webkit-scrollbar-thumb:hover {
    background: #222; 
}
/* =========================================
   ФИНАЛЬНЫЙ ФИКС КНОПОК (MAXIMUM POWER)
   ========================================= */

/* 1. КОНТЕЙНЕР (Положение кнопок) */
html body .mp-product-actions {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 20;
    opacity: 0;
    transform: translateX(10px);
    transition: all 0.3s ease;
}

/* Показываем при наведении */
html body .mp-product-card:hover .mp-product-actions {
    opacity: 1;
    transform: translateX(0);
}

/* Мобильная версия: всегда видно */
@media (max-width: 767px) {
    html body .mp-product-actions {
        opacity: 1 !important;
        transform: none !important;
        top: 5px; right: 5px;
    }
}

/* 2. БАЗОВЫЙ ВИД КНОПОК (Белые кружочки) */
html body .mp-product-actions .woosw-btn,
html body .mp-product-actions .woosc-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 35px !important;
    height: 35px !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    cursor: pointer;
    font-size: 0 !important; /* Прячем родной текст/иконки плагина */
}

/* 3. НАШИ ИКОНКИ (Черные по умолчанию) */
html body .mp-product-actions .woosw-btn::before,
html body .mp-product-actions .woosc-btn::before {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #222222 !important; /* Черный цвет */
    transition: color 0.2s ease;
}

/* Иконка Сердца */
html body .mp-product-actions .woosw-btn::before {
    content: '\2665'; 
}
/* Иконка Сравнения */
html body .mp-product-actions .woosc-btn::before {
    content: '\21C4'; 
    font-size: 18px !important;
}

/* 4. ПРИ НАВЕДЕНИИ (Становятся черными, иконка белая) */
html body .mp-product-actions .woosw-btn:hover,
html body .mp-product-actions .woosc-btn:hover {
    background: #222222 !important;
    border-color: #222222 !important;
}
html body .mp-product-actions .woosw-btn:hover::before,
html body .mp-product-actions .woosc-btn:hover::before {
    color: #ffffff !important;
}

/* 5. СОСТОЯНИЕ "ДОБАВЛЕНО" (Красный фон + БЕЛАЯ ИКОНКА) */
/* Сам кружок */
html body .mp-product-actions .woosw-btn.woosw-added,
html body .mp-product-actions .woosc-btn.woosc-added {
    background: #dc2323 !important; /* Красный */
    border-color: #dc2323 !important;
    opacity: 1 !important;
}

/* Красим ВСЁ внутри кнопки в белый (и псевдо-элементы, и иконки) */
html body .mp-product-actions .woosw-btn.woosw-added::before,
html body .mp-product-actions .woosc-btn.woosc-added::before,
html body .mp-product-actions .woosw-btn.woosw-added *,
html body .mp-product-actions .woosc-btn.woosc-added * {
    color: #ffffff !important;
    fill: #ffffff !important; /* Если там SVG */
}
/* =========================================
   ПАТЧ ДЛЯ СТРЕЛОК СРАВНЕНИЯ (FIX)
   ========================================= */

/* 1. Ловим ВСЕ классы активности для сравнения (Added, Exist) */
html body .mp-product-actions .woosc-btn.woosc-added,
html body .mp-product-actions .woosc-btn.woosc-exist {
    background: #dc2323 !important; /* Красный фон */
    border-color: #dc2323 !important;
}

/* 2. Принудительно красим псевдо-элемент (Стрелки) в БЕЛЫЙ */
html body .mp-product-actions .woosc-btn.woosc-added::before,
html body .mp-product-actions .woosc-btn.woosc-exist::before {
    color: #ffffff !important;
    opacity: 1 !important;
    
    /* На всякий случай, если плагин пытается скрыть контент */
    display: block !important; 
    visibility: visible !important;
}

/* 3. Если плагин вставил свою иконку внутри - красим и её */
html body .mp-product-actions .woosc-btn.woosc-added *,
html body .mp-product-actions .woosc-btn.woosc-exist * {
    color: #ffffff !important;
    fill: #ffffff !important;
}
/* =========================================
   СТРАНИЦА "МОЙ АККАУНТ" (MY ACCOUNT)
   ========================================= */

/* --- 1. ФОРМА ВХОДА И РЕГИСТРАЦИИ --- */

/* Контейнер форм (делаем их карточками) */
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2 {
    background: #fff !important;
    border: 1px solid #eee !important;
    padding: 30px !important;
    border-radius: 6px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03) !important;
    margin-bottom: 30px !important;
}

/* Заголовки "Вход" и "Регистрация" */
body.woocommerce-account h2 {
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #dc2323 !important;
    display: inline-block !important;
    padding-bottom: 5px !important;
}

/* Поля ввода (Логин, Пароль) */
body.woocommerce-account input.woocommerce-Input {
    background: #fff !important;
    border: 1px solid #ddd !important;
    height: 45px !important;
    padding: 0 15px !important;
    font-size: 15px !important;
    border-radius: 4px !important;
    width: 100% !important;
    box-shadow: none !important;
    color: #222 !important;
}
body.woocommerce-account input.woocommerce-Input:focus {
    border-color: #222 !important; /* Черная рамка при фокусе */
}

/* Кнопки "Войти" и "Регистрация" */
body.woocommerce-account .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce-form-register__submit {
    background: linear-gradient(135deg, #ff7f50, #e41e31) !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    border: none !important;
    margin-top: 10px !important;
    width: 100% !important;
    transition: 0.3s !important;
}
body.woocommerce-account .woocommerce-form-login__submit:hover,
body.woocommerce-account .woocommerce-form-register__submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(220, 35, 35, 0.3) !important;
}

/* --- 2. ЛИЧНЫЙ КАБИНЕТ (ВНУТРИ) --- */

/* Навигация (Боковое меню) */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    overflow: hidden !important; /* Чтобы углы не торчали */
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #eee !important;
    margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none !important;
}

/* Ссылки меню */
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 15px 20px !important;
    color: #555 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    transition: all 0.2s !important;
    background: #fff !important;
}

/* При наведении */
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: #f9f9f9 !important;
    color: #dc2323 !important;
    padding-left: 25px !important; /* Эффект сдвига */
}

/* Активный пункт (Где мы сейчас) */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: #222 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/* Контент справа (Текст приветствия и таблицы) */
body.woocommerce-account .woocommerce-MyAccount-content {
    background: #fff !important;
    padding: 20px !important;
    /* Если нужно выделить контент в блок: */
    /* border: 1px solid #eee; border-radius: 6px; */ 
}
body.woocommerce-account .woocommerce-MyAccount-content p {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Ссылки в тексте (например "выйти") */
body.woocommerce-account .woocommerce-MyAccount-content a {
    color: #dc2323 !important;
    font-weight: 600 !important;
}

/* --- 3. ТАБЛИЦА ЗАКАЗОВ --- */
body.woocommerce-account table.my_account_orders {
    border: none !important;
    width: 100% !important;
}
body.woocommerce-account table.my_account_orders th {
    background: #f5f5f5 !important;
    color: #222 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    padding: 15px !important;
    border: none !important;
}
body.woocommerce-account table.my_account_orders td {
    padding: 15px !important;
    border-bottom: 1px solid #eee !important;
    font-size: 14px !important;
}
/* Кнопка "Просмотр" в таблице */
body.woocommerce-account table.my_account_orders .button {
    background: #fff !important;
    border: 1px solid #222 !important;
    color: #222 !important;
    padding: 8px 15px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}
body.woocommerce-account table.my_account_orders .button:hover {
    background: #222 !important;
    color: #fff !important;
}

/* --- 4. АДАПТИВНОСТЬ --- */
@media (max-width: 767px) {
    /* Меню навигации - над контентом */
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 30px !important;
    }
    
    /* Таблица заказов (прокрутка, если не влазит) */
    body.woocommerce-account table.my_account_orders {
        display: block !important;
        overflow-x: auto !important;
    }
}
/* =========================================
   СТРАНИЦА "ЗАКАЗ ПОЛУЧЕН" (THANK YOU PAGE)
   ========================================= */

/* Общий контейнер */
.woocommerce-order {
    max-width: 800px;
    margin: 0 auto;
}

/* Сообщение "Спасибо, ваш заказ принят" */
.woocommerce-thankyou-order-received {
    background: #222 !important; /* Черный фон */
    color: #fff !important;
    padding: 20px !important;
    text-align: center !important;
    border-radius: 6px !important;
    margin-bottom: 30px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Список деталей заказа (Номер, Дата, Email, Сумма) */
ul.order_details {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 40px !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    background: #fdfdfd !important;
}

ul.order_details li {
    flex: 1 1 200px !important; /* Чтобы красиво вставали в ряд */
    padding: 20px !important;
    border-right: 1px solid #eee !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    color: #777 !important;
}
ul.order_details li:last-child {
    border-right: none !important;
}

ul.order_details li strong {
    display: block !important;
    font-size: 16px !important;
    color: #222 !important;
    margin-top: 5px !important;
    font-weight: 900 !important;
}

/* Мобильная версия списка */
@media (max-width: 767px) {
    ul.order_details {
        flex-direction: column !important;
    }
    ul.order_details li {
        border-right: none !important;
        border-bottom: 1px solid #eee !important;
    }
}
.mp-shop { min-height: 800px; }
/* =========================================================
   ФИКС КНОПКИ ФИЛЬТРА (ТОЛЬКО МОБИЛЬНАЯ ВЕРСИЯ)
   ========================================================= */

/* 1. ПОЛНОСТЬЮ СКРЫВАЕМ КНОПКУ НА ДЕКСКТОПЕ */
@media (min-width: 769px) {
    #mp-filter-toggle.mp-mobile-filter-btn {
        display: none !important;
    }
}

/* 2. НАСТРОЙКИ ТОЛЬКО ДЛЯ МОБИЛЬНЫХ (Экраны до 768px) */
@media (max-width: 768px) {
    #mp-filter-toggle.mp-mobile-filter-btn {
        /* Фиксируем размеры, чтобы не раздувало после AJAX */
        display: flex !important;
        width: 100% !important;
        height: 40px !important;
        
        /* Центрирование и отступы */
        margin: 15px auto !important; 
        padding: 0 !important;
        
        /* Цвета: Белый фон, Красная рамка */
        background-color: #ffffff !important;
        color: #232323 !important; /* Ваш красный из переменных */
        border: 2px solid #232323 !important;
        border-radius: 4px !important;
        
        /* Текст */
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        
        /* Выравнивание содержимого внутри */
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        pointer-events: auto !important;
    }

    /* Состояние при нажатии на мобильном */
    #mp-filter-toggle.mp-mobile-filter-btn:active {
        background-color: #dc2323 !important;
        color: #ffffff !important;
    }

    /* Иконка внутри кнопки */
    #mp-filter-toggle.mp-mobile-filter-btn i {
        margin-right: 8px !important;
        font-size: 14px !important;
    }
}