/* Светлая тема (по умолчанию) */
:root {
  --bg-color: #ffffff;
  --text-color: #000000;
  --block-bg: #ffffff;
  --menu-link-color: #000000;
  --filter-bg: #f5f5f5;
  --filter-text: #000000;
  --card-bg: #ffffff;
  --card-text: #000000;
  --border-color: #e0e0e0;
}

/* Темная тема */
.dark-theme {
  --bg-color: #141414; /* Основной фон как в блоке */
  --text-color: #ffffff;
  --block-bg: #141414;
  --menu-link-color: #ffffff;
  --filter-bg: #141414;
  --filter-text: #ffffff;
  --card-bg: #141414;
  --card-text: #ffffff;
  --border-color: #141414;
}
/* Основные стили */
body {
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
  transition: all 0.0s ease;
}

/* Основные стили для каталога */
.dark-theme #rec984763441 {
  background-color: var(--bg-color) !important;
}

/* Фильтры */
.dark-theme .t-store__filter {
  background-color: var(--filter-bg) !important;
}
.dark-theme .t-store__filter__item-title,
.dark-theme .t-store__filter__opts-mob-btn,
.dark-theme .t-store__filter__title,
.dark-theme .t-store__filter__btn-text,
.dark-theme .t-store__filter__reset {
  color: var(--filter-text) !important;
}
.dark-theme .t-store__filter__btn-expand {
  border-color: var(--filter-text) !important;
}

/* Карточки товаров */
.dark-theme .t-store__card {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}
.dark-theme .t-store__card__title,
.dark-theme .t-store__card__descr,
.dark-theme .t-store__card__price {
  color: var(--card-text) !important;
}

/* Попап с деталями товара */
.dark-theme .t-popup__container {
  background-color: var(--bg-color) !important;
}
.dark-theme .t-popup .t-typography__title,
.dark-theme .t-popup .t-typography__descr {
  color: var(--text-color) !important;
}

/* Кнопки */
.dark-theme .t-store__card__btn {
  color: var(--text-color) !important;
  border-color: var(--text-color) !important;

.dark-theme .t993__btn {
  color: var(--text-color) !important;
  border-color: var(--text-color) !important;
  background-color: var(--bg-color) !important;
}

.dark-theme .t993__btn:hover {
  opacity: 0.8;
}

/* Стрелки в кнопках */
.dark-theme .t993__btn-arrow svg path {
  stroke: var(--text-color) !important;
}