/* Название товара — сокращение под многоточие */
.t-store__card__title {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* количество строк */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Обрезка описания до 2 строк — для твоего класса */
.js-store-prod-descr,
.t-store__card__descr {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  max-height: calc(1.2em * 2); /* страховка если -webkit-line-clamp не поддерживается */
  white-space: normal;
  word-break: break-word;
}
/* Для иконки закрытия (SVG) */
.t-popup__close-icon.t-popup__close-icon_cross g {
  fill: #0055FF !important;
}

/* Для текста "Вернуться назад" */
.t-store__prod-popup__close-txt-wr .t-store__prod-popup__close-txt {
  color: #0055FF !important;
}

/* Установка белого фона с 100% непрозрачностью для попапа */
.t-popup.t-popup_show {
  background-color: #FFFFFF !important;
  opacity: 1 !important;
}

/* Убедимся, что внутренний контейнер тоже белый */
.t-popup__container {
  background-color: #FFFFFF !important;
}  
/* === 1. Фон всех стандартных блоков и секций === */
.t-rec,
.t-section,
.t-container,
.t-box {
    background-color: #fefefe !important;
    background-image: none !important;
}

/* === 3. Дополнительно перекрываем инлайновые стили (если есть) === */
[data-bg] {
    background-color: #fefefe !important;
    background-image: none !important;
}
/* Фон бокового меню */
.t830m__top_addwrap {
    background-color: #fdfdfd !important; /* тёплый контраст к основному фону */
    box-shadow: 2px 0 10px rgba(0,0,0,0.05); /* лёгкая тень для отделения меню */
    border-radius: 0 8px 8px 0; /* скругление правых углов */
}
/* Стили только для карточек в указанном блоке */
#rec1206801366 > div.t951 > div > div.js-store-cont-w-filter.t951__cont-w-filter.t-store__grid-cont.t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent .t-store__card {
    background-color: #ffffff;
    border: 1px solid #e6e8ec;
    border-radius: 12px;           /* скругление */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); /* мягкая тень */
    padding: 12px;                 /* меньшие отступы */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

/* Hover-анимация карточки */
#rec1206801366 > div.t951 > div > div.js-store-cont-w-filter.t951__cont-w-filter.t-store__grid-cont.t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent .t-store__card:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

/* Анимация изображения внутри карточки */
#rec1206801366 > div.t951 > div > div.js-store-cont-w-filter.t951__cont-w-filter.t-store__grid-cont.t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent .t-store__card img {
    transition: transform 0.3s ease;
}

#rec1206801366 > div.t951 > div > div.js-store-cont-w-filter.t951__cont-w-filter.t-store__grid-cont.t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent .t-store__card:hover img {
    transform: scale(1.05);
}

/* Название товара - обрезка после 2 строк с троеточием */
#rec1206801366 > div.t951 > div > div.js-store-cont-w-filter.t951__cont-w-filter.t-store__grid-cont.t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent .t-store__card-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;  /* максимум 2 строки */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Цена */
#rec1206801366 > div.t951 > div > div.js-store-cont-w-filter.t951__cont-w-filter.t-store__grid-cont.t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent .t-store__price {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #FF3B30;
}
.t107__link img {
  transform: translateY(-3px);      /* лёгкое смещение по умолчанию */
  opacity: 0.8;                     /* стандартная прозрачность */
  transition: transform 0.3s ease, 
              opacity 0.3s ease;    /* плавность эффектов */
}

.t107__link:hover img {
  transform: translateY(-8px);      /* большее смещение при ховере */
  opacity: 1;                       /* полная непрозрачность */
}
/* Скрыть весь контейнер с похожими товарами */
.t-store__relevants-grid-cont {
    display: none !important;
}

/* Если нужно скрыть только отдельные карточки товаров внутри всех контейнеров */
.t-store__relevants-grid-cont .js-product {
    display: none !important;
}
.t-col.t-store__relevants-grid-cont {
    display: none !important;
}
/* Контейнер карточки */
.t-store__prod-popup__info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    box-sizing: border-box;
}

/* Минимальные отступы для внутренних блоков */
.t-store__prod-popup__title-wrapper,
.t-store__prod-popup__sku,
.js-store-price-wrapper,
.t-store__prod-popup__btn-wrapper,
.js-store-prod-text,
.t-store__prod-popup__links-wrapper {
    margin: 0;
    padding: 0;
}

