/* ========================================
   Dark Theme v2.0.7 for Unishop2
   Author: Tom
   + Home-banner, slideshow, uni-banner dark theme
======================================== */

/* ========================================
   DARK THEME - Override Unishop2 Variables
======================================== */
:root[data-theme="dark"] {
  /* Base colors */
  --base-bg: #1a1a1a;
  --base-text: #eee;
  --base-border: #4b4646;
  --primary-color: #eee;
  --component-bg: #292929;
  --component-text: #d0d0d0;
  --checked-bg: yellow;
  --checked-color: black;

  /* Body & Typography */
  --body-c: #e0e0e0;
  --body-bg: #1a1a1a;

  /* Headings */
  --h1-c: #e0e0e0;
  --h2-c: #e0e0e0;
  --h3-c: #e0e0e0;
  --h4-c: #e0e0e0;
  --h5-c: #e0e0e0;
  --h6-c: #e0e0e0;
  --heading-c: #e0e0e0;

  /* Links */
  --a-c: #eee;
  --a-c-hover: #fff;

  /* Buttons - все темные по умолчанию */
  --btn-default-c: #d0d0d0;
  --btn-default-bg: #292929;
  --btn-default-c-hover: #000;
  --btn-default-bg-hover: yellow;

  --btn-primary-c: #d0d0d0;
  --btn-primary-bg: #292929;
  --btn-primary-c-hover: #000;
  --btn-primary-bg-hover: yellow;

  --btn-danger-c: #fff;
  --btn-danger-bg: #d9534f;
  --btn-danger-c-hover: #fff;
  --btn-danger-bg-hover: #c9302c;

  /* Add to Cart - темная с желтым hover */
  --add-to-cart-btn-c: #d0d0d0;
  --add-to-cart-btn-bg: #292929;
  --add-to-cart-btn-c-hover: #000;
  --add-to-cart-btn-bg-hover: yellow;
  --add-to-cart-btn-c-incart: #000;
  --add-to-cart-btn-bg-incart: #28a745;
  --add-to-cart-btn-c-incart-hover: #000;
  --add-to-cart-btn-bg-incart-hover: #3ddc84;

  /* Inputs */
  --input-checked-bg: yellow;
  --input-warning-c: #ff6e6e;
  --input-warning-border-c: #ff6e6e;

  /* Header */
  --header-bg: #292929;
  --header-search-input-c: #e0e0e0;
  --header-search-input-bg: #333333;
  --header-search-cat-btn-c: #d0d0d0;
  --header-search-cat-btn-bg: #292929;
  --header-icon-c: #eee;
  --header-icon-total-c: #000;
  --header-icon-total-bg: yellow;
  --header-phones-m-c: #e0e0e0;
  --header-phones-m-c-hover: #fff;
  --header-phones-a-c: #eee;

  /* Top Menu */
  --top-menu-bg: #292929;
  --top-menu-btn-c: #e0e0e0;
  --top-menu-btn-c-hover: #ffffff;

  /* Main Menu */
  --menu-main-c: #e0e0e0;
  --menu-main-bg: #292929;
  --menu-main-header-c: #e0e0e0;
  --menu-main-header-bg: #333333;
  --menu-main-level-1-c: #e0e0e0;
  --menu-main-level-1-c-hover: #fff;
  --menu-main-level-2-bg: #333333;
  --menu-main-level-2-c: #d0d0d0;
  --menu-main-level-2-c-hover: #fff;
  --menu-main-level-3-c: #d0d0d0;
  --menu-main-level-3-c-hover: #fff;

  /* Menu Right (dropdown) */
  --menu-right-level-2-bg: #333333;
  --menu-right-level-2-c: #d0d0d0;

  /* Main Content */
  --main-bg: #1a1a1a;

  /* Menu Module */
  --menu-module-bg: #292929;
  --menu-module-c1: #e0e0e0;
  --menu-module-c1-hover: #fff;
  --menu-module-c2: #d0d0d0;
  --menu-module-c2-hover: #fff;

  /* Tabs */
  --nav-tabs-bg: #292929;
  --nav-tabs-c: #d0d0d0;
  --nav-tabs-c-active: #fff;

  /* Prices */
  --price-c: #e0e0e0;
  --price-old-c: #888888;
  --price-new-c: #ff6b6b;

  /* Product Thumbs */
  --prod-thumb-name: #e0e0e0;
  --prod-thumb-name-hover: #fff;

  /* Options */
  --option-name-c: #d0d0d0;
  --option-name-bg: #292929;
  --option-name-c-hover: #e0e0e0;
  --option-name-bg-hover: #333333;
  --option-name-c-checked: #000;
  --option-name-bg-checked: yellow;

  /* Pagination */
  --pagination-c: #e0e0e0;
  --pagination-bg: #292929;
  --pagination-c-active: #000;
  --pagination-bg-active: yellow;

  /* Rating */
  --rating-star-c-active: #ffd93d;

  /* Stickers */
  --sticker-reward-c: #fff;
  --sticker-reward-b: #ff9505;
  --sticker-special-c: #fff;
  --sticker-special-b: #d9534f;
  --sticker-bestseller-c: #fff;
  --sticker-bestseller-b: #5cb85c;
  --sticker-new-c: #fff;
  --sticker-new-b: #5bc0de;

  /* Timer */
  --timer-bg: rgba(0, 0, 0, 0.7);
  --timer-digit-c: #ffffff;
  --timer-text-c: #d0d0d0;

  /* Footer */
  --footer-c: #d0d0d0;
  --footer-bg: #292929;
  --footer-heading-c: #e0e0e0;

  /* Carousel */
  --carousel-nav-btn-c: #e0e0e0;
  --carousel-nav-btn-bg: #292929;
  --carousel-dot-bg: #4a4a4a;
  --carousel-dot-bg-active: yellow;

  /* Fly Menu */
  --fly-menu-bg: #292929;
  --fly-menu-color: #e0e0e0;
  --fly-menu-icon-c: #e0e0e0;
  --fly-menu-icon-total-c: #000;
  --fly-menu-icon-total-bg: yellow;
  --fly-menu-phone-c: #e0e0e0;

  /* Notifications */
  --notification-body-bg: rgba(41, 41, 41, 0.9);
  --notification-text-c: #e0e0e0;

  /* Home Banner (блоки преимуществ) */
  --home-banner-bg: #292929;
  --home-banner-icon-c: #eee;
  --home-banner-text-c: #d0d0d0;
}

