/* ================================================================
   ЕДИНЫЙ ФАЙЛ ТЕМНОЙ ТЕМЫ — ФИНАЛЬНАЯ ОЧИЩЕННАЯ ВЕРСИЯ
   Источники: dark-theme.css + 2part-2.txt

   Проверка чистоты:
   - .ex-review-text не состоит в оранжевой группе.
   - Стили #unicheckout объявлены одним итоговым блоком.
   - .error-not-found__404 скрывается единственным правилом.
   - Плавающее меню, описания категорий и «Все категории» отключены.
   ================================================================ */

/* ==========================================
   1. ОБЩИЕ ФОНЫ И КОНТЕЙНЕРЫ (ТЕМНАЯ ТЕМА)
   ========================================== */
main, 
#content, 
.container, 
.uni-wrapper, 
#product,
.product-page-tabs, 
.tab-content, 
.tab-pane,
.owl-item,
.product-banner {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
}

.menu__banner > div {display:flex;flex-direction:column;justify-content:center;padding:20px 15px;text-align:center;background:rgba(0,0,0, .03);border-radius:4px}
.menu__banner div img {margin:20px 0;padding:15px}
.menu__banner span {color:#fe7200;font-size:1.5em;font-weight:500}
.menu__banner span:last-of-type{font-size:1.3em}

.article_description h3.heading{font-weight:700}
.article_description .heading:before{padding:0 5px 0 0;content:'#';color:#f00}

/* ==========================================
   2. КАРТОЧКИ ТОВАРОВ И КАТЕГОРИИ
   ========================================== */
.product-thumb, 
.product-thumb__caption {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
}

.product-thumb__name, 
.product-thumb__name a,
.product-thumb__price,
.product-thumb__description {
    color: #ffffff !important;
}

.product-thumb__model,
.product-thumb__attribute {
    color: #b0b0b0 !important;
}

h1, h2, h3, h4,
.product-info,
.tab-content {
    color: #ffffff !important;
}

.breadcrumb li a {
    color: #b0b0b0 !important;
}

.category-wall__item,
.review-module__item,
.category-list__item,
.category-list__name {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

.ocfilter-option .badge {
    background-color: #2e2e2e !important;
    color: #ffffff !important;
}

h1, 
.breadcrumb-h1 h1 {
    color: #ff6600 !important;
}

.ocf-option-name,
#ocfilter .ocf-option-name,
.pull-left.text-left,
#ocfilter .pull-left.text-left {
    color: #ff6600 !important;
}

.selected-options .ocfilter-option span,
.selected-options .ocfilter-option button.btn-default,
#ocfilter .selected-options .btn {
    color: #ff6600 !important;
}

#ocfilter .dropdown-menu label.input,
#ocfilter .dropdown-menu label.input span,
#ocfilter .dropdown-menu label.input small.badge {
    color: #ff6600 !important;
}

#ocfilter .dropdown-menu label.input input[type="checkbox"] {
    accent-color: #ff6600 !important;
}

.product-thumb__price-old,
.product-page__price-old,
.price-old {
    color: #888888 !important;
}

.rating i,
.rating .fa-star,
.rating .uni-icon,
.rating-star,
.review-module__rating i {
    color: #ff9900 !important;
}

.product-thumb__cart-btn:hover,
.product-page__add-to-cart:hover,
.btn-primary:hover {
    background-color: #e65c00 !important;
    border-color: #e65c00 !important;
}

.product-page__wishlist-btn,
.product-page__compare-btn,
.product-thumb__wishlist-btn,
.product-thumb__compare-btn {
    background-color: #2a2a2a !important;
    border: 1px solid #444444 !important;
    color: #ffffff !important;
}

.product-page__wishlist-btn i,
.product-page__compare-btn i,
.product-thumb__wishlist-btn i,
.product-thumb__compare-btn i {
    color: #ff6600 !important;
}

.product-tag__item,
a.product-tag__item {
    background-color: #2a2a2a !important;
    border: 1px solid #444444 !important;
    color: #cccccc !important;
}

.product-tag__item:hover,
a.product-tag__item:hover {
    background-color: #ff6600 !important;
    color: #ffffff !important;
    border-color: #ff6600 !important;
}

.qty-switch__btn,
.qty-switch__input,
.product-page__qty-btn,
.product-page__qty-input {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

.product-thumb__quick-order,
.product-thumb__wishlist,
.product-thumb__compare,
.uni-action-btn {
    background-color: #2a2a2a !important;
    border: 1px solid #444444 !important;
}

.product-thumb__quick-order i,
.product-thumb__wishlist i,
.product-thumb__compare i,
.uni-action-btn i {
    color: #ffffff !important;
}

.stock,
.instock,
.product-thumb__stock,
.product-page__stock {
    color: #2ecc71 !important;
}

.header-search__btn,
.header-search__btn i {
    background-color: #2a2a2a !important;
    color: #ff6600 !important;
    border-color: #444444 !important;
}

.live-search__ul,
.live-search {
    background-color: #1a1a1a !important;
    border: 1px solid #444444 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7) !important;
}

.live-search__item {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333333 !important;
}

.live-search__item:hover,
.live-search__item.active {
    background-color: #2a2a2a !important;
}

.live-search__name,
.live-search__item a {
    color: #ffffff !important;
}

.live-search__price,
.live-search__price-new {
    color: #ff6600 !important;
}

.live-search__price-old {
    color: #888888 !important;
}

.product-category-list {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    padding: 15px !important;
    border-radius: 4px !important;
}

.product-category-list a,
.product-category-list__item {
    background-color: #2a2a2a !important;
    color: #cccccc !important;
    border: 1px solid #444444 !important;
    display: inline-block !important;
    padding: 5px 12px !important;
    margin: 4px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
}

.product-category-list a:hover {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}

/* ==========================================
   6. ФОРМЫ, ИНПУТЫ, 404 И БЛОГ
   ========================================== */
input.form-control,
textarea.form-control,
select.form-control,
#content input[type='text'],
#content input[type='password'],
#content input[type='email'],
#content input[type='tel'],
#content textarea {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

input.form-control:focus,
textarea.form-control:focus {
    background-color: #333333 !important;
    border-color: #ff6600 !important;
}

.account-login__wrapper,
.uni-form {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
}

button.product-thumb__add-to-cart,
.product-thumb__add-to-cart {
    color: #000000 !important;
}

button.compare-page__delete,
.compare-page__delete {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    border-radius: 4px !important;
}

.div-text-empty {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 15px !important;
}

footer,
.footer {
    background-color: #1a1a1a !important;
    background-image: none !important;
}

.news-list__item,
.news-thumb__item {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
}

.news-thumb__name a,
.news-list__title a {
    color: #ffffff !important;
}

/* Ограничение ширины корзины на ПК (чтобы не растягивалось на весь экран) */
@media (min-width: 992px) {
}

@media (max-width: 991px) {
}

/* МОБИЛЬНАЯ ВЕРСИЯ КОРЗИНЫ (строго для смартфонов до 767px) */
@media (max-width: 767px) {
    .modal-backdrop { 
        display: none !important; 
        opacity: 0 !important; 
    }
    body.modal-open { 
        overflow: auto !important; 
        padding-right: 0 !important; 
    }
}

/* ==========================================
   ФИЛЬТР ТОВАРОВ (OCFILTER / UNIFILTER)
   ========================================== */
.ocfilter-option,
.ocfilter-option *,
.list-group-item.ocfilter-option,
#ocfilter,
#ocfilter * {
    background-color: #1a1a1a !important;
    color: #b0b0b0 !important;
}