/* Выравниваем всё по левому краю (отступ 0) */
.t-store__prod-popup__title-wrapper,
.t-store__prod-popup__sku,
.js-store-price-wrapper,
.js-store-prod-price,
.js-store-prod-price-val,
.t-store__prod-popup__price-currency,
.t-store__prod-popup__btn-wrapper,
.t-store__prod__quantity,
.t-store__prod-popup__name,
.js-product-brand {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Описание текста тоже 0 */
.js-store-prod-text {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Контейнер изображения */
.t-slds__bgimg {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
}
.t-slds__bgimg:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* === Мобильная адаптация для статусов === */
@media (max-width: 480px) {
    .status-bullet:not(.status-available) { display: none !important; }
    .status-bullet.status-available {
        font-size: 11px;
        padding: 4px 8px;
    }
    .status-row {
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 4px;
    }
}
/* --- Стили для input --- */
.t838__input {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.t838__input:focus {
    border-color: #5b60f8;
    box-shadow: 0 0 8px rgba(91, 96, 248, 0.3);
    outline: none;
}

/* --- Кнопка поиска --- */
.t-submit.t-btnflex_type_submit {
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.t-submit.t-btnflex_type_submit:hover {
    background-color: #5b60f8;
    color: #fff;
    transform: translateY(-2px);
}

/* --- Иконка лупы --- */
.t838__search-icon path {
    transition: fill 0.3s ease;
}

.t838__wrapper:hover .t838__search-icon path {
    fill: #5b60f8;
}

/* --- Крестик очистки --- */
.t-site-search-close {
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.t-site-search-close:hover {
    transform: scale(1.2);
    opacity: 0.8;
}

/* --- Loader --- */
.t-site-search-loader {
    transition: transform 0.2s ease;
}

.t-site-search-loader:hover {
    transform: rotate(15deg);
}
/* --- Текст товара --- */
.js-store-prod-all-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
}

/* --- Стили для вложенных элементов --- */
.js-store-prod-all-text strong {
    font-weight: 700;
}
.js-store-prod-all-text br {
    margin-bottom: 10px;
}
@media (min-width: 769px) {
  /* ===========================
     Общая карточка с рамкой
     =========================== */
  .t706__product:not(.t706__sidebar-products .t706__product) {
      display: table; 
      width: 100%;
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 10px;
      box-sizing: border-box;
      margin-bottom: 15px;
      background: #fff;
      transition: all 0.3s ease;
  }

  .t706__product:not(.t706__sidebar-products .t706__product):hover {
      box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  }

  /* Миниатюра товара */
  .t706__product-thumb:not(.t706__sidebar-products .t706__product-thumb) {
      display: table-cell;
      width: 110px; 
      height: 110px;
      vertical-align: top;
      padding-right: 10px;
      transition: transform 0.3s ease;
  }

  .t706__product:not(.t706__sidebar-products .t706__product):hover .t706__product-thumb {
      transform: scale(1.05);
  }

  .t706__product-imgdiv:not(.t706__sidebar-products .t706__product-imgdiv) {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      border-radius: 8px;
  }

  /* Название товара — максимум 3 строки с троеточием */
  .t706__product-title:not(.t706__sidebar-products .t706__product-title),
  .t706__product-title a:not(.t706__sidebar-products .t706__product-title a) {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;  
      font-size: 14px !important;
      font-weight: 600;
      line-height: 1.3;
  }

  /* Количество товара */
  .t706__product-plusminus:not(.t706__sidebar-products .t706__product-plusminus) {
      display: table-cell;
      vertical-align: middle;
      font-size: 16px !important;
      gap: 4px;
      padding-right: 6px;
  }

  .t706__product-plusminus img:not(.t706__sidebar-products .t706__product-plusminus img) {
      width: 20px !important;
      height: 20px !important;
  }

  /* Цена */
  .t706__product-amount:not(.t706__sidebar-products .t706__product-amount) {
      display: table-cell;
      vertical-align: middle;
      font-size: 20px !important;
      font-weight: 700;
      white-space: nowrap;
      padding-left: 4px;
  }

  /* Кнопка удаления */
  .t706__product-del:not(.t706__sidebar-products .t706__product-del) {
      display: table-cell;
      vertical-align: middle;
      width: 30px;
      padding-left: 10px;
  }

  .t706__product-del img:not(.t706__sidebar-products .t706__product-del img) {
      width: 20px !important;
      height: 20px !important;
  }

  /* Hover для кнопок */
  .t706__product-plusminus span:hover img:not(.t706__sidebar-products .t706__product-plusminus span:hover img),
  .t706__product-del img:hover:not(.t706__sidebar-products .t706__product-del img:hover) {
      transform: scale(1.2);
      transition: transform 0.2s ease;
  }

  /* ===========================
     Карточки в sidebar — подложка и hover
     =========================== */
  .t706__sidebar-products .t706__product {
      background-color: #f9f9f9; /* светлый фон под карточкой */
      border-radius: 10px;
      transition: box-shadow 0.3s ease, transform 0.3s ease;
      padding-left: 5px;  /* добавили по 5px слева */
      padding-right: 5px; /* добавили по 5px справа */
      padding-top: 0;     /* оставляем оригинальные вертикальные отступы */
      padding-bottom: 0;
  }

  .t706__sidebar-products .t706__product:hover {
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* тень при hover */
      transform: translateY(-2px); /* лёгкое “всплытие” карточки */
  }
}
/* Итоговая сумма — весь блок с буллетом */
.t706__cartwin-totalamount-content {
    display: inline-flex;           /* подстраиваем под контент */
    align-items: center;
    padding: 10px 16px;             /* отступы вокруг текста */
    background-color: #f5f5f5;      /* светлый фон для видимости */
    border-radius: 20px;            /* закруглённые края */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* лёгкая тень */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: default;
}

/* Hover — лёгкий scale и усиление тени */
.t706__cartwin-totalamount-content:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Текст и цена */
.t706__cartwin-totalamount-label {
    font-size: 16px;
    font-weight: 500;
    color: #333333; /* серый для текста “Итоговая сумма:” */
    margin-right: 8px;
}

.t706__cartwin-totalamount {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: #1BA460; /* зелёный для цены */
}

/* Цифры и валюта внутри */
.t706__cartwin-totalamount .t706__cartwin-prodamount-price,
.t706__cartwin-totalamount .t706__cartwin-prodamount-currency {
    font-size: 20px;
    font-weight: 700;
    margin: 0 2px;
}
/* Добавляем пробел между надписью и суммой в sidebar */
.t706__sidebar-totalamount-label {
    margin-right: 8px; /* можно менять на любое значение, например 10px */
}
/* Итоговая сумма — зелёный буллет для основной корзины (не sidebar) */
.t706__cartwin-totalamount-content:not(.t706__sidebar-products .t706__cartwin-totalamount-content) {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    background-color: #02198B;       /* зелёный фон */
    border-radius: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: default;
}

/* Hover — лёгкий scale и усиление тени */
.t706__cartwin-totalamount-content:not(.t706__sidebar-products .t706__cartwin-totalamount-content):hover {
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Текст и цена — белый цвет */
.t706__cartwin-totalamount-label:not(.t706__sidebar-products .t706__cartwin-totalamount-label),
.t706__cartwin-totalamount:not(.t706__sidebar-products .t706__cartwin-totalamount) {
    color: #ffffff !important;
}

/* Цифры и валюта внутри — белый текст */
.t706__cartwin-totalamount .t706__cartwin-prodamount-price,
.t706__cartwin-totalamount .t706__cartwin-prodamount-currency {
    color: #ffffff;
}
/* Sidebar — итоговая сумма белая */
.t706__sidebar-totalamount-label,
.t706__sidebar-totalamount,
.t706__sidebar-totalamount .t706__cartwin-prodamount-price,
.t706__sidebar-totalamount .t706__cartwin-prodamount-currency {
    color: #ffffff !important;
}
/* ===========================
   Кнопка "Задать вопрос" под input
   =========================== */
.t-input-block .t-text a {
    display: block;               /* растягиваем на всю ширину родителя */
    width: 100%;
    box-sizing: border-box;       /* учитываем padding и border в ширине */
    padding: 14px 24px;           /* внутренние отступы */
    background-color: #3B82F6;    /* цвет кнопки */
    color: #fff;                  /* цвет текста */
    border-radius: 50px;          /* закругление */
    text-decoration: none;        /* убираем стандартное подчеркивание */
    font-weight: bold;
    text-align: center;           /* центрируем текст */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

/* Hover — лёгкий scale, подъём и тень */
.t-input-block .t-text a:hover {
    transform: scale(1.02) translateY(-3px); /* слегка увеличиваем и приподнимаем */
    box-shadow: 0 6px 12px rgba(0,0,0,0.2); /* тень при hover */
}

/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
    .t-input-block .t-text a {
        padding: 10px 16px;        /* уменьшаем padding на мобилке */
        font-size: 16px;           /* подгоняем размер текста */
    }
}
/* Эффект подъёма и тени при hover / focus для всех полей ввода */
#rec1400500411 .t-input-block {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* При наведении или фокусе поле слегка поднимается и появляется тень */
#rec1400500411 .t-input-block:hover,
#rec1400500411 .t-input-block:focus-within {
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

/* Для кнопки — аналогичный лёгкий эффект */
#rec1400500411 .t-submit.t-btnflex {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#rec1400500411 .t-submit.t-btnflex:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(39, 174, 96, 0.25);
}
/* --- Красный округлый блок ошибки --- */
#rec1400500411 .t-form__errorbox-wrapper {
  background-color: #ff4d4d;       /* насыщенный красный */
  color: #fff;
  border-radius: 50px;
  padding: 14px 28px;
  margin-top: 15px;
  text-align: center;              /* центрируем текст */
  display: inline-block;           /* чтобы ширина подстраивалась под текст */
  box-shadow: 0 3px 8px rgba(255, 77, 77, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* --- Выравнивание и анимация при наведении --- */
#rec1400500411 .t-form__errorbox-wrapper:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(255, 77, 77, 0.35);
}

/* --- Список внутри ошибки --- */
#rec1400500411 .t-form__errorbox-text {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;             /* всё в одну строку */
  justify-content: center;
  align-items: center;
  gap: 8px;                         /* небольшой отступ между элементами */
  font-weight: 600;
  line-height: 1.4;
}

/* --- Элементы списка --- */
#rec1400500411 .t-form__errorbox-item {
  display: inline;                  /* чтобы текст не переносился лишний раз */
}

/* --- Ссылки в ошибке --- */
#rec1400500411 .t-form__errorbox-link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted rgba(255,255,255,0.7);
  transition: border-color 0.2s ease, opacity 0.2s ease;
}

/* --- Hover по ссылке --- */
#rec1400500411 .t-form__errorbox-link:hover {
  border-color: rgba(255,255,255,1);
  opacity: 0.9;
}
#rec1400500411 .t-form__errorbox-text {
  transform: translateY(-5px);
}
/* --- Анимация появления ошибки --- */
@keyframes errorFadeUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- Применяем к блоку ошибки --- */
#rec1400500411 .t-form__errorbox-wrapper {
  animation: errorFadeUp 0.4s ease both;
}
/* === СОВРЕМЕННОЕ МОБИЛЬНОЕ МЕНЮ === */
.t975__wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  backdrop-filter: blur(12px);
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  z-index: 9999;
  padding: 8px 0;
}