/* ========================================
   ADDITIONAL OVERRIDES
======================================== */

/* УНИВЕРСАЛЬНОЕ ПРАВИЛО */
/* Устанавливаем цвет на :root чтобы все элементы его унаследовали */
:root[data-theme="dark"] {
  color: var(--base-text) !important;
}

/* Явно устанавливаем базовые цвета для body */
:root[data-theme="dark"] body {
  background: var(--base-bg) !important;
  color: var(--base-text) !important;
}

/* Псевдоэлементы ::before и ::after - убираем их фоны */
:root[data-theme="dark"] *::before,
:root[data-theme="dark"] *::after {
  background: transparent !important;
  border-color: var(--base-border) !important;
}

/* Основные элементы */
:root[data-theme="dark"] .btn,
:root[data-theme="dark"] button:not(.add_to_cart),
:root[data-theme="dark"] .menu__level-1-li,
:root[data-theme="dark"] .uni-alert {
  color: var(--component-text) !important;
  background-color: var(--component-bg) !important;
  border: 1px solid var(--base-border) !important;
}

/* Hover для всех кнопок - ЖЕЛТЫЙ */
:root[data-theme="dark"] .btn:hover,
:root[data-theme="dark"] .btn-primary:hover,
:root[data-theme="dark"] button:hover,
:root[data-theme="dark"] .add_to_cart:hover,
:root[data-theme="dark"] .wishlist:hover,
:root[data-theme="dark"] .compare:hover {
  color: var(--checked-color) !important;
  background: var(--checked-bg) !important;
  border-color: var(--checked-bg) !important;
}

/* add_to_cart в корзине - зеленая */
:root[data-theme="dark"] .add_to_cart.in_cart {
  background: #28a745 !important;
  color: #000 !important;
}

:root[data-theme="dark"] .add_to_cart.in_cart:hover {
  background: #3ddc84 !important;
}

