/* ============================================================
   СОДЕРЖАНИЕ:
   ─────────────────────────────────────────────────────────────
   1.  ТОКЕНЫ И ПЕРЕМЕННЫЕ
   2.  КАТАЛОГ
       2.1  Цена
       2.2  Хлебные крошки
       2.3  Отступы и зазоры
       2.4  Скрытие переключателя разделов
       2.5  «Нет в наличии»
   3.  СТРАНИЦА ТОВАРА
       3.1  Варианты (кнопки-опции)
       3.2  Кнопка «В корзину»
   4.  КОРЗИНА (t706)
       4.1  Контейнер и превью товара
       4.2  Шапка попапа
       4.3  Содержимое и обводка
       4.4  Разделители
       4.5  Типографика
       4.6  Поля формы
       4.7  Промокод
   5.  ПОИСК (t838)
   6.  АККОРДЕОН (t668)
   7.  ФОРМЫ — ошибки и сервисные сообщения
   8.  МОБИЛЬНАЯ АДАПТАЦИЯ
       8.1  ≤960px — каталог: зазоры между карточками
       8.2  ≤960px — фильтры и сортировка
       8.3  ≤960px — хлебные крошки страницы товара
       8.4  ≤768px — варианты товара: одна строка
       8.5  ≤768px — «нет в наличии»
       8.6  ≤640px — мобильное меню (tab)
       8.7  ≤640px — аккордеон t668
       8.8  ≤480px — варианты товара: 2 колонки
   ─────────────────────────────────────────────────────────────
============================================================ */


/* ============================================================
   1. ТОКЕНЫ И ПЕРЕМЕННЫЕ
   Единое место для правки цветов, толщин обводок и радиусов.
============================================================ */

:root {
    --c-ink:          #0C0C0C;
    --c-error:        #ED001A;
    --border-thin:    1px solid var(--c-ink);
    --border-base:    2px solid var(--c-ink);
    --border-radius:  4px;
}


/* ============================================================
   2. КАТАЛОГ
============================================================ */

/* ── 2.1 Цена ── */

.t-catalog__card__price-wrapper {
    margin-top: 0;
}


/* ── 2.2 Хлебные крошки ── */

.t-catalog__breadcrumbs {
    padding-top:    20px;
    text-transform: uppercase;
}


/* ── 2.3 Отступы и зазоры ── */

/* Убираем отступ снизу над блоком каталога */
.t-catalog-parts-above__container {
    margin-bottom: 0;
}

/* Отступ от header на странице товара (десктоп);
   мобильный override — см. 8.3 */
.t-catalog__prod-snippet__container {
    padding-top: 0;
}


/* ── 2.4 Скрытие переключателя разделов ── */

.t-catalog__parts-switch-wrapper {
    display: none !important;
}


/* ── 2.5 «Нет в наличии» (десктоп) ── */
/* Мобильный override — см. 8.5 */

.t-catalog__card__sold-out-msg {
    text-transform: uppercase !important;
    color:          var(--c-error) !important;
    font-size:      14px !important;
}


/* ============================================================
   3. СТРАНИЦА ТОВАРА
============================================================ */

/* ── 3.1 Варианты (кнопки-опции) ── */

/* Горизонтальный ряд без переноса */
.t-product__option-variants_custom.t-product__option-variants_buttons {
    display:   flex !important;
    flex-wrap: nowrap !important;
    gap:       1px !important;
    width:     100% !important;
}

/* Равные доли без фиксированной ширины */
.t-product__option-item_buttons {
    flex:       1 1 auto !important;
    width:      auto !important;
    min-width:  0 !important;
    margin:     0 !important;
    box-sizing: border-box !important;
}

/* Текст: по центру, ellipsis при нехватке места */
.t-product__option-item_buttons .t-product__option-title {
    width:         100% !important;
    text-align:    center !important;
    display:       block !important;
    box-sizing:    border-box !important;
    white-space:   nowrap !important;
    overflow:      hidden !important;
    text-overflow: ellipsis !important;
}

/* Активный вариант */
label.t-product__option-item.t-product__option-item_active {
    border: var(--border-base) !important;
}

label.t-product__option-item.t-product__option-item_active
.t-product__option-title {
    font-weight: 600 !important;
}


/* ── 3.2 Кнопка «В корзину» ── */