/* Внутренний контейнер */
.t975__inner-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Пункт меню */
.t975__list-item {
  flex: 1;
  text-align: center;
}

/* Ссылка */
.t975__menu-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #444;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.25s ease;
  border-radius: 16px;
  padding: 6px 8px;
}

/* Иконка */
.t975__menu-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  transition: transform 0.25s ease;
}

/* Активный пункт */
.t975__menu-link.t-active,
.t975__menu-link:hover {
  color: #2a7cff;
  background: rgba(42, 124, 255, 0.08);
}

.t975__menu-link.t-active .t975__menu-icon,
.t975__menu-link:hover .t975__menu-icon {
  transform: scale(1.15);
  filter: drop-shadow(0 2px 4px rgba(42, 124, 255, 0.3));
}

/* Текст под иконкой */
.t975__menu-text {
  font-size: 12px;
  line-height: 1.2;
}

/* Только на мобильных */
@media (min-width: 769px) {
  .t975__wrapper {
    display: none;
  }
}

/* Без фокуса при тапе */
.t975__menu-link:focus {
  outline: none;
}
.t975__wrapper {
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 92%;
  border-radius: 20px;
}
@media (max-width: 768px) {
    .t758,
    .t758 * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media (max-width: 768px) {
    .t-section__descr > div {
        display: none !important;
    }
}
@media (max-width: 768px) {
    /* Центрируем заголовок на мобильных */
    .t-section__title {
        text-align: center !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
/* Кнопка "В корзину" с зелёным градиентом и иконкой */
.t-store__card__btns-wrapper .t-btnflex_type_button2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;  /* расстояние между иконкой и текстом */
    background: linear-gradient(135deg, #4CAF50 0%, #45A049 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    border-radius: 40px !important;
    transition: background 0.25s ease !important;
}

/* Ховер */
.t-store__card__btns-wrapper .t-btnflex_type_button2:hover {
    background: linear-gradient(135deg, #439F43 0%, #3E8E3E 100%) !important;
}

/* Иконка перед текстом */
.t-store__card__btns-wrapper .t-btnflex_type_button2 .t-btnflex__text::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 2px !important;
    background-image: url("https://optim.tildacdn.com/tild3761-3239-4431-a464-646236303735/-/format/webp/cartyi.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: middle !important;
}
/* Кнопка "Подробнее" — очень светлый фон с тонкой рамкой */
.t-store__card__btns-wrapper .t-btnflex_type_button {
    display: inline-flex !important;       /* сохраняем выравнивание */
    align-items: center !important;        /* вертикальное центрирование текста */
    justify-content: center !important;    /* горизонтальное центрирование */
    gap: 2px !important;                   /* если решим добавить иконку позже */
    
    background-color: #fafafa !important;  /* почти белый фон */
    color: #000000 !important;             /* черный текст */
    border: 1px solid #e0e0e0 !important; /* очень тонкая рамка */
    border-radius: 40px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* Ховер для "Подробнее" — чуть темнее */
.t-store__card__btns-wrapper .t-btnflex_type_button:hover {
    background-color: #f0f0f0 !important;
}
@media (min-width: 768px) {
    /* Кнопка "Добавить в корзину" */
    .t-store__prod-popup__btn {
        background-color: #1976D2 !important;
        color: #ffffff !important;
        border-radius: 40px !important;
        font-weight: 600 !important;
        font-family: Montserrat, sans-serif !important;
        text-decoration: none !important;
        padding: 0 14px !important;
        height: 44px !important; /* фиксируем высоту кнопки */
        display: inline-block;
    }

    /* flex для текста и иконки */
    .t-store__prod-popup__btn .js-store-prod-popup-buy-btn-txt {
        display: inline-flex !important;
        align-items: center !important;   /* вертикальное центрирование */
        justify-content: center !important;
        gap: 4px !important;
        height: 100%;                     /* растягиваем на всю высоту кнопки */
        vertical-align: middle;
    }

    /* Иконка перед текстом */
    .t-store__prod-popup__btn .js-store-prod-popup-buy-btn-txt::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url("https://optim.tildacdn.com/tild3761-3239-4431-a464-646236303735/-/format/webp/cartyi.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}
/* ----------------------------- */
/* Обрезка текста до 2 строк и анимированная линия — ТОЛЬКО для карточек */
.t-store__card__wrap_txt-and-btns .js-store-prod-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* максимум 2 строки */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;

  position: relative;           /* нужно для псевдоэлемента линии */
  cursor: pointer;
}

/* Псевдоэлемент для линии под текстом */
.t-store__card__wrap_txt-and-btns .js-store-prod-name::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;                 /* тонкая линия */
  background-color: #000;
  transition: width 0.4s ease;
}

/* Ховер — линия растягивается и текст жирнее */
.t-store__card__wrap_txt-and-btns .js-store-prod-name:hover {
  font-weight: 600;
}

.t-store__card__wrap_txt-and-btns .js-store-prod-name:hover::after {
  width: 100%;
}
/* ===== Финальный кроссбраузерный фикс для кнопки "Добавить в корзину" ===== */
/* 1) Сделаем саму кнопку inline-flex, зафиксируем её высоту и не позволим ей растягиваться */
.t-store__prod-popup__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;            /* подогнать под реальную высоту кнопки (если у тебя другая — измени) */
  min-width: 0 !important;
  width: auto !important;
  padding-left: 14px !important;      /* оставить визуальные отступы */
  padding-right: 14px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

/* 2) Таблице внутри кнопки запрещаем растягиваться (она была width:100%;height:100% inline) */
.t-store__prod-popup__btn > table {
  width: auto !important;    /* не расширять кнопку до родителя */
  height: auto !important;   /* не растягивать по высоте */
  margin: 0 !important;
  padding: 0 !important;
  border-collapse: collapse !important;
}

/* 3) Ячейке даём inline-flex для корректного центрирования текста и иконки */
.t-store__prod-popup__btn .js-store-prod-popup-buy-btn-txt {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle !important;
  text-align: center !important;
}

/* 4) Отмена старых "опасных" правил, если они остались (перекрываем) */
.t-store__prod-popup__btn table,
.t-store__prod-popup__btn tr,
.t-store__prod-popup__btn td {
  height: auto !important;
  width: auto !important;
}

/* Небольшая мелкая подстройка для иконок через псевдоэлемент (если используется) */
.t-store__prod-popup__btn .js-store-prod-popup-buy-btn-txt::before {
  position: relative;
  top: 0 !important; /* подрегулируй на +1px / -1px при необходимости */
}
/* === Сетка для полей === */
#rec1412901051 .t-quiz__inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}

/* Третье поле — широкое, на всю строку */
#rec1412901051 .t-quiz__inputs-wrapper .t-quiz__step__input:nth-child(3) {
  grid-column: 1 / 3;
}

/* === Поля === */
#rec1412901051 .t-input-block input[type="text"],
#rec1412901051 .t-input-block input[type="email"],
#rec1412901051 .t-input-block input[type="tel"] {
  width: 100%;
  height: 54px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background-color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #111;
  padding: 0 18px;
  outline: none;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(15px);
  animation: fadeInUp 0.6s ease forwards;
}

/* Анимация появления */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Небольшие задержки для плавного появления по очереди */
#rec1412901051 .t-quiz__step__input:nth-child(1) input {
  animation-delay: 0.1s;
}
#rec1412901051 .t-quiz__step__input:nth-child(2) input {
  animation-delay: 0.2s;
}
#rec1412901051 .t-quiz__step__input:nth-child(3) input {
  animation-delay: 0.3s;
}