/* Элементы с хардкодным фоном */
:root[data-theme="dark"] .uni-item,
:root[data-theme="dark"] .product-thumb,
:root[data-theme="dark"] .news-thumb,
:root[data-theme="dark"] .category-wall__item,
:root[data-theme="dark"] .carousel,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .modal-header,
:root[data-theme="dark"] .modal-body,
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .list-group,
:root[data-theme="dark"] .category-info,
:root[data-theme="dark"] .tab-content,
:root[data-theme="dark"] .tab-pane,
:root[data-theme="dark"] .article_description,
:root[data-theme="dark"] .div-text-empty,
:root[data-theme="dark"] .html-module,
:root[data-theme="dark"] .uni-form,
:root[data-theme="dark"] .sorts-block,
:root[data-theme="dark"] .product-category-list {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border: 1px solid var(--base-border) !important;
}

/* ========================================
   PRODUCT PAGE (карточка товара)
======================================== */
:root[data-theme="dark"] .uni-wrapper#product,
:root[data-theme="dark"] .product-page,
:root[data-theme="dark"] .product-info {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border-color: var(--base-border) !important;
}

:root[data-theme="dark"] .product-page__right,
:root[data-theme="dark"] .product-page__left {
  background: transparent !important;
}

:root[data-theme="dark"] .product-page__description {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
}

/* Product Banner (блоки с иконками на странице товара) */
:root[data-theme="dark"] .product-banner__item-div {
  background: var(--component-bg) !important;
  color: #e0e0e0 !important;
  border: 1px solid var(--base-border) !important;
}

:root[data-theme="dark"] .product-banner__icon {
  color: #eee !important;
}

:root[data-theme="dark"] .product-banner__text {
  color: #e0e0e0 !important;
}

/* Gallery (фотогалерея) */
:root[data-theme="dark"] .gallery-description {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border: 1px solid var(--base-border) !important;
}

:root[data-theme="dark"] .gallery,
:root[data-theme="dark"] .gallery-item {
  background: var(--component-bg) !important;
}

/* Article Description (описание статьи) */
:root[data-theme="dark"] .article_description.uni-wrapper {
  padding: 15px;
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
}

/* Manufacturer Page (страница производителей) */
:root[data-theme="dark"] .manufacturer-page-list__name,
:root[data-theme="dark"] .manufacturer-page-list__name.uni-item-bg {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border-color: var(--base-border) !important;
}

:root[data-theme="dark"] .manufacturer-page-list__name:hover,
:root[data-theme="dark"] .manufacturer-page-list__name.uni-item-bg:hover {
  background: var(--checked-bg) !important;
  color: var(--checked-color) !important;
}

:root[data-theme="dark"] .manufacturer-page-list__letter {
  color: var(--component-text) !important;
}

/* Checkout Cart (корзина) */
:root[data-theme="dark"] .checkout-cart__item {
  background: var(--component-bg) !important;
  box-shadow: 0 1px 4px rgba(255, 255, 255, 0.08);
  transition: box-shadow 0.2s ease;
}

:root[data-theme="dark"] .checkout-cart__item:hover {
  box-shadow: 0 2px 6px rgba(255, 255, 255, 0.12);
}

/* Magnific Popup (галерея лайтбокс) */
:root[data-theme="dark"] .mfp-figure {
  background: var(--component-bg) !important;
}

:root[data-theme="dark"] .mfp-figure:after {
  background: var(--component-bg) !important;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6) !important;
}

:root[data-theme="dark"] .mfp-bottom-bar,
:root[data-theme="dark"] .mfp-title {
  color: var(--component-text) !important;
}

:root[data-theme="dark"] .mfp-counter {
  color: #aaa !important;
}