.ocfilter-option .badge {
    background-color: #2e2e2e !important;
    color: #ffffff !important;
}

/* 5. Темный фон для заказа (СТРОГО ТОЛЬКО ДЛЯ ПК) */
@media (min-width: 992px) {
}

/* ==========================================
   ОТЗЫВЫ В КАРТОЧКЕ ТОВАРА (ФИРМЕННЫЙ СТИЛЬ)
   ========================================== */

/* 1. Темный фон и оранжевая рамка для блоков отзывов и верхнего рейтинга */
.ex-review-block,
.reviews-top-container {
    background-color: #222222 !important;
    border: 1px solid #ff6600 !important;
    border-radius: 5px !important;
}

/* 2. Оранжевый текст внутри отзывов (имя, дата, сам комментарий, заголовки) */
.ex-review-name,
.ex-review-date,
.ex-review-text,
.ex-review-container,
.reviews-top-container {
    color: #ff6600 !important;
}

/* 3. Кнопки "Посмотреть все отзывы" и "Назад к товару" */
.ex-btn.ex-lite-btn {
    border-color: #ff6600 !important;
    color: #ff6600 !important;
    background-color: transparent !important;
}
.ex-btn.ex-lite-btn svg {
    fill: #ff6600 !important;
}

/* Цвет кнопок при наведении */
.ex-btn.ex-lite-btn:hover {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}
.ex-btn.ex-lite-btn:hover svg {
    fill: #ffffff !important;
}

/* Убираем подчеркивание у ссылок при наведении, если оно есть */
.review-module__name a:hover {
    color: #ff8533 !important;
    text-decoration: none !important;
}
.category-wall__li a:hover {
    color: #ff8533 !important;
    text-decoration: underline !important;
}

/* ==========================================
   2. АВАТАР И ЧЕКБОКСЫ В ОТЗЫВАХ
   ========================================== */
/* Аватар с темным фоном и оранжевой рамкой */
.ex-review-avatar {
    background-color: #333333 !important;
    border: 2px solid #ff6600 !important;
    color: #ff6600 !important;
    border-radius: 10px !important;
}

/* Чекбоксы фильтрации оценок */
.ex-checkbox .checkbox-inner,
span.checkbox-inner {
    border-color: #ff6600 !important;
    background-color: #222222 !important;
}

/* ==========================================
   3. ЗАГОЛОВОК РЕЙТИНГА И ТЕКСТ ОЦЕНОК
   ========================================== */
.title-rating-block,
.title-rating-block div,
.title-rating-block span,
.rating-total-caption {
    color: #ff6600 !important;
}

/* ==========================================
   4. КНОПКИ "ДА / НЕТ" И ССЫЛКА "ОТВЕТИТЬ"
   ========================================== */
/* Кнопки голосования (Да, Нет, счетчик) */
.ex-vote-btn,
button.ex-vote-btn,
.ex-review-footer .ex-vote-btn {
    background-color: #333333 !important;
    background: #333333 !important;
    border: 1px solid #ff6600 !important;
    color: #ff6600 !important;
}

.ex-vote-btn:hover {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}

/* Ссылка "Ответить" */
.ex-review-footer a,
.ex-review-footer span,
.ex-review-footer button {
    color: #ff6600 !important;
}
/* ==========================================
   ИКОНКА-ПРИЦЕЛ (ЮНИКОД / АЛЬТ-КОД ⌖) И ГОРОД
   ========================================== */
/* Заменяем иконку на строгий прицел ⌖ */
a.prmn-cmngr__city .fa-map-marker::before,
a.prmn-cmngr__city .fa::before {
    content: "\2316" !important; /* Юникод символ прицела ⌖ */
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    margin-right: 3px !important;
    display: inline-block !important;
}

/* Окрашиваем текст и прицел в оранжевый */
a.prmn-cmngr__city,
a.prmn-cmngr__city *,
span.prmn-cmngr__city-name {
    color: #ff6600 !important;
    text-decoration: none !important;
}

/* При наведении */
a.prmn-cmngr__city:hover,
a.prmn-cmngr__city:hover * {
    color: #ff8533 !important;
}
/* ==========================================
   ОБЩИЕ СТИЛИ ДЛЯ ВСЕХ ВКЛАДОК САЙТА (.nav-tabs)
   ========================================== */

/* 1. ПОЛНОЕ УДАЛЕНИЕ ПОДЧЕРКИВАНИЙ И ПОЛОС (ПСЕВДОЭЛЕМЕНТОВ) */
ul.nav-tabs,
ul.nav-tabs > li,
ul.nav-tabs > li > a,
ul.nav-tabs::before,
ul.nav-tabs::after,
ul.nav-tabs > li::before,
ul.nav-tabs > li::after,
ul.nav-tabs > li > a::before,
ul.nav-tabs > li > a::after {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
    text-decoration: none !important;
}