/* === Фокус === */
#rec1412901051 .t-input-block input:focus {
  border-color: #05954d;
  background-color: #fafefa;
}

/* === Ошибки (оставляем стандартные, просто чуть ровнее) === */
#rec1412901051 .t-input-error {
  color: #d32f2f;
  font-size: 14px;
  margin-top: 6px;
}
#rec1412901051 ::-webkit-scrollbar {
  display: none;
}

#rec1412901051 {
  -ms-overflow-style: none;  /* IE и Edge */
  scrollbar-width: none;     /* Firefox */
}
/* === Сетка для полей === */
#rec1414099321 .t-quiz__inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}

/* Третье поле — широкое, на всю строку */
#rec1414099321 .t-quiz__inputs-wrapper .t-quiz__step__input:nth-child(3) {
  grid-column: 1 / 3;
}

/* === Поля === */
#rec1414099321 .t-input-block input[type="text"],
#rec1414099321 .t-input-block input[type="email"],
#rec1414099321 .t-input-block input[type="tel"] {
  width: 100%;
  height: 54px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background-color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #111;
  padding: 0 18px;
  outline: none;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(15px);
  animation: fadeInUp 0.6s ease forwards;
}

/* Анимация появления */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Небольшие задержки для плавного появления по очереди */
#rec1414099321 .t-quiz__step__input:nth-child(1) input {
  animation-delay: 0.1s;
}
#rec1414099321 .t-quiz__step__input:nth-child(2) input {
  animation-delay: 0.2s;
}
#rec1414099321 .t-quiz__step__input:nth-child(3) input {
  animation-delay: 0.3s;
}

/* === Фокус === */
#rec1414099321 .t-input-block input:focus {
  border-color: #05954d;
  background-color: #fafefa;
}

/* === Ошибки (оставляем стандартные, просто чуть ровнее) === */
#rec1414099321 .t-input-error {
  color: #d32f2f;
  font-size: 14px;
  margin-top: 6px;
}

/* Скрытие скроллбаров */
#rec1414099321 ::-webkit-scrollbar {
  display: none;
}
#rec1414099321 {
  -ms-overflow-style: none;  /* IE и Edge */
  scrollbar-width: none;     /* Firefox */
}
/* ====== Общие стили фильтра ====== */
.t-store__filter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: #fff;
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

/* ====== Кнопка "Фильтры" для мобильных ====== */
.t-store__filter__opts-mob-btn {
  display: flex;
  align-items: center;
  gap: .5rem;
  cursor: pointer;
  background: #f5f5f5;
  border-radius: 0.75rem;
  padding: .6rem 1rem;
  transition: all .25s ease;
  user-select: none;
}

.t-store__filter__opts-mob-btn:hover {
  background: #e9e9e9;
}