:root[data-theme="dark"] .mfp-close,
:root[data-theme="dark"] button.mfp-close,
:root[data-theme="dark"] .mfp-wrap .mfp-close {
  color: #fff !important;
  opacity: 1 !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .mfp-close:hover,
:root[data-theme="dark"] button.mfp-close:hover,
:root[data-theme="dark"] .mfp-wrap .mfp-close:hover {
  color: #ccc !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
}

/* Исправление для image-holder - сброс ширины кнопки */
:root[data-theme="dark"] .mfp-image-holder .mfp-close {
  width: auto !important;
  right: 0 !important;
  padding-right: 10px !important;
}

:root[data-theme="dark"] .mfp-arrow:before,
:root[data-theme="dark"] .mfp-arrow:after {
  border-color: transparent !important;
}

:root[data-theme="dark"] .mfp-arrow-left:before {
  border-right-color: #fff !important;
}

:root[data-theme="dark"] .mfp-arrow-right:before {
  border-left-color: #fff !important;
}

/* ========================================
   HOME BANNER (блоки преимуществ)
   Переопределяем CSS-переменные Unishop2
======================================== */
/* Эти переменные добавляются в :root ниже в секции variables */

/* ========================================
   UNI-SLIDESHOW (главный слайдер)
======================================== */
:root[data-theme="dark"] .uni-slideshow_v2,
:root[data-theme="dark"] .uni-slideshow_v2__item {
  background: var(--base-bg) !important;
}

:root[data-theme="dark"] .uni-slideshow_v2__content {
  color: var(--base-text) !important;
}

/* ========================================
   UNI-BANNER (боковые баннеры)
======================================== */
:root[data-theme="dark"] .uni-banner,
:root[data-theme="dark"] .uni-banner__item {
  background: var(--component-bg) !important;
}

/* Category list items - с бордерами */
:root[data-theme="dark"] .category-list__item {
  background: var(--component-bg) !important;
  border: 1px solid var(--base-border) !important;
}

/* Breadcrumb - без фона и бордера */
:root[data-theme="dark"] .breadcrumb {
  background: transparent !important;
  border: none !important;
}

/* Tab description - описание товара */
:root[data-theme="dark"] #tab-description {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  padding: 15px !important;
}

/* Product banner icon - серый вместо синего */
:root[data-theme="dark"] .product-banner__icon {
  color: #eee !important;
}

:root[data-theme="dark"] .category-list__name {
  color: var(--component-text) !important;
  border-bottom: 1px solid var(--base-border) !important;
  padding-bottom: 10px !important;
}

/* Product banner - делаем темным */
:root[data-theme="dark"] .product-banner__item-div {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border: 1px solid var(--base-border) !important;
}

/* Inputs */
:root[data-theme="dark"] .qty-switch__input,
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .header-search__input,
:root[data-theme="dark"] input[type="text"],
:root[data-theme="dark"] input[type="email"],
:root[data-theme="dark"] input[type="number"],
:root[data-theme="dark"] input[type="password"],
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select {
  background: #333333 !important;
  color: #e0e0e0 !important;
  border: 1px solid var(--base-border) !important;
}

/* Qty buttons */
:root[data-theme="dark"] .qty-switch__btn {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border: 1px solid var(--base-border) !important;
}

:root[data-theme="dark"] .qty-switch__btn:hover {
  background: yellow !important;
  color: #000 !important;
}

/* Links */
:root[data-theme="dark"] a {
  color: var(--primary-color) !important;
}

/* Checkout sticky wrapper */
:root[data-theme="dark"] .unicheckout-sticky__wrapper {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border: 1px solid var(--base-border) !important;
}

/* Checked states */
:root[data-theme="dark"] .option input:checked+.option__name,
:root[data-theme="dark"] .wishlist.active,
:root[data-theme="dark"] .compare.active {
  color: var(--checked-color) !important;
  background: var(--checked-bg) !important;
}

/* Subscribe info - светлый текст */
:root[data-theme="dark"] .subscribe__info {
  color: var(--component-text) !important;
}

:root[data-theme="dark"] .top-menu {
  border-bottom: 1px solid var(--base-border) !important;
}

/* Footer */
:root[data-theme="dark"] .footer,
:root[data-theme="dark"] .footer a {
  background: var(--footer-bg) !important;
  color: var(--footer-c) !important;
}

/* Header */
:root[data-theme="dark"] .top-menu,
:root[data-theme="dark"] .header,
:root[data-theme="dark"] .header-block,
:root[data-theme="dark"] .header-account,
:root[data-theme="dark"] .header-wishlist,
:root[data-theme="dark"] .header-compare,
:root[data-theme="dark"] .header-cart {
  background: var(--header-bg) !important;
}