.t-catalog__prod-popup__btn {
    width:      100% !important;
    display:    block !important;
    text-align: center !important;
}


/* ============================================================
   4. КОРЗИНА (t706)
============================================================ */

/* ── 4.1 Контейнер и превью товара ── */

.t706__cartpage {
    top:     30px !important;
    z-index: 9000 !important;
}

.t706__product-imgdiv {
    width:         70px !important;
    height:        105px !important;
    border-radius: var(--border-radius) !important;
}


/* ── 4.2 Шапка попапа ── */

/* Заголовок «КОРЗИНА» */
.t706__sidebar-heading {
    font-size:      14px !important;
    text-transform: uppercase;
}

/* Шапка: заголовок + крестик в одну строку */
.t706__sidebar-top {
    display:         flex;
    flex-direction:  row;
    align-items:     center;
    justify-content: space-between;
    position:        relative;
}

/* Крестик прижат вправо */
.t706__sidebar-close {
    position:    static !important;
    flex-shrink: 0;
    margin-left: auto;
}

/* Иконка закрытия */
.t706__close-icon.t706__sidebar-close-icon {
    width:  18px !important;
    height: 18px !important;
}

/* Заголовок страницы корзины */
.t706__cartpage-top {
    text-transform: uppercase;
}


/* ── 4.3 Содержимое и обводка ── */

/* Все тексты внутри попапа — uppercase */
.t706__sidebar-content * {
    text-transform: uppercase;
}

/* Обводка вместо тени */
.t706__sidebar-content {
    box-shadow: none !important;
    border:     var(--border-base) !important;
}

/* «Корзина пуста» */
.t706__cartpage-products_empty {
    font-size:   12px !important;
    font-weight: 400 !important;
}


/* ── 4.4 Разделители ── */

.t706__cartpage hr,
.t706__cartpage-top {
    border-color: var(--c-ink) !important;
    border-width: 2px !important;
}


/* ── 4.5 Типографика ── */

/* Название товара и итоговая сумма */
.t706__product-title,
.t706__cartwin-totalamount-wrap,
.t706__cartwin-totalamount-wrap.t-descr_xl,
.t706__product-title.t-descr.t-descr_sm a {
    font-size: 14px !important;
}

/* Лейбл суммы и ссылки названий */
.t706__cartwin-totalamount-label,
.t706__product-title.t-descr.t-descr_sm a {
    text-transform: uppercase !important;
}

/* Заголовки полей формы */
.t-name.t-name_md,
.t-input-title.t-descr.t-descr_md {
    font-size:      14px !important;
    font-weight:    700 !important;
    text-transform: uppercase !important;
}


/* ── 4.6 Поля формы ── */

/* Обводка полей */
.t706__cartpage-form .t-input,
.t706__cartpage-form input[type="text"],
.t706__cartpage-form input[type="email"],
.t706__cartpage-form input[type="tel"] {
    border-color: var(--c-ink) !important;
    border-width: 2px !important;
}

/* Размер шрифта */
.t706__cartpage-form input,
.t706__cartpage-form .t-select {
    font-size: 14px !important;
}


/* ── 4.7 Промокод ── */

.t-inputpromocode__btn {
    font-size: 12px !important;
}


/* ============================================================
   5. ПОИСК (t838)
============================================================ */

/* Убираем фоновую иконку внутри input */
.t838__blockinput input {
    background-image: none !important;
    padding-left:     20px !important;
}

/* Скрываем SVG-иконку */
.t838__search-icon {
    display: none !important;
}

/* «Ничего не найдено» */
.t-site-search-dm__result__title {
    font-size:      12px !important;
    text-transform: uppercase !important;
    color:          var(--c-error) !important;
}


/* ============================================================
   6. АККОРДЕОН (t668)
============================================================ */

/* Обёртка: резиновая высота */
#rec2334817961,
#rec2334817961 .t668 {
    padding-top:    30px !important;
    padding-bottom: 20px !important;
    height:         auto !important;
    min-height:     unset !important;
    overflow:       visible !important;
}

/* Кнопка-заголовок */
.t668__trigger-button {
    padding-top:    7px !important;
    padding-bottom: 7px !important;
    padding-right:  20px !important;
    border:         var(--border-base) !important;
}

/* Контент-область */
.t668__content {
    border:         none !important;
    padding-top:    8px !important;
    padding-bottom: 8px !important;
}