.t-store__filter__opts-mob-btn-icon {
  width: 1rem;
  height: 1rem;
  fill: #222;
}

/* ====== Контейнеры ====== */
.t-store__filter__controls-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

/* ====== Поиск ====== */
.t-store__filter__search {
  position: relative;
  flex: 1;
}

.t-store__filter__search input[type="search"],
.t-store__filter__search input[type="text"] {
  width: 100%;
  border: 1px solid #dcdcdc;
  border-radius: .75rem;
  padding: .5rem 1rem;
  font-size: 0.9rem;
  color: #333;
  background-color: #fff;
  transition: all 0.2s ease;
  line-height: 1.4;
}

.t-store__filter__search input::placeholder {
  color: #999;
}

.t-store__filter__search input:hover {
  border-color: #bbb;
}

.t-store__filter__search input:focus {
  border-color: #222;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

/* ====== Сортировка ====== */
.t-store__sort-select-wrapper {
  position: relative;
}

.t-store__sort-select {
  appearance: none;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: .75rem;
  padding: .5rem 2.5rem .5rem 1rem;
  font-size: 0.9rem;
  line-height: 1.4;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  min-width: 200px;
}

.t-store__sort-select:hover {
  border-color: #bbb;
}

.t-store__sort-select:focus {
  border-color: #222;
  outline: none;
}

/* Стрелочка у select */
.t-store__sort-select-wrapper::after {
  content: "▼";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: .7rem;
  color: #666;
  pointer-events: none;
}

/* ====== Панель с выбранными фильтрами ====== */
.t-store__filter__chosen-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8f8f8;
  border-radius: .75rem;
  padding: .5rem 1rem;
  font-size: 0.85rem;
}

.t-store__filter__reset {
  color: #007aff;
  cursor: pointer;
  transition: color .2s ease;
}

.t-store__filter__reset:hover {
  color: #005fcc;
}

.t-store__filter__prods-number {
  color: #555;
}

/* ====== Адаптив ====== */
@media (max-width: 768px) {
  .t-store__filter {
    gap: .75rem;
    padding: .75rem 1rem;
  }

  .t-store__filter__controls-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .t-store__sort-select,
  .t-store__filter__search input {
    min-width: 100%;
  }
}
/* === Универсальное скругление для всех поисковых блоков Tilda === */

/* Поисковое поле t838 */
.t838__input,
.t-site-search-input input[type="text"],
.t-site-search-input input[type="search"] {
  border-radius: 50px !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
}

/* Контейнер поиска */
.t838__blockinput,
.t838__wrapper,
.t-site-search-input {
  border-radius: 50px !important;
  overflow: hidden; /* чтобы не выступали внутренние элементы */
}

/* Кнопка “Поиск” */
.t-btnflex,
.t-btnflex_type_submit,
.t838__blockbutton button,
.t838__blockbutton .t-submit {
  border-radius: 50px !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
}

/* Селекторы и поля фильтра из блока магазина */
.t-store__sort-select,
.t-store__filter input,
.t-store__filter select {
  border-radius: 50px !important;
}

/* При наведении / фокусе — без потери формы */
.t-store__sort-select:focus,
.t838__input:focus,
.t-btnflex:focus {
  outline: none;
  border-radius: 50px !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
}
/* ====== Мобильная адаптация блока поиска t838 ====== */
@media (max-width: 768px) {
  .t838__wrapper.t-site-search-input {
    margin-top: 1.5rem; /* отступ сверху */
    margin-bottom: 0 !important; /* убрать нижний отступ */
  }

  /* Если нужно именно половину высоты поля — динамически */
  .t838__blockinput {
    margin-top: 0.1em; /* визуально половина высоты инпута */
    margin-bottom: 0 !important;
  }

  /* Дополнительно — чтобы поле не прилипало к краям экрана */
  .t838__wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Опционально — более сбалансированное поведение инпута */
  .t838__input {
    display: block;
    width: 100%;
    border-radius: 50px !important;
    padding: 0.8rem 1.2rem;
    box-sizing: border-box;
  }
}
/* ====== Тонкая граница для поля поиска (t838) ====== */
@media (max-width: 768px) {
  .t838__input {
    border: 0.5px solid rgba(0, 0, 0, 0.2) !important; /* почти невидимая граница */
    border-radius: 50px !important;
    background-color: #fff;
    transition: border-color 0.2s ease;
  }

  .t838__input:focus {
    border-color: rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05); /* мягкое свечение */
    outline: none;
  }

  /* Убираем визуальные дефекты на контейнере */
  .t838__blockinput {
    border: none !important;
    background: transparent !important;
  }
}
/* ====== Фикс выхода поля поиска за границы сетки ====== */
@media (max-width: 768px) {
  /* Контейнер поиска */
  .t838__wrapper.t-site-search-input {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0,5rem;
    padding-right: 0,5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 2rem); /* предотвращает "прилипание" к краям */
  }

  /* Само поле */
  .t838__input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Если внутри есть внутренние блоки с фиксированной шириной */
  .t838__blockinput,
  .t838__blockbutton {
    width: 100%;
    box-sizing: border-box;
  }
}
/* ====== Мобильное улучшение категорий (t966) ====== */
@media (max-width: 768px) {
  .t966__menu-item {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 0.75rem;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-sizing: border-box;
  }

  .t966__menu-item-icon {
    width: 50px !important;
    height: 50px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0;
  }

  .t966__menu-item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
  }

  .t966__menu-item:hover {
    background: #f8f8f8;
    border-color: rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  }
}
/* Ссылка как современная кнопка Тильда, без стрелок */
.t830m__list-title-link.t-menu__link-item.t-descr.t966__tm-link {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;                 /* внутренние отступы */
    background-color: #f0f0f0;          /* современный светло-серый фон */
    color: #333333;                     /* темно-серый текст */
    font-family: 'Tilda Sans', sans-serif; 
    font-weight: 500;
    font-size: 16px;
    border-radius: 50px;                /* полностью скругленная кнопка */
    text-decoration: none;              /* убираем подчеркивание */
    white-space: nowrap;                /* текст в одну строку */
    transition: background-color 0.3s, transform 0.2s;
    cursor: pointer;
}

/* Hover эффект */
.t830m__list-title-link.t-menu__link-item.t-descr.t966__tm-link:hover {
    background-color: #e0e0e0;          /* чуть темнее при наведении */
    transform: translateY(-1px);        /* лёгкое поднятие */
}
/* Выбираем контейнер с логотипом */
.t830__logo__img {
    transition: transform 0.3s ease, opacity 0.3s ease; /* плавный переход */
}