:root[data-theme="dark"] .header-search__category-btn {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border: 1px solid var(--base-border) !important;
}

/* ========================================
   HEADER ICON LABELS FIX
   Избранное, Сравнение, Корзина - подписи
======================================== */
:root[data-theme="dark"] .header-block__item-caption,
:root[data-theme="dark"] .header-block__item-wishlist,
:root[data-theme="dark"] .header-block__item-compare,
:root[data-theme="dark"] .header-cart__btn,
:root[data-theme="dark"] .header-wishlist,
:root[data-theme="dark"] .header-compare {
  color: var(--component-text) !important;
}

:root[data-theme="dark"] .header-block__item-wishlist .header-block__item-caption,
:root[data-theme="dark"] .header-block__item-compare .header-block__item-caption,
:root[data-theme="dark"] .header-cart__btn .header-block__item-caption {
  color: #d0d0d0 !important;
}

/* ========================================
   QUICK ORDER BUTTON FIX
   Кнопка "Быстрый заказ" - видимый бордер
======================================== */
:root[data-theme="dark"] .product-thumb__quick-order,
:root[data-theme="dark"] .quick-order {
  background: var(--component-bg) !important;
  color: var(--component-text) !important;
  border: 1px solid #666666 !important;
  border-bottom: 2px solid #888888 !important;
}

:root[data-theme="dark"] .product-thumb__quick-order:hover,
:root[data-theme="dark"] .quick-order:hover {
  background: var(--checked-bg) !important;
  color: var(--checked-color) !important;
  border-color: var(--checked-bg) !important;
}

/* ========================================
   FLY-BLOCK CONTACTS
======================================== */
/* Contact Block - кнопка */
:root[data-theme="dark"] .fly-block__contacts {
  color: #e0e0e0 !important;
  background: #292929 !important;
  border: 1px solid var(--base-border) !important;
}

/* Contact items - элементы списка */
:root[data-theme="dark"] .fly-block__contacts-item {
  background: #333333 !important;
  color: #e0e0e0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Contact icons - иконки */
:root[data-theme="dark"] .fly-block__contacts-icon {
  background: #404040 !important;
  color: #e0e0e0 !important;
  border: 1px solid var(--base-border) !important;
  border-radius: 50%;
}

/* ========================================
   FLY-MENU
======================================== */
/* Fly menu phone number styling */
:root[data-theme="dark"] .fly-menu__phone {
  color: var(--fly-menu-phone-c) !important;
  white-space: nowrap;
}

/* Fly menu general styling */
:root[data-theme="dark"] .fly-menu {
  background: var(--fly-menu-bg) !important;
  color: var(--fly-menu-color) !important;
}

/* ========================================
   THEME TOGGLE BUTTON
======================================== */
#darkmode-toggle {
  cursor: pointer;
  position: fixed;
  right: 18px;
  bottom: 15px;
  z-index: 999999;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.modal-open #darkmode-toggle {
  right: 35px;
}

#darkmode-toggle i {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}

#darkmode-toggle .fa-sun {
  color: yellow;
}

#darkmode-toggle .fa-moon {
  color: #b0b0b0;
}

#darkmode-toggle:hover i {
  transform: scale(1.1);
}

/* ========================================
   MEDIA QUERIES
======================================== */
@media (max-width: 768px) {
  #darkmode-toggle {
    width: 2.5rem;
    height: 2.5rem;
  }

  #darkmode-toggle i {
    font-size: 1.2rem;
  }

  /* Mobile-specific improvements for better UX */
  #darkmode-toggle {
    /* Ensure button is always accessible on mobile */
    min-width: 2.5rem;
    min-height: 2.5rem;
    /* Better touch target */
    touch-action: manipulation;
    /* Prevent text selection on touch */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Better tap highlight */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
  }

  /* Ensure fly-menu doesn't cover important UI elements on mobile */
  .fly-menu {
    /* Adjust for mobile viewport */
    max-height: calc(100vh - 100px);
    overflow-y: auto;
  }

  /* Better spacing for mobile fly-menu items */
  .fly-menu__phone {
    padding: 8px 12px !important;
    font-size: 14px !important;
  }
}