/* Полностью скрываем декоративные полоски псевдоэлементов */
ul.nav-tabs::before,
ul.nav-tabs::after,
ul.nav-tabs > li::before,
ul.nav-tabs > li::after,
ul.nav-tabs > li > a::before,
ul.nav-tabs > li > a::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 2. НЕАКТИВНЫЕ ВКЛАДКИ (СЕРЫЙ ЦВЕТ) */
ul.nav-tabs > li > a,
ul.product-page-tabs > li > a {
    color: #888888 !important;
    background: transparent !important;
    background-color: transparent !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: color 0.2s ease !important;
}

/* 3. ЭФФЕКТ ПРИ НАВЕДЕНИИ НА НЕАКТИВНУЮ ВКЛАДКУ (БЕЛЫЙ) */
ul.nav-tabs > li:not(.active) > a:hover,
ul.product-page-tabs > li:not(.active) > a:hover {
    color: #ffffff !important;
    background: transparent !important;
}

/* 4. АКТИВНАЯ ВКЛАДКА (ФИРМЕННЫЙ ОРАНЖЕВЫЙ) */
ul.nav-tabs > li.active > a,
ul.nav-tabs > li.active > a:focus,
ul.nav-tabs > li.active > a:hover,
ul.product-page-tabs > li.active > a {
    color: #ff6600 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* 5. СЧЕТЧИКИ В ВКЛАДКАХ (Например: "Отзывы 5", "Вопрос-ответ 0") */
ul.nav-tabs .uni-badge,
ul.product-page-tabs .uni-badge {
    background-color: #222222 !important;
    color: #ff6600 !important;
    border: 1px solid #ff6600 !important;
    border-radius: 4px !important;
    padding: 1px 6px !important;
    margin-left: 5px !important;
}
/* ==========================================
   3. ИСПРАВЛЕНИЕ СЧЕТЧИКА ГОЛОСОВ В ОТЗЫВАХ
   ========================================== */
.ex-vote-score,
span.ex-vote-score.is-zero {
    color: #ff6600 !important;
    background: transparent !important;
}
/* ==========================================
   СКРЫТИЕ ИНДИКАТОРОВ (ТОЧЕК/ПОЛОСОК) СЛАЙДЕРОВ
   ========================================== */
.owl-dots,
.owl-dot,
button.owl-dot {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* ==========================================
   ТОЧНОЕ ИСПРАВЛЕНИЕ БЛОКА PREV/NEXT (UNISHOP2)
   ========================================== */
div.news-prevnext__item,
.news-prevnext__item {
    background-color: #222222 !important;
    background: #222222 !important;
    border: 1px solid #333333 !important;
    border-radius: 6px !important;
    color: #ffffff !important;
}

/* Принудительно убираем белый фон у внутренних блоков внутри карточки */
div.news-prevnext__item > div {
    background-color: transparent !important;
    background: transparent !important;
}

/* Цвет текста ссылок (названий статей) */
div.news-prevnext__item a.news-prevnext__a {
    color: #ffffff !important;
}

div.news-prevnext__item:hover a.news-prevnext__a {
    color: #ff6600 !important;
}

/* Эффект при наведении на сам блок */
div.news-prevnext__item:hover {
    background-color: #2a2a2a !important;
    background: #2a2a2a !important;
    border-color: #ff6600 !important;
}

/* Цвет даты */
.news-prevnext__date {
    color: #888888 !important;
}

/* Иконки стрелок */
div.news-prevnext__item i {
    color: #ff6600 !important;
}

/* ==========================================
   СТИЛИЗАЦИЯ КАРТОЧЕК НОВОСТЕЙ И СТАТЕЙ (NEWS-THUMB)
   ========================================== */

/* 1. Тёмный фон и рамка карточки */
.news-thumb,
.news-thumb.uni-item,
.news-thumb__description {
    background-color: #222222 !important;
    background: #222222 !important;
    border: 1px solid #333333 !important;
    border-radius: 6px !important;
}

/* 2. Название статьи/новости */
.news-thumb__name,
.news-thumb__name a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.news-thumb__name:hover,
.news-thumb__name a:hover {
    color: #ff6600 !important;
}

/* 3. Краткий текст анонса */
.news-thumb__text {
    color: #cccccc !important;
}

/* 4. Дата и иконка просмотров */
.news-thumb__category-date-viewed,
.news-thumb__date,
.news-thumb__category-date-viewed * {
    color: #888888 !important;
}

.news-thumb__category-date-viewed i {
    color: #ff6600 !important;
}
/* ==========================================
   ЦВЕТА ДЛЯ СТЕНЫ КАТЕГОРИЙ (CATEGORY WALL)
   ========================================== */

/* 1. Главная категория (остается оранжевой) */
.category-wall__title a,
.category-wall__title {
    color: #ff6600 !important;
    font-weight: 700 !important;
}

/* 2. Подкатегории (серый цвет) */
.category-wall__li a {
    color: #b0b0b0 !important; /* Светло-серый цвет */
    transition: color 0.2s ease !important;
}

/* 3. Подкатегория при наведении мыши */
.category-wall__li a:hover {
    color: #ff6600 !important; /* Оранжевый при наведении */
}

/* 2. Ссылка "Подробнее..." */
.review-module__more,
a.review-module__more {
    color: #888888 !important;
    transition: color 0.2s ease !important;
}

.review-module__more:hover,
a.review-module__more:hover {
    color: #ff6600 !important;
}

/* ==========================================
   СТИЛИЗАЦИЯ ЛИЧНОГО КАБИНЕТА (ACCOUNT INDEX)
   ========================================== */

/* 1. Карточки действий в личном кабинете */
a.account-index__item,
.account-index__item {
    background-color: #222222 !important;
    background: #222222 !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

/* Эффект при наведении на карточку */
a.account-index__item:hover {
    background-color: #2a2a2a !important;
    border-color: #ff6600 !important;
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.2) !important;
}

/* 2. Иконки внутри карточек */
.account-index__icon,
.account-index__item i {
    color: #ff6600 !important;
}

/* 3. Текст названий пунктов */
.account-index__text,
.account-index__item span {
    color: #ffffff !important;
}

/* ==========================================
   СТИЛИЗАЦИЯ БОКОВОГО МЕНЮ (LIST-GROUP)
   ========================================== */

/* 1. Пункты бокового меню (оранжевый цвет текста) */
.list-group-item,
a.list-group-item,
div.list-group a.list-group-item {
    background-color: #222222 !important;
    background: #222222 !important;
    color: #ff6600 !important; /* Оранжевый цвет текста */
    border: 1px solid #333333 !important;
    transition: all 0.2s ease !important;
}

/* 2. Состояние при наведении мыши */
a.list-group-item:hover,
a.list-group-item:focus {
    background-color: #2a2a2a !important;
    background: #2a2a2a !important;
    color: #ff8533 !important;
    border-color: #ff6600 !important;
}

/* 3. Активный выбранный пункт меню */
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #ff6600 !important;
    background: #ff6600 !important;
    color: #ffffff !important;
    border-color: #ff6600 !important;
}

/* ==========================================
   СТИЛИЗАЦИЯ ВЫПАДАЮЩЕГО МЕНЮ (MENU LEVEL 2 & 3)
   ========================================== */

/* 1. Темный фон выпадающего блока */
.menu__level-2,
div.menu__level-2 {
    background-color: #222222 !important;
    background: #222222 !important;
    border: 1px solid #333333 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8) !important;
}

/* 2. Названия категорий в выпадающем списке (Оранжевый цвет) */
.menu__level-2-a,
a.menu__level-2-a,
.menu__level-2-title,
.menu__level-2-title a,
.menu__level-2 > ul > li > a,
.menu__level-2 > div > a {
    color: #ff6600 !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

/* Изменение цвета заголовка категории при наведении */
.menu__level-2-a:hover,
a.menu__level-2-a:hover,
.menu__level-2-title a:hover,
.menu__level-2 > ul > li > a:hover {
    color: #ff8533 !important;
}

/* 3. Подкатегории 3-го уровня (светло-серые, оранжевые при наведении) */
.menu__level-3-a,
a.menu__level-3-a,
.menu__level-3 a,
.menu__level-2 ul ul a {
    color: #cccccc !important;
    transition: color 0.2s ease !important;
}

.menu__level-3-a:hover,
a.menu__level-3-a:hover,
.menu__level-3 a:hover,
.menu__level-2 ul ul a:hover {
    color: #ff6600 !important;
}

/* ================================================================
   ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ИЗ 2part-2.txt
   ================================================================ */

/* ==========================================
   СКРЫТИЕ ССЫЛКИ "ВСЕ КАТЕГОРИИ" (CATEGORY WALL)
   ========================================== */
.category-wall__more,
a.category-wall__more {
    display: none !important;
}

/* ==========================================
   2. ОБЪЕМНАЯ СТРОКА ПОИСКА С ТЕНЬЮ И БЛИКОМ
   ========================================== */

#search,
.header-search,
.header-block__item-search {
    position: relative !important;
}

/* Поле ввода поиска */
#search input,
#search .form-control,
.header-search input,
.header-search__input,
input[name="search"] {
    background-color: #1e1e20 !important;
    background: #1e1e20 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    height: 40px !important;
    padding: 0 45px 0 15px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7), inset 0 1px 2px rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s ease !important;
}

/* Фокус при клике в поиск */
#search input:focus,
#search .form-control:focus,
input[name="search"]:focus {
    border-color: #ff6600 !important;
    box-shadow: 0 6px 20px rgba(255, 102, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.8) !important;
    outline: none !important;
}

/* Кнопка с лупой */
#search button,
#search .btn,
.header-search__btn {
    background: transparent !important;
    border: none !important;
    color: #ff6600 !important;
    box-shadow: none !important;
}

/* ==========================================
   ЗАМЕНА ИКОНКИ КОРЗИНЫ В ШАПКЕ
   ========================================== */
.header-cart__icon::before,
i.header-cart__icon::before {
    content: "\f07a" !important; /* \f07a — классическая тележка корзины */
}

/* ==========================================
   ГАРАНТИРОВАННОЕ СКРЫТИЕ ССЫЛКИ "ВСЕ ОТЗЫВЫ"
   ========================================== */

.heading_link,
.heading__link,
a.heading_link,
a.heading__link,
.heading a,
.heading > a,
a[href*="allreviews"],
a[href*="reviews"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* ==========================================
   СТИЛИЗАЦИЯ СТРАНИЦЫ ПРОИЗВОДИТЕЛЕЙ (MANUFACTURERS)
   ========================================== */

/* 1. Карточки брендов */
a.manufacturer-page-list__name,
.manufacturer-page-list__name {
    background-color: #222222 !important;
    background: #222222 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

/* 2. Эффект при наведении мыши */
a.manufacturer-page-list__name:hover,
.manufacturer-page-list__name:hover {
    background-color: #2a2a2a !important;
    background: #2a2a2a !important;
    color: #ff6600 !important;
    border-color: #ff6600 !important;
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.2) !important;
}

/* 3. Заголовки букв алфавита (0-9, A, B...) */
.manufacturer-page-list__char,
.manufacturer-page-list__heading {
    color: #ff6600 !important;
    font-weight: 700 !important;
}

/* ==========================================
   ОТКЛЮЧЕНИЕ БЕЛЫХ ПОЛОСОК ПЕРЕКЛЮЧЕНИЯ ФОТО
   ========================================== */

/* 1. Скрываем белые индикаторы-полоски (переключение фото мышью продолжит работать) */
.product-thumb__addit-item,
.product-thumb__addit-item.active,
.product-thumb__addit-item::before,
.product-thumb__addit-item::after {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================
   МИНИМАЛИСТИЧНЫЙ ДИЗАЙН УВЕДОМЛЕНИЯ COOKIE
   ========================================== */

#cookie-notice {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    width: calc(100% - 40px) !important;
    max-width: 420px !important;
    background: #1c1c1e !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
    padding: 16px 20px !important;
    z-index: 9999999 !important;
    box-sizing: border-box !important;
}

#cookie-notice p {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #cccccc !important;
}

#cookie-notice a {
    color: #ff6600 !important;
    text-decoration: underline !important;
}