/* Эффект при наведении */
.t830__logo__img:hover {
    transform: scale(1.05); /* немного увеличиваем */
    opacity: 0.9; /* чуть прозрачный */
}
/* Базовый стиль вкладок */
#rec1186650911 .t397__tab {
    border-bottom: 2px solid transparent; /* тонкая нижняя линия */
    transition: all 0.3s ease;
    position: relative;
}

/* Светло-серые буллеты под каждой вкладкой */
#rec1186650911 .t397__tab::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ccc; /* светло-серый */
    border-radius: 50%;
    position: absolute;
    bottom: -10px; /* расстояние от текста */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.5;
    transition: all 0.3s ease;
}

/* Активная вкладка */
#rec1186650911 .t397__tab_active::after {
    background-color: #222; /* темный цвет активного буллета */
    opacity: 1;
}

/* Эффект ховера */
#rec1186650911 .t397__tab:not(.t397__tab_active):hover::after {
    background-color: #999; /* темнее при наведении */
    transform: translateX(-50%) translateY(-2px) scale(1.3); /* легкое увеличение */
    opacity: 0.8;
}

/* Стиль текста вкладки */
#rec1186650911 .t397__title {
    color: #666; /* светло-серый текст */
    font-weight: 500;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* При наведении на вкладку */
#rec1186650911 .t397__tab:not(.t397__tab_active):hover .t397__title {
    color: #222; /* текст становится темнее */
    transform: translateY(-2px); /* легкое поднятие текста */
}

/* Активная вкладка текст */
#rec1186650911 .t397__tab_active .t397__title {
    color: #222;
    font-weight: 600;
}
/* Базовый стиль вкладок */
.t397__tab {
    border-bottom: 2px solid transparent;
    position: relative;
    margin: 0 5px; /* небольшой отступ между кнопками */
    transition: all 0.3s ease;
}

/* Кнопки вкладок */
.t397__title {
    display: flex; /* flex для центрирования */
    align-items: center;
    justify-content: center;
    height: 50px; /* фиксированная высота для всех кнопок */
    padding: 0 15px; /* горизонтальный отступ */
    background-color: #f8faff;
    border-radius: 8px;
    border: 1px solid transparent;
    color: #666;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center; /* текст по центру */
    white-space: nowrap; /* текст не переносится */
}

/* Эффект ховера на кнопках */
.t397__tab:not(.t397__tab_active) .t397__title:hover {
    background-color: #e0e6f0;
    color: #222;
    transform: translateY(-2px);
}

/* Активная вкладка */
.t397__tab_active .t397__title {
    background-color: #fff;
    border: 1px solid #222;
    color: #222;
    font-weight: 600;
}

/* Светло-серые буллеты под кнопками */
.t397__tab::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #ccc;
    border-radius: 50%;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.5;
    transition: all 0.3s ease;
}

/* Активная вкладка буллет */
.t397__tab_active::after {
    background-color: #222;
    opacity: 1;
}

/* Ховер буллета */
.t397__tab:not(.t397__tab_active):hover::after {
    background-color: #999;
    transform: translateX(-50%) translateY(-2px) scale(1.3);
    opacity: 0.8;
}

/* Мобильная версия */
.t397__wrapper_mobile select {
    border: 1px solid #ccc;
    color: #222;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #f8faff;
}
/* Активная вкладка улучшенный стиль */
.t397__tab_active .t397__title {
    background: linear-gradient(135deg, #ffffff, #e6f0ff); /* мягкий градиент */
    border: 1px solid #4a90e2; /* чуть насыщенная рамка */
    color: #222;
    font-weight: 600;
    font-size: 15px; /* чуть крупнее текста */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* легкая тень для глубины */
    transform: translateY(-2px); /* слегка приподнята */
    transition: all 0.3s ease;
}

/* Немного оживляем буллет активной вкладки */
.t397__tab_active::after {
    background-color: #4a90e2; /* синий, заметный */
    transform: translateX(-50%) translateY(-2px) scale(1.5);
    opacity: 1;
    transition: all 0.3s ease;
}
/* Активная вкладка современная с тонкой серой рамкой */
.t397__tab_active .t397__title {
    background: linear-gradient(135deg, #ffffff, #e6f0ff); /* мягкий градиент */
    border: 1px solid #ccc; /* тонкая серая hairline рамка */
    color: #222;
    font-weight: 600;
    font-size: 15px; /* чуть крупнее текста */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); /* очень мягкая тень для глубины */
    transform: translateY(0); /* убираем приподнятие */
    transition: all 0.3s ease;
}

/* Буллет активной вкладки — делаем маленьким и аккуратным */
.t397__tab_active::after {
    background-color: #999; /* мягкий серый */
    width: 6px;
    height: 6px;
    transform: translateX(-50%) translateY(0) scale(1); /* без увеличения */
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* Эффект ховера для неактивных кнопок */
.t397__tab:not(.t397__tab_active) .t397__title:hover {
    background-color: #e0e6f0;
    color: #222;
    transform: translateY(-2px); /* лёгкое поднятие */
}

/* Буллеты неактивных кнопок */
.t397__tab:not(.t397__tab_active)::after {
    background-color: #ccc;
    width: 6px;
    height: 6px;
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 0.5;
}
/* ------------------- Новая цена ------------------- */
.js-store-price-wrapper .js-store-prod-price-val {
  font-size: 1.4em;          /* размер цифр */
  font-weight: 600;
  color: #0f5f49;            /* основной зелёный */
  margin-bottom: 4px;        /* нижний отступ */
  transition: color 0.25s ease;
}

.js-store-price-wrapper .t-store__card__price-currency {
  font-size: 1.1em;          /* размер валюты */
  color: #0f5f49;
  margin-left: 0px;
  transition: color 0.25s ease;
}

/* Hover эффект на новую цену */
.js-store-price-wrapper:hover .js-store-prod-price-val,
.js-store-price-wrapper:hover .t-store__card__price-currency {
  color: #10755b;  /* более яркий зелёный при наведении */
}

/* ------------------- Старая цена ------------------- */
.t-store__card__price_old .js-store-prod-price-old-val {
  font-size: 0.95em;          /* меньше основной цены */
  color: #d18c8c;             /* бледно-красный */
  text-decoration: line-through; /* перечёркивание */
  margin-bottom: 2px;
  margin-left: 10px;
}

.t-store__card__price_old .t-store__card__price-currency {
  font-size: 0.85em;          /* чуть меньше цифр */
  color: #d18c8c;
  margin-left: 2px;
}
/* Валюта в попапе — как основная цена */
.t-store__prod-popup__price-currency {
  color: #0f5f49;
  font-weight: 600;
  transition: color 0.25s ease;
}

/* При наведении на блок с ценой — чуть ярче */
.t-store__prod-popup__price-wrapper:hover .t-store__prod-popup__price-currency {
  color: #10755b;
}
/* ==================== БАЗОВЫЕ НАСТРОЙКИ ==================== */
.t-site-search-popup {
  --radius: 14px;
  --shadow: 0 4px 14px rgba(0,0,0,0.08);
  --shadow-hover: 0 10px 28px rgba(0,0,0,0.15);
  --accent: #1565c0;
  --muted: #666;
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

/* ==================== ПОПАП ==================== */
.t-site-search-pu {
  padding: 16px;
  background: transparent;
}

/* ==================== ЗАГОЛОВОК ==================== */
.t-site-search-pu .t-title {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin: 0 0 20px;
}

/* ==================== КАРТОЧКИ ==================== */
.t-site-search-dm__result__product {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: 1px solid rgba(0,0,0,0.05);
  padding: 14px 18px;
  margin-bottom: 14px;
  text-decoration: none;
  color: inherit;
  transition: all 0.25s ease;
}

.t-site-search-dm__result__product:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}

/* ==================== КАРТИНКА ==================== */
.t-site-search-dm__thubmnail {
  flex: 0 0 120px;
  height: 120px;
  border-radius: var(--radius);
  overflow: hidden;
}

.t-site-search-dm__result__product_img {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  border-radius: var(--radius);
  transition: transform .3s ease;
}

.t-site-search-dm__result__product:hover .t-site-search-dm__result__product_img {
  transform: scale(1.05);
}

/* ==================== ТЕКСТ ==================== */
.t-site-search-dm__result__product_text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.t-site-search-dm__result__product_title {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin-bottom: 6px;
  line-height: 1.3;
}

.t-site-search-dm__result__product_descr {
  font-size: 14px;
  color: var(--muted);
  margin-bottom: 10px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.t-site-search-dm__result__product_price {
  font-size: 15px;
  font-weight: 700;
  color: #111;
}

/* ==================== ПАГИНАЦИЯ ==================== */
.t-site-search-pu__pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.t-site-search-pu__pagination .t-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid rgba(0,0,0,0.1);
  color: #444;
  background: #fff;
  transition: all .2s ease;
  cursor: pointer;
}

.t-site-search-pu__pagination .t-text:hover {
  background: rgba(21,101,192,0.1);
  color: var(--accent);
  transform: translateY(-2px);
}

/* активная страница */
.t-site-search-pu__pagination .t-site-search-pu__pagination-active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(21,101,192,0.2);
  transform: none;
}

/* ==================== АДАПТИВ ==================== */
@media (max-width: 600px) {
  .t-site-search-dm__result__product {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px;
  }
  .t-site-search-dm__thubmnail {
    flex: 0 0 160px;
    height: 160px;
    margin-bottom: 10px;
  }
  .t-site-search-dm__result__product_img {
    border-radius: 12px;
  }
}
/* ---------- Скругление попапа ---------- */
.t-site-search-popup.t-width_8 {
  border-radius: 20px;       /* желаемое скругление */
  overflow: hidden;          /* чтобы содержимое не вылезало за края */
  box-shadow: 0 12px 36px rgba(0,0,0,0.15); /* мягкая тень для объёма */
}
/* ---------- Пагинация: ровная сетка ---------- */
.t-site-search-pu__pagination {
  display: grid;                 /* используем grid для ровной сетки */
  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); /* гибкие колонки */
  gap: 10px 8px;                 /* вертикальный и горизонтальный отступ */
  justify-items: center;          /* центрируем цифры по ячейке */
  align-items: center;
  margin-top: 20px;
  padding: 0;
}

/* цифры пагинации */
.t-site-search-pu__pagination .t-text {
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #444;                   /* обычный цвет */
  border: 1px solid rgba(0,0,0,0.1);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* hover цифр */
.t-site-search-pu__pagination .t-text:hover {
  background: rgba(21,101,192,0.1);
  color: #1565c0;
  transform: translateY(-2px);
}

/* активная страница */
.t-site-search-pu__pagination .t-site-search-pu__pagination-active {
  background: #1565c0;   /* цвет активной страницы */
  color: #fff;
  border-color: #1565c0;
  box-shadow: 0 0 0 3px rgba(21,101,192,0.2);
  transform: none;
}

/* адаптив: на узких экранах цифры меньше */
@media (max-width: 480px) {
  .t-site-search-pu__pagination .t-text {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
/* ---------- Современный стиль для кнопки "вверх" с оранжевым цветом ---------- */
.t890__arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f5a623cc; /* нейтральный оранжевый */
  box-shadow: 0 4px 12px rgba(0,11,48,0.25);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* hover — лёгкое увеличение и затемнение фона */
.t890__arrow:hover {
  transform: scale(1.1);
  background: #e08e1bcc; /* чуть темнее оранжевый на ховер */
  box-shadow: 0 6px 18px rgba(0,11,48,0.3);
}

/* SVG стрелка — плавный переход цвета */
.t890__arrow svg path {
  transition: stroke 0.3s ease;
}

.t890__arrow:hover svg path {
  stroke: #ffffff; /* стрелка остаётся белой */
}
/* === Анимация появления элементов поочерёдно === */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Скрываем всё изначально */
.t758__list_item {
  opacity: 0;
  transform: translateY(8px);
  animation: fadeUp 0.4s ease-out forwards;
}

/* Поочерёдное появление (ступенчатая задержка) */
.t758__list_item:nth-child(1) { animation-delay: 0.1s; }
.t758__list_item:nth-child(2) { animation-delay: 0.25s; }
.t758__list_item:nth-child(3) { animation-delay: 0.4s; }
.t758__list_item:nth-child(4) { animation-delay: 0.55s; }
.t758__list_item:nth-child(5) { animation-delay: 0.7s; }

/* Hover — современно, без лишнего */
.t758__link-item__wrapper a.t-menu__link-item {
  color: #007bff;
  text-decoration: none;
  transition: color 0.25s ease, transform 0.25s ease;
}

.t758__link-item__wrapper a.t-menu__link-item:hover {
  color: #0056b3;
  transform: translateY(-2px);
}

/* Активный пункт */
.t758__link-item_active {
  color: #000;
  font-weight: 600;
  border-bottom: 2px solid #007bff;
}

/* Иконка */
.t758__list-item__icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.t758__list-item__icon:hover {
  transform: rotate(12deg);
}
/* ----------------- Параметры (подгони при необходимости) ----------------- */
:root {
  --btn-h: 48px;   /* высота кнопки */
  --sum-h: 40px;   /* высота блока суммы (ориентировочно) */
  --gap: 8px;      /* промежуток между суммой и кнопкой */
}

/* ----------------- Контейнер ----------------- */
.t706__sidebar{
  display:flex;
  flex-direction:column;
  height:100vh;
  background:#fff;
  overflow:hidden;
  box-sizing:border-box;
}

/* ----------------- Внутренний контент ----------------- */
.t706__sidebar-content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  overflow:hidden;
  box-sizing:border-box;
}

/* ----------------- Список товаров (ТОЛЬКО ОН СКРОЛЛИТСЯ) ----------------- */
/* padding-bottom резервирует место под сумму + gap + кнопку — важно */
.t706__sidebar-products{
  flex:1 1 auto;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  padding-right:8px;
  padding-bottom: calc(var(--sum-h) + var(--gap) + var(--btn-h));
  box-sizing:border-box;
}

/* опциональный тонкий скролл */
.t706__sidebar-products::-webkit-scrollbar{ width:6px; }
.t706__sidebar-products::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.2); border-radius:3px; }

/* ----------------- Блок суммы (в потоке, НЕ НАД ПОДЛОЖКОЙ) ----------------- */
/* Важно: НЕ position: sticky (если нужен sticky — можно аккуратно включить), здесь он в потоке 
   и занимает место, поэтому не будет накрывать список. */
.t706__cartwin-totalamount-wrap{
  position: relative;            /* НЕ sticky */
  height: var(--sum-h);
  min-height: var(--sum-h);
  padding: 6px 16px;            /* уменьшённые вертикальные отступы */
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  background:#fff;
  border-top: none;             /* убираем линию между суммой и кнопкой */
  box-sizing:border-box;
  z-index:1;                    /* не должно перекрывать список */
}

/* Внутреннее выравнивание суммы */
.t706__cartwin-totalamount-content{
  display:flex;
  align-items:center;
  gap:6px;
}
.t706__cartwin-prodamount-price,
.t706__cartwin-prodamount-currency{
  display:inline-block;
  margin:0;
  padding:0;
  line-height:1;
}

/* ----------------- Нижняя панель с кнопкой (в потоке, фиксированная высота) ----------------- */
.t706__sidebar-bottom{
  position: relative;          /* НЕ sticky, НЕ fixed — занимает место в потоке */
  height: var(--btn-h);
  min-height: var(--btn-h);
  padding: 0 16px;             /* горизонтальные padding'ы только */
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-top: none;
  box-sizing:border-box;
  overflow:visible;
  z-index:1;
}

/* Кнопка — фиксированная высота, НИКАКОГО скролла внутри */
.t706__sidebar-continue{
  width:100%;
  height:100%;
  min-height: var(--btn-h);
  max-height: var(--btn-h);
  padding: 0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  white-space:nowrap;
  overflow:hidden;             /* ключ: скрываем внутренний скролл */
  line-height: var(--btn-h);
  border-radius: 50px;
}

/* Защита от горизонтального скролла у всех основных блоков */
.t706__sidebar, .t706__sidebar-content, .t706__sidebar-products,
.t706__cartwin-totalamount-wrap, .t706__sidebar-bottom {
  overflow-x:hidden;
}

/* ----------------- Доп. защита: если у тебя были inline-стили с padding/margin у внутренних элементов,
     эти селекторы тонко обнуляют только вертикальные отступы внутренних блоков суммы и кнопки,
     чтобы они не увеличивали высоту ----------------- */
.t706__cartwin-totalamount-wrap > * { margin-top:0; margin-bottom:0; }
.t706__sidebar-bottom > * { margin-top:0; margin-bottom:0; }

/* ----------------- Примечание:
   - Если в твоём HTML сумма идёт ДО .t706__sidebar-products, перемести её ВНИЗ перед .t706__sidebar-bottom,
     чтобы порядок в DOM был: header/heading, .t706__sidebar-products, .t706__cartwin-totalamount-wrap, .t706__sidebar-bottom.
   - Если всё же хочешь, чтобы сумма висела поверх и была всегда видна при скролле — скажи, сделаем sticky корректно,
     но тогда нужно зарезервировать место в списке (padding-bottom сделан) и снять тени/фон у элементов под ней. */ 
}
/* 1. Сумма — только в потоке, фиксировать не нужно */
.t706__cartwin-totalamount-wrap {
  position: relative;  /* НЕ sticky */
  height: var(--sum-h);
  min-height: var(--sum-h);
  padding: 6px 16px;   /* вертикальные паддинги уменьшены */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1px;
  background: #fff;
  border-top: none;    /* убираем линию */
  box-sizing: border-box;
  overflow: visible;   /* ключ: НИКАКОГО скролла */
}

/* 2. Кнопка — фиксированная высота, без скролла */
.t706__sidebar-continue {
  height: var(--btn-h);
  min-height: var(--btn-h);
  max-height: var(--btn-h);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;    /* скрываем внутренний скролл */
  white-space: nowrap;
  border-radius: 50px;
}

/* 3. Список товаров — единственный элемент со скроллом */
.t706__sidebar-products {
  flex: 1;
  overflow-y: auto;
  padding-bottom: calc(var(--sum-h) + var(--gap) + var(--btn-h)); 
  box-sizing: border-box;
}
.t706__cartwin-totalamount-wrap {
  overflow: hidden !important;
  height: var(--sum-h) !important;
  min-height: var(--sum-h) !important;
  max-height: var(--sum-h) !important;
}
.t706__cartpage .t706__cartwin-totalamount-wrap,
.t706__cartpage .t706__sidebar-continue,
.t706__cartpage .t706__sidebar-products {
  overflow: visible !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  padding-bottom: 0 !important;
}
.t706__cartpage-content {
  display: flex !important;
  height: calc(100vh - 80px) !important; /* adjust for top bar */
}
.t706__cartpage-form,
.t706__cartpage-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.t706__cartpage-form-wrapper {
  flex: 1 !important;
  overflow-y: auto !important;
  padding-right: 8px !important;
}
.t706__cartpage-info-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.t706__cartpage-products {
  flex: 1 !important;
  overflow-y: auto !important;
  padding-right: 8px !important;
}
.t706__cartpage-totals {
  flex-shrink: 0 !important;
}