/* Скрываем встроенную иконку */
.t668__icon,
.t668__icon-hover,
.t668__circle,
.t668__lines {
    display: none !important;
}


/* ============================================================
   7. ФОРМЫ — ошибки и сервисные сообщения
============================================================ */

/* Фон блока с ошибками */
.t-form__errorbox-wrapper {
    background: var(--c-error) !important;
}

/* Текст отдельной ошибки */
.t-form__errorbox-item.js-rule-error.js-rule-error-string {
    font-size:      12px !important;
    text-transform: uppercase !important;
}


/* ============================================================
   8. МОБИЛЬНАЯ АДАПТАЦИЯ
============================================================ */

/* ── 8.1 ≤960px — каталог: убираем зазоры между карточками ── */

@media screen and (max-width: 960px) {
    .t-catalog__card-list {
        --t-catalog-row-gap:        0px !important;
        --t-catalog-col-gap:        0px !important;
        --t-catalog-mobile-col-gap: 0px !important;
        gap: 0 !important;
    }
}


/* ── 8.2 ≤960px — фильтры и сортировка ── */

@media screen and (max-width: 960px) {

    /* Кнопка «Фильтр»: без скруглений, мелкий шрифт */
    .t-catalog__filter .js-catalog-filter-mob-btn {
        border-radius: 0 !important;
        font-size:     12px !important;
    }

    /* Скрываем иконку внутри кнопки фильтра */
    .t-catalog__filter .js-catalog-filter-mob-btn svg,
    .t-catalog__filter .js-catalog-filter-mob-btn img,
    .t-catalog__filter .js-catalog-filter-mob-btn .t-icon {
        display: none !important;
    }

    /* Кнопка «Сортировка»: без скруглений */
    .js-catalog-sort-mob-btn,
    .t-catalog__filter__sort-mob-btn {
        border-radius: 0 !important;
    }
}


/* ── 8.3 ≤960px — хлебные крошки страницы товара ── */

@media screen and (max-width: 960px) {
    .t-catalog__prod-popup__breadcrumbs {
        margin-left: 20px !important;
        padding:     0 !important;
    }
}


/* ── 8.4 ≤768px — варианты товара: строго в одну строку ── */

@media (max-width: 768px) {
    .t-product__option-variants_custom.t-product__option-variants_buttons {
        flex-wrap: nowrap !important;
    }

    .t-product__option-item_buttons {
        flex:      1 1 auto !important;
        min-width: 0 !important;
    }
}


/* ── 8.5 ≤768px — «нет в наличии» ── */

@media (max-width: 768px) {
    .t-catalog__card__sold-out-msg {
        font-size: 12px !important;
    }
}


/* ── 8.6 ≤640px — мобильное меню (tab) ── */

@media (max-width: 960px) {
    .tab-mobile,
    .tab-btn {
        margin-left:  20px !important;
        margin-right: 20px !important;
        width:        calc(100% - 40px) !important;
        box-sizing:   border-box !important;
    }
}


/* ── 8.7 ≤640px — аккордеон t668: уменьшенный padding ── */

@media screen and (max-width: 640px) {
    .t668__trigger-button {
        padding-top:    6px !important;
        padding-bottom: 6px !important;
    }
}


/* ── 8.8 ≤480px — варианты товара: по 2 в строку ── */

@media (max-width: 480px) {
    .t-product__option-variants_custom.t-product__option-variants_buttons {
        flex-wrap: wrap !important;
    }

    .t-product__option-item_buttons {
        flex: 1 1 calc(50% - 1px) !important;
    }
}

/* ── Лишние отступы у аккордеона ── */
.t668__content {
  padding-top: 0 !important;
}

.t668__textwrapper {
  padding-bottom: 0 !important;
}

.t668__text.t-descr.t-descr_xs {
  padding-top: 10px !important;
}

/* ── Фиксация селекторов переключения ── */
.t396__filter {
  transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
}


/* ── Настройки формы ── */
@media (max-width: 960px) {
  .t-form .t-submit {
    width: 100% !important;
  }
}


@media (max-width: 960px) {
        .t-form__inputsbox {
        margin-left:  20px !important;
        margin-right: 20px !important;
        width:        calc(100% - 40px) !important;
        box-sizing:   border-box !important;
    }
}

/* ── Анимация в Header ── */
#rec2261248371 {
  opacity: 0;
  transition: opacity 0.2s ease;
}