/* --- Переменные для цветов и стилей --- */
:root {
  --accent-color: #ffd600; /* Акцентный цвет */
  --text-color: #fff;      /* Основной текст */
  --bg-color: #000;        /* Фон */
  --bg-light: #141414;     /* Более светлый фон */
  --font-size-filter: 16px;
  --border-radius: 5px;
}

/* --- Тень от продукции --- */
.js-product-img.t-store__card__img.t-img.loaded,
.t-slds__bgimg.t-slds__bgimg-contain.t-bgimg.js-product-img.loaded {
    -webkit-filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.6));
    filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.6));
} /* Тень от продукции */

/* --- Плашка акции --- */
.t-store__card__mark-wrapper {
    height: 60.5px !important;
    width: 60.5px !important;
    font-weight: 800 !important;
    color: var(--text-color) !important;
    border: 1px solid var(--text-color) !important;
    border-radius: var(--border-radius);
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.5);
} /* Для круглости фишки плашки акции */

/* --- Цвет текста в попапе --- */
.t-descr {
    color: var(--text-color);
} /* Меняем цвет шрифтов в поп-апе у стран и счетчика на белый */

/* --- Счетчик товаров --- */
.t-store__prod__quantity {
    background-color: transparent !important;
    margin: 0 20px 8px 0;
} /* Меняем цвет фона счетчика на прозрачный и отодвигаем его от кнопки */

.t-store__prod__quantity__minus,
.t-store__prod__quantity__plus {
    background-color: transparent !important;
    color: var(--text-color) !important;
} /* Цвет фона и текста кнопок счетчика */

/* --- Фильтры --- */
.t-store__filter__item-controls-wrap {
    background-color: var(--bg-color) !important;
} /* Цвет подложки фильтра */

.t-store .t-checkbox__indicator {
    border: 2px solid var(--accent-color) !important;
} /* Цвет рамки чекбоксов фильтра */

.t-store .t-checkbox__indicator::after {
    border: solid var(--text-color) !important;
    border-width: 0 2px 2px 0 !important;
    content: "";
    display: none;
    height: 8px !important;
    left: 6px !important;
    position: absolute;
    top: 2px !important;
    transform: rotate(45deg);
    width: 3px !important;
} /* Цвет галочек чекбоксов фильтра */

.t-descr_xxs {
    font-size: var(--font-size-filter) !important;
} /* Для увеличения шрифта фильтров */

.t-name_xs {
    font-size: var(--font-size-filter) !important;
} /* Для увеличения шрифта заголовка фильтров */

.js-store-prod-all-text {
    font-weight: 500;
} /* Жирная надпись "Цена по запросу" */

/* --- Корзина --- */
.t706__sidebar-prodamount-wrap {
    display: none;
} /* Убираем надпись "Сумма в корзине" */

.t-store__prod-popup__brand {
    font-size: 0px !important;
} /* Убираем отображение бренда */

/* --- Кнопки выбора опций товара --- */
.js-product .t-product__option-variants_buttons .t-product__option-item_simple {
    border-radius: var(--border-radius) !important;
    background-color: transparent !important;
    min-width: 80px !important;
} /* Закругление углов всех кнопок страны в карточке */

.js-product .t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active {
    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color);
} /* Покраска рамки активной кнопки страны в карточке */

.js-product .t-product__option-variants_buttons .t-product__option-item_simple:hover {
    border: 1px solid var(--accent-color) !important;
} /* Покраска рамки при наведении на кнопку страны в карточке */

.t-store__sort-select.t-descr.t-descr_xxs.js-store-filter-sort {
    color: var(--bg-color);
} /* Цвет текста в фильтре */

.t706__sidebar-content {
    background-color: var(--bg-color) !important;
} /* Цвет фона в боковом окне корзины */

.t706__cartpage, .t706__cartpage-top, .t-popup .t-popup__container .t-store__prod-popup__btn-wrapper-fixed {
    background-color: var(--bg-light) !important;
} /* Цвет фона в корзине — форма и в мобильной версии в карточке товара */

.t706__sidebar-heading.t-name.t-name_xl, .t706__cartpage-heading.t-name.t-name_xl {
    color: var(--text-color);
} /* Цвет заголовка в боковом окне корзины и в корзине с формой */

.t706__product-quantity {
    color: var(--text-color);
} /* Цвет счетчика в боковом окне корзины */

/* --- Прокрутка --- */
.t-store__scroll-icon-wrapper {
    mix-blend-mode: lighten !important;
} /* Режим наложения для иконки скролла "С этим товаром заказывают" */

/* --- Отступы --- */
.t-container {
    padding: 0;
    padding-bottom: 50px;
} /* Отодвигаем карточки товаров от фильтра */

.t706__cartpage-info .t-col .t-col_6 {
    margin-right: 40px;
} /* Отодвигаем форму от товаров на 40px */

/* --- Медиа-запросы --- */
@media screen and (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
    .t754 .t-store__card__btns-wrapper {
        margin-top: 5px;
    }
} /* Уменьшаем отступ между карточкой и кнопкой в плитке */

@media screen and (max-width: 960px) {
    .t-store__relevants-grid-cont.t-store__grid-cont_mobile-one-row {
        padding: 30px !important;
    }

    .t-store__relevants-grid-cont.t-store__grid-cont_mobile-one-row::-webkit-scrollbar {
        width: 2px;
    }

    .t-store__relevants-grid-cont.t-store__grid-cont_mobile-one-row::-webkit-scrollbar-thumb {
        background: gray;
    }
} /* Опускаем ниже и перекрашиваем в серый скроллбар для блока "С этим товаром заказывают" */