#cookie-notice #accept-cookies,
#cookie-notice button {
    background: #ff6600 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-block !important;
    transition: background 0.2s ease !important;
}

#cookie-notice #accept-cookies:hover,
#cookie-notice button:hover {
    background: #e65c00 !important;
}
/* ==========================================
   1. КОМПАКТНОЕ ВЕРХНЕЕ МЕНЮ (ПК + МОБИЛЬНЫЕ) - ИСПРАВЛЕННОЕ
   ========================================== */

/* Контейнер кнопки на мобильных — фиксируем как точку отсчета */
.top-links.btn-group {
    position: relative !important;
}

/* --- ДЛЯ ПК И ПЛАНШЕТОВ (от 768px) --- */
@media (min-width: 768px) {
    /* Скрываем мобильную кнопку на ПК */
    .top-menu__btn,
    button.top-menu__btn {
        display: none !important;
    }

    /* Возвращаем компактность панели (убираем 100% ширину) */
    #top .top-links__ul,
    .top-links__ul.dropdown-menu,
    ul.top-links__ul {
        position: static !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: auto !important;
        padding: 4px 12px !important;
        margin: 0 !important;
        background: #1c1c1e !important;
        border: 1px solid #333333 !important;
        border-radius: 8px !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6) !important;
        list-style: none !important;
    }

    /* Пункты списка без принудительного растягивания */
    #top .top-links__li,
    .top-links__li {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 4px !important;
        padding: 0 !important;
        float: none !important;
        flex: 0 1 auto !important;
    }

    /* Оранжевые ссылки с компактными отступами */
    #top a.top-links__a,
    .top-links__li > a,
    a.top-links__a {
        display: inline-flex !important;
        align-items: center !important;
        color: #ff6600 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        padding: 6px 12px !important;
        margin: 0 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        border-radius: 6px !important;
        transition: all 0.2s ease !important;
        white-space: nowrap !important;
    }

    /* Подсветка при наведении */
    #top a.top-links__a:hover,
    .top-links__li > a:hover {
        color: #ffffff !important;
        background-color: rgba(255, 102, 0, 0.15) !important;
    }
}

/* --- ДЛЯ МОБИЛЬНЫХ (до 767px) --- */
@media (max-width: 767px) {
    .top-menu__btn,
    button.top-menu__btn {
        background: #1c1c1e !important;
        border: 1px solid #333333 !important;
        color: #ff6600 !important;
        border-radius: 6px !important;
    }

    /* Привязываем выпадающее меню ровно ПОД иконку и поверх всех элементов */
    #top .top-links__ul.dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;           /* Прижимаем к правому краю кнопки */
        left: auto !important;         /* Отменяем сдвиг в левый край экрана */
        z-index: 1060 !important;      /* Слой выше кнопки каталога (у нее 1050) */
        min-width: 180px !important;
        background: #1c1c1e !important;
        border: 1px solid #333333 !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8) !important;
        padding: 6px 0 !important;
        margin-top: 6px !important;
    }

    #top a.top-links__a,
    .top-links__li > a {
        display: block !important;
        color: #ff6600 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        padding: 10px 16px !important;
        text-align: left !important;
    }

    #top a.top-links__a:hover,
    .top-links__li > a:hover {
        background-color: rgba(255, 102, 0, 0.15) !important;
        color: #ffffff !important;
    }
}
/* ==========================================
   СТИЛИЗАЦИЯ ВЫПАДАЮЩЕГО МЕНЮ АККАУНТА
   ========================================== */

/* 1. Тёмный фон и рамка меню "Авторизация / Регистрация" */
#account .dropdown-menu,
.top-menu__account .dropdown-menu,
#account ul.dropdown-menu {
    background-color: #222222 !important;
    background: #222222 !important;
    border: 1px solid #333333 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.7) !important;
    padding: 6px 0 !important;
    border-radius: 6px !important;
}

/* 2. Ссылки пунктов "Авторизация" и "Регистрация" */
#account .dropdown-menu a,
.top-menu__account .dropdown-menu a {
    color: #dddddd !important;
    padding: 8px 16px !important;
    display: block !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

/* 3. Подсветка пунктов при наведении курсора */
#account .dropdown-menu a:hover,
.top-menu__account .dropdown-menu a:hover {
    background-color: #2a2a2a !important;
    background: #2a2a2a !important;
    color: #ff6600 !important;
}

/* ==========================================
   СМЕЩЕНИЕ СЧЁТЧИКА ТОВАРОВ НАД ИКОНКОЙ КОРЗИНЫ
   ========================================== */

/* 1. Фиксируем контейнер кнопки как позицию отсчёта */
.header-cart__btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 2. Поднимаем счётчик над корзинкой (в верхний правый угол) */
#cart-total,
.header-cart__total-items {
    position: absolute !important;
    top: -16px !important;        /* Поднимает бейдж выше иконки */
    right: -6px !important;      /* Сдвигает в верхний правый угол */
    margin: 0 !important;
    transform: none !important;
    
    /* Оформление круглого бейджа */
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 4px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    z-index: 5 !important;
}

/* ==========================================
   ЗАМЕНА ИКОНКИ ИЗБРАННОГО (ВМЕСТО СЕРДЦА)
   ========================================== */

/* Для звезды раскомментируйте \f005, для закладки используйте \f02e */
.fa-heart::before,
.header-block__item-wishlist i::before,
.top-menu__wishlist i::before {
    content: "\f005" !important; /* \f005 — Звезда | \f02e — Закладка */
}
/* ==========================================
   ВЫПАДАЮЩЕЕ МЕНЮ АККАУНТА (АВТОРИЗАЦИЯ / РЕГИСТРАЦИЯ)
   ========================================== */

/* 1. Фон и рамка выпадающего списка */
#top #account .dropdown-menu,
#top .top-menu__account .dropdown-menu,
#account .dropdown-menu,
.top-menu__account .dropdown-menu,
ul.dropdown-menu.dropdown-menu-right {
    background-color: #1c1c1e !important;
    background: #1c1c1e !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8) !important;
    padding: 6px 0 !important;
    margin-top: 4px !important;
    overflow: hidden !important;
}

/* 2. Ссылки "Авторизация" и "Регистрация" */
#top #account .dropdown-menu > li > a,
#top #account .dropdown-menu > li > a:link,
#top #account .dropdown-menu > li > a:visited,
#top .top-menu__account .dropdown-menu > li > a,
#top .top-menu__account .dropdown-menu > li > a:link,
#top .top-menu__account .dropdown-menu > li > a:visited {
    color: #ff6600 !important; /* Фирменный оранжевый цвет */
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* 3. Иконки рядом с текстом */
#top #account .dropdown-menu > li > a i,
#top .top-menu__account .dropdown-menu > li > a i {
    color: #ff6600 !important;
    font-size: 14px !important;
    width: 16px !important;
    text-align: center !important;
}

/* 4. Подсветка при наведении мыши (убирает дефолтный синий Bootstrap) */
#top #account .dropdown-menu > li > a:hover,
#top #account .dropdown-menu > li > a:focus,
#top #account .dropdown-menu > li > a:active,
#top .top-menu__account .dropdown-menu > li > a:hover,
#top .top-menu__account .dropdown-menu > li > a:focus,
#top .top-menu__account .dropdown-menu > li > a:active {
    background-color: rgba(255, 102, 0, 0.18) !important;
    background: rgba(255, 102, 0, 0.18) !important;
    color: #ffffff !important;
}

#top #account .dropdown-menu > li > a:hover i,
#top .top-menu__account .dropdown-menu > li > a:hover i {
    color: #ffffff !important;
}

/* ==========================================
   ТОЧНАЯ СТИЛИЗАЦИЯ КНОПКИ КАТАЛОГА (ТОЛЬКО ДЛЯ МОБИЛЬНЫХ/ПЛАНШЕТОВ)
   ========================================== */

/* 1. На мобильных и планшетах (до 991px) включаем стили */
@media (max-width: 991px) {
    .main-menu .menu-open.btn {
        display: inline-flex !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        line-height: 38px !important; 
        padding: 0 16px !important;
        background-color: #1c1c1e !important;
        color: #ff6600 !important;
        border: 1px solid #333333 !important;
        border-radius: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        width: auto !important; 
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important; 
        position: relative !important;
        z-index: 1050 !important; 
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    .main-menu .menu-open.btn i {
        color: #ff6600 !important;
        margin-right: 8px !important;
        pointer-events: none !important; 
    }

    .main-menu .menu-open.btn:hover,
    .main-menu .menu-open.btn:active,
    .main-menu .menu-open.btn:focus {
        background-color: #ff6600 !important;
        border-color: #ff6600 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3) !important;
    }

    .main-menu .menu-open.btn:hover i,
    .main-menu .menu-open.btn:active i,
    .main-menu .menu-open.btn:focus i {
        color: #ffffff !important;
    }
}

/* 2. На ПК (от 992px и выше) НАДЁЖНО СКРЫВАЕМ эту мобильную кнопку */
@media (min-width: 992px) {
    .main-menu .menu-open.btn {
        display: none !important;
    }
}

/* =================================================================
   ФИКСАЦИЯ ВЫСОТЫ СЛАЙДЕРА И РАСТЯГИВАНИЕ КАРТИНКИ (UniShop2)
   ================================================================= */

/* 1. Жестко ограничиваем высоту контейнеров слайдера на ПК */
.uni-slideshow_v2,
.uni-slideshow_v2 .owl-stage-outer,
.uni-slideshow_v2 .owl-stage,
.uni-slideshow_v2 .owl-item,
.uni-slideshow_v2__item,
.uni-slideshow_v2__image {
    height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
}

/* 2. Растягиваем/сжимаем картинку точно под размер 320px без обрезки */
.uni-slideshow_v2 picture,
.uni-slideshow_v2 .owl-item img.uni-slideshow_v2__img,
.uni-slideshow_v2__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important; /* Вписывает всю картинку в блок (может немного сжать пропорции) */
}

/* 3. Ограничения под мобильные устройства */
@media (max-width: 767px) {
    .uni-slideshow_v2,
    .uni-slideshow_v2 .owl-stage-outer,
    .uni-slideshow_v2 .owl-stage,
    .uni-slideshow_v2 .owl-item,
    .uni-slideshow_v2__item,
    .uni-slideshow_v2__image {
        height: 240px !important;
        max-height: 240px !important;
    }
}

/* =================================================================
   ФИКС БЕЛОЙ ПОЛОСЫ СПРАВА СЛАЙДЕРА
   ================================================================= */

/* 1. Задаем фоновый цвет под цвет вашей темы и скрываем вылезающие пиксели */
.uni-slideshow_v2,
.uni-slideshow_v2 .owl-stage-outer,
.uni-slideshow_v2 .owl-stage,
.uni-slideshow_v2 .owl-item,
.uni-slideshow_v2__item {
    background-color: #1a1a1a !important; /* Темный фон под цвет вашей темы */
    border: none !important;              /* Убираем возможные рамки */
    box-shadow: none !important;          /* Убираем тень, если она создает полосу */
    overflow: hidden !important;          /* Срезаем все лишние доли пикселя по краям */
}

/* 2. Заставляем активный слайд перекрывать блок до самого края */
.uni-slideshow_v2 .owl-item {
    margin-right: 0 !important;
}

/* =================================================================
   АДАПТИВНОСТЬ И РАСТЯГИВАНИЕ ПРАВЫХ БАННЕРОВ (UniShop2)
   ================================================================= */

/* 1. Настраиваем контейнеры баннеров */
.uni-banner__item {
    height: 155px !important;            /* Фиксируем высоту каждого баннера, чтобы 2 баннера = 320px слайдера */
    overflow: hidden !important;         /* Срезаем вылезающие края */
    border-radius: 4px !important;       /* Аккуратные скругления */
}

.uni-banner__a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

/* 2. Заставляем картинку растягиваться/сжиматься точно под размер блока */
img.uni-banner__img,
.uni-banner__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;        /* Заполняет весь блок без обрезки краев */
}

/* 3. Фикс для мобильных устройств (если баннеры уходят вниз) */
@media (max-width: 767px) {
    .uni-banner__item {
        height: auto !important;
    }
    
    img.uni-banner__img,
    .uni-banner__img {
        height: auto !important;
        object-fit: contain !important;
    }
}

/* =================================================================
   СТИЛИЗАЦИЯ МОДУЛЯ БРЕНДОВ / ПРОИЗВОДИТЕЛЕЙ (UniShop2)
   ================================================================= */

/* 1. Кнопки-буквы (0-9, A, B, C...) */
.manufacturer-module__item-name {
    background-color: #222222 !important;  /* Темно-серый фон кнопок */
    color: #ffffff !important;           /* Белый цвет букв */
    border: 1px solid #333333 !important;/* Тонкая рамка */
    border-radius: 4px !important;       /* Небольшое скругление */
    transition: all 0.2s ease !important;
}

/* Эффект при наведении на букву и для активной буквы */
.manufacturer-module__item-name:hover,
.manufacturer-module__item-name.active {
    background-color: #ff6600 !important;  /* Оранжевый фон */
    color: #ffffff !important;
    border-color: #ff6600 !important;
}

/* 2. Выпадающее меню со списком брендов */
ul.manufacturer-module__childrens {
    background-color: #1a1a1a !important;  /* Тёмный фон выпадашки */
    border: 1px solid #333333 !important; /* Тёмная рамка */
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important; /* Объёмная тень */
    border-radius: 4px !important;
    padding: 8px 0 !important;
}

/* 3. Элементы списка брендов внутри выпадашки */
ul.manufacturer-module__childrens li a {
    color: #dddddd !important;           /* Светло-серый текст брендов */
    padding: 6px 15px !important;
    display: block !important;
}

/* При наведении на конкретный бренд в списке */
ul.manufacturer-module__childrens li a:hover {
    background-color: #2a2a2a !important;  /* Чуть более светлый акцент */
    color: #ff6600 !important;           /* Оранжевый текст при наведении */
}

.error-not-found {
    background: none !important;
    min-height: auto !important;
    padding: 20px 0 50px 0 !important;
}

/* Сетка категорий */
.custom-404-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.custom-404-card {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.custom-404-card:hover {
    border-color: #ff6600;
    transform: translateY(-3px);
    background: #222;
}

.custom-404-card span {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.custom-404-card:hover span {
    color: #ff6600;
}

/* =================================================================
   ФИКСЫ КНОПОК И СТРАНИЦЫ 404
   ================================================================= */

/* 1. Скрываем стандартный оранжевый текст OpenCart на 404 */
.error-not-found > div:not(.custom-404-wrapper),
.error-not-found p:not(.custom-404-wrapper p) {
    display: none !important;
}

/* 2. Фикс кнопки «На главную страницу» (чтобы текст не вылазил) */
.custom-404-wrapper a.btn.btn-primary,
.error-not-found a.btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 10px 24px !important;
    line-height: 1.2 !important;
    font-size: 15px !important;
    font-weight: bold !important;
    border-radius: 6px !important;
    text-decoration: none !important;
}

/* 3. Выравнивание заголовка «Бренды» с буквами */
.manufacturer-module__heading {
    display: inline-flex !important;
    align-items: center !important;
    height: 28px !important;
    line-height: 1 !important;
    margin: 0 8px 0 0 !important;
    padding: 4px 10px !important;
    vertical-align: middle !important;
}

#manufacturer_module {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* ========================================== 
   ПЛАВНОЕ И УДОБНОЕ ВЫЕЗЖАЮЩЕЕ МЕНЮ 
   ========================================== */

/* Плавный выезд и заезд меню */ 
.main-menu { 
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; 
} 

/* Фиксированное положение при прокрутке ниже 260px */ 
.main-menu.nav-sticky { 
    position: fixed !important; 
    top: 0 !important; 
    left: 0 !important; 
    right: 0 !important; 
    width: 100% !important; 
    z-index: 99999 !important; 
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6) !important; 
    background-color: #ff6600 !important; 
} 

/* Состояние, когда меню спрятано за верхнюю границу при прокрутке */ 
.main-menu.nav-hidden { 
    transform: translateY(-100%) !important; 
}


/* ==========================================
   ТЁМНЫЙ ФОН ДЛЯ ВЫДВИЖНОГО ФИЛЬТРА (OCFilter)
   ========================================== */

/* Основной контейнер и тело фильтра */
.ocf-offcanvas-body,
.ocf-offcanvas,
.ocf-module {
    background-color: #1a1a1a !important; 
    color: #ffffff !important;           
}

/* Текст, заголовки и ссылки внутри фильтра */
.ocf-offcanvas-body label,
.ocf-offcanvas-body span,
.ocf-offcanvas-body a,
.ocf-header {
    color: #e0e0e0 !important;
}

/* ==========================================
   КОРИЧНЕВЫЙ ЦВЕТ ДЛЯ КНОПОК «Закончился»
   ========================================== */
.product-thumb__cart button.add_to_cart.qty-0,
.product-thumb__cart button.add_to_cart[disabled],
.product-thumb__cart button.qty-0 {
    background-color: #6b3a2a !important; /* Цвет фона (коричневый) */
    border-color: #6b3a2a !important;     /* Цвет рамки */
    color: #ffffff !important;           /* Цвет текста */
}

/* Изменение цвета при наведении на эту кнопку, если требуется */
.product-thumb__cart button.add_to_cart.qty-0:hover,
.product-thumb__cart button.add_to_cart[disabled]:hover {
    background-color: #522d1f !important; 
    border-color: #522d1f !important;
}

/* ==========================================
   СТИЛИЗАЦИЯ НАДПИСИ «Нет в наличии» (КРАСНЫЙ + КРЕСТИК)
   ========================================== */
.qty-indicator_text t-0,
.qty-indicator-text.t-0,
.qty-indicator[data-text*="Нет в наличии"],
div[class*="qty-indicator"][class*="t-0"] {
    color: #ff3333 !important; /* Делаем текст красным */
    font-weight: bold !important;
}

/* Добавление крестика в конце текста через CSS */
.qty-indicator_text t-0::after,
.qty-indicator-text.t-0::after,
.qty-indicator[data-text*="Нет в наличии"]::after,
div[class*="qty-indicator"][class*="t-0"]::after {
    content: " ✕" !important;  /* Сам символ крестика */
    color: #ff3333 !important;   /* Цвет крестика */
    font-weight: bold !important;
    margin-left: 4px !important;
}

/* ==========================================
   УМЕНЬШЕНИЕ И СМЕЩЕНИЕ КНОПОК СЛАЙДЕРА (OWL CAROUSEL)
   ========================================== */

/* 1. Изменение размера самих кнопок (было 34px, делаем, например, 26px) */
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    width: 22px !important;
    height: 22px !important;
    font-size: 11px !important; /* Уменьшаем размер иконки/стрелки внутри */
    line-height: 26px !important;
}


/* ================================================================
   ЕДИНЫЕ ПРАВИЛА ПРИОРИТЕТА И ПАЛИТРА
   ================================================================ */
:root {
    --theme-bg: #1a1a1a;
    --theme-surface: #222222;
    --theme-surface-hover: #2a2a2a;
    --theme-border: #333333;
    --theme-text: #ffffff;
    --theme-text-muted: #cccccc;
    --theme-label: #dddddd;
    --theme-accent: #ff6600;
    --theme-accent-hover: #e65c00;
}

/* Скрытые компоненты: для них нет остаточных визуальных правил. */
#fly-menu,
.fly-menu,
.category-info,
.category-info-bottom,
.category-wall__more,
a.category-wall__more {
    display: none !important;
}

/* Отзывы: основной и расширенный комментарий остаются светло-серыми. */
.review-module__text,
div.review-module__text,
.ex-review-text {
    color: var(--theme-text-muted) !important;
}

/* Кастомная 404: отключены стандартные фон, рамка и круг. */
.error-not-found {
    background: none !important;
    border: 0 !important;
    color: var(--theme-text) !important;
}

.error-not-found__404 {
    display: none !important;
}

/* ================================================================
   КОРЗИНА И ОФОРМЛЕНИЕ ЗАКАЗА — ЕДИНСТВЕННАЯ ВЕРСИЯ
   ================================================================ */
#modal-cart .modal-title,
#modal-cart .header-cart__name a,
#modal-cart .header-cart__price,
#modal-cart .header-cart__total,
#modal-cart .header-cart__quantity,
#modal-cart .modal-body,
#modal-cart .modal-header .close {
    color: var(--theme-accent) !important;
    text-shadow: none !important;
}

#modal-cart .modal-content,
#modal-cart .modal-body,
#modal-cart .modal-header,
#modal-cart .header-cart__wrapper,
#modal-cart .header-cart__item {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

#modal-cart .header-cart__item { border-bottom: 1px solid var(--theme-border) !important; }

#modal-cart .btn,
.unicheckout-sticky__confirm .btn,
#unicheckout #button-confirm {
    background-color: var(--theme-accent) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-accent) !important;
}

#modal-cart .btn:hover,
.unicheckout-sticky__confirm .btn:hover,
#unicheckout #button-confirm:hover {
    background-color: var(--theme-accent-hover) !important;
    border-color: var(--theme-accent-hover) !important;
}

#modal-cart .header-cart__icon-empty,
#modal-cart .fa-shopping-bag,
#modal-cart i.header-cart__icon-empty,
#modal-cart .modal-body div,
#modal-cart .modal-body p,
#modal-cart .text-center {
    color: var(--theme-accent) !important;
    fill: var(--theme-accent) !important;
}

/* Единственный блок checkout: нейтральный текст, оранжевые — заголовок и суммы. */
#unicheckout .unicheckout-sticky,
#unicheckout .unicheckout-sticky__wrapper,
.unicheckout-sticky,
.unicheckout-sticky__wrapper {
    background-color: var(--theme-bg) !important;
    background: var(--theme-bg) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    color: var(--theme-text) !important;
}

#unicheckout .unicheckout-sticky__wrapper { padding: 20px !important; }

.unicheckout-sticky__heading,
#unicheckout .unicheckout-sticky__heading {
    color: var(--theme-accent) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--theme-border) !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}

#unicheckout .unicheckout-sticky__total-title,
#unicheckout .unicheckout-sticky__total-item,
#unicheckout .unicheckout-sticky__total-item-wrap,
#unicheckout .unicheckout-sticky__total-item div,
#unicheckout .unicheckout-sticky__wrapper label,
#unicheckout .unicheckout-sticky__wrapper a {
    color: var(--theme-label) !important;
}

#unicheckout .unicheckout-sticky__total-text {
    color: var(--theme-text) !important;
    font-weight: 600 !important;
}

.unicheckout-sticky__total-price,
.unicheckout-sticky span[class*="price"],
#unicheckout .unicheckout-sticky__total-item.total,
#unicheckout .unicheckout-sticky__total-item.total * {
    color: var(--theme-accent) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

@media (min-width: 992px) {
    #modal-cart .modal-dialog { max-width: 950px !important; margin: 30px auto !important; }
    .unicheckout-sticky,
    .unicheckout-sticky__wrapper,
    .unicheckout-sticky.header-is-fixed .unicheckout-sticky__wrapper {
        background-color: var(--theme-surface) !important;
        background: var(--theme-surface) !important;
        border: 1px solid var(--theme-border) !important;
        border-radius: 5px !important;
    }
    .unicheckout-sticky__wrapper > div { background: transparent !important; }
}

@media (max-width: 991px) {
    .unicheckout-sticky { float: none !important; clear: both !important; width: 100% !important; }
}

@media (max-width: 767px) {
    .modal-backdrop { display: none !important; opacity: 0 !important; }
    body.modal-open { overflow: auto !important; padding-right: 0 !important; }
    #modal-cart.modal { pointer-events: none !important; background: transparent !important; }
    #modal-cart .modal-dialog { pointer-events: auto !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; transform: none !important; }
    #modal-cart, .modal-cart, div[id*="modal-cart"] { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding: 0 10px calc(20px + env(safe-area-inset-bottom)) 10px !important; margin: 0 !important; pointer-events: none !important; }
    #modal-cart .modal-header, #modal-cart .header-cart__wrapper, #modal-cart .header-cart__items, #modal-cart .header-cart__empty { display: none !important; }
    #modal-cart .modal-content, .modal-cart .modal-content { background: var(--theme-bg) !important; border: none !important; border-top: 2px solid var(--theme-accent) !important; border-radius: 16px !important; box-shadow: 0 10px 25px rgba(0,0,0,.9) !important; padding: 12px 16px !important; height: auto !important; pointer-events: auto !important; }
    #modal-cart .modal-body { padding: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; background: transparent !important; width: 100% !important; }
    #modal-cart .header-cart__totals-title, #modal-cart .header-cart__totals-text, #modal-cart .header-cart__totals span { color: var(--theme-accent) !important; }
    #modal-cart .header-cart__totals { display: flex !important; align-items: center !important; font-size: 16px !important; font-weight: 700 !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; }
    #modal-cart .header-cart__totals span { margin-left: 6px !important; }
    #modal-cart .header-cart__buttons { display: flex !important; margin: 0 !important; padding: 0 !important; }
    #modal-cart .header-cart__buttons *:first-child { display: none !important; }
    #modal-cart .header-cart__buttons *:last-child { display: flex !important; font-size: 0 !important; padding: 0 !important; width: 48px !important; height: 40px !important; min-width: 48px !important; align-items: center !important; justify-content: center !important; background-color: var(--theme-accent) !important; border-color: var(--theme-accent) !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(255,102,0,.4) !important; text-decoration: none !important; }
    #modal-cart .header-cart__buttons *:last-child::before { content: "🛒" !important; font-size: 20px !important; line-height: 1 !important; }
}