/* ========================================
   EXTRA SMALL MOBILE DEVICES
======================================== */
@media (max-width: 480px) {
  #darkmode-toggle {
    width: 2.2rem;
    height: 2.2rem;
  }

  #darkmode-toggle i {
    font-size: 1.1rem;
  }

  /* Minimum safe distances ensured by controller positioning */

  /* Compact fly-menu for small screens */
  .fly-menu__phone {
    padding: 6px 10px !important;
    font-size: 13px !important;
  }

  /* Lower z-index for fly-menu on very small screens to avoid conflicts */
  .fly-menu.show {
    z-index: 999998 !important;
  }
}

/* ========================================
   NOTIFICATION (Cookie, etc)
======================================== */
:root[data-theme="dark"] .notification {
  background: var(--notification-body-bg) !important;
  color: var(--notification-text-c) !important;
  border-top: 1px solid var(--base-border) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Unishop2 uses ::before for notification background, we need to handle it */
:root[data-theme="dark"] .notification.fixed::before {
  background: var(--notification-body-bg) !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .notification__text {
  color: #d0d0d0 !important;
}

:root[data-theme="dark"] .notification__btn-accept {
  background: var(--checked-bg) !important;
  color: var(--checked-color) !important;
}

:root[data-theme="dark"] .notification__btn-cancel {
  color: #b0b0b0 !important;
}

/* ========================================
   PRINT STYLES
======================================== */
@media print {
  #darkmode-toggle {
    display: none;
  }
}

/* ========================================
   PRODUCT OPTIONS - Бордеры для опций
======================================== */
:root[data-theme="dark"] .option__name {
  border: 1px solid var(--base-border) !important;
}

:root[data-theme="dark"] .option__item:not(.ended):hover .option__name {
  border-color: #666 !important;
}

:root[data-theme="dark"] .option__item:not(.ended) input:checked+.option__name {
  border-color: var(--checked-bg) !important;
}

/* ========================================
   PRODUCT IMAGE POPUP (увеличенное изображение)
======================================== */
:root[data-theme="dark"] .product-page__image.fixed {
  background: var(--base-bg) !important;
}

:root[data-theme="dark"] .product-page__image.fixed .product-page__image-product-name {
  background: var(--component-bg) !important;
  border-bottom: 1px solid var(--base-border) !important;
}

:root[data-theme="dark"] .product-page__image.fixed .product-page__image-product-name-title {
  color: var(--base-text) !important;
}

:root[data-theme="dark"] .product-page__image.fixed .product-page__image-close {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--base-text) !important;
}

:root[data-theme="dark"] .product-page__image.fixed .product-page__image-close:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

:root[data-theme="dark"] .product-page__image.fixed .product-page__image-main {
  background: transparent !important;
  border: none !important;
}

:root[data-theme="dark"] .product-page__image.fixed .product-page__image-addit-img {
  border-color: var(--base-border) !important;
}

:root[data-theme="dark"] .product-page__image.fixed .product-page__image-addit-img.selected {
  border-color: var(--checked-bg) !important;
}

:root[data-theme="dark"] .product-page__image.fixed .owl-nav button {
  background: var(--component-bg) !important;
  color: var(--base-text) !important;
  border: 1px solid var(--base-border) !important;
}

:root[data-theme="dark"] .product-page__image.fixed .owl-nav button:hover {
  background: var(--checked-bg) !important;
  color: var(--checked-color) !important;
}

:root[data-theme="dark"] .product-page__textblock-inner {
  background: var(--component-bg) !important;
  border: 1px solid var(--base-border) !important;
  color: var(--component-text) !important;
}

:root[data-theme="dark"] .news-prevnext {
    background: var(--component-bg) !important;
    border: 1px solid var(--base-border) !important;
}
:root[data-theme="dark"] .news-prevnext__item:not(.disabled):hover {
    background: rgba(255, 255, 255, 0.05) !important;
}
:root[data-theme="dark"] .news-prevnext__date {
    color: #aaa !important;
}

.fly-menu.bottom {
    overflow: visible !important;
}

.fly-menu__product.mobile {
    z-index: 5 !important;
}

.fly-menu__product.mobile.show {
    opacity: 1 !important;
    display: flex !important;
}