/* === 1. Эффект для всех ссылок + переключателей === */
a,
.t-store__parts-switch-btn {
  position: relative;
  display: inline-block;
  color: #000000;
  text-decoration: none;
  transition: color .3s ease;
}

/* Линия */
a::after,
.t-store__parts-switch-btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

/* Наведение */
a:hover,
.t-store__parts-switch-btn:hover {
  color: #000000;
}

a:hover::after,
.t-store__parts-switch-btn:hover::after {
  transform: scaleX(1);
}

/* === 2. Отключаем стиль для Tilda кнопок === */
a.t-btn,
a.t-submit {
  position: static;
}

a.t-btn::after,
a.t-submit::after {
  content: none !important;
}

/* === 3. Добавляем underline эффект для текста кнопок Tilda === */
/* underline создаём на ССЫЛКЕ-кнопке, если внутри есть .t-btntext__text */

a.t-btn .t-btntext__text {
  position: relative;
}

/* создаём псевдоэлемент underline НА РОДИТЕЛЕ (на кнопке) */
a.t-btn .t-btntext__text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px; /* расстояние подчеркивания под текстом кнопки */
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

/* эффект появления подчеркивания при hover кнопки */
a.t-btn:hover .t-btntext__text::after {
  transform: scaleX(1);
}

/* Подчеркивание текста кнопки в карточках T772 */
.t772 .t-card__btntext-wrapper {
  position: relative;
  display: inline-block;
}

/* линия под текстом */
.t772 .t-card__btntext-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;      /* расстояние между текстом и линией */
  width: 100%;
  height: 1px;       /* толщина подчеркивания */
  background: #000000;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

/* анимация появления при hover карточной кнопки */
.t772 .t-card__btntext-wrapper:hover::after {
  transform: scaleX(1);
}

/* Белый underline для ссылки внутри #rec1631662913 */
#rec1631662913 .t-btntext.t-btntext_type_button {
  position: relative;
  display: inline-block;
  color: #ffffff !important; /* текст белый */
}

/* линия */
#rec1631662913 .t-btntext.t-btntext_type_button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #ffffff;        /* underline белый */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

/* появление underline */
#rec1631662913 a:hover .t-btntext.t-btntext_type_button::after,
#rec1631662913 .t-btntext.t-btntext_type_button:hover::after {
  transform: scaleX(1);
}


/* --- Полностью убираем внутреннюю кнопку-тире-кружок --- */
.t734 .t-slds__bullet_body {
    all: unset !important; /* снимаем ВСЕ inline-стили */
    display: none !important; 
}


/* --- Чистые точки --- */
.t734 .t-slds__bullet {
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.35);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 6px !important;
    line-height: 0 !important;     /* ВАЖНО */
    font-size: 0 !important;       /* ВАЖНО */
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: width .3s ease, background .3s ease;
}

/* --- Активная колбаска --- */
.t734 .t-slds__bullet_active {
    width: 28px;
    background: rgba(255,255,255,0.25);
}

/* --- Прогресс (идеально ровный) --- */
.t734 .t-slds__bullet_active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #ffffff;
    animation: t734-progress 4s linear forwards;
    border-radius: inherit;
}

/* --- Анимация заполнения --- */
@keyframes t734-progress {
    0% { width: 0; }
    100% { width: 100%; }
}

/* --- Восстанавливаем обёртку буллетов --- */
.t734 .t-slds__bullet_wrapper {
    position: absolute !important;
    bottom: 30px;              /* расстояние от низа слайдера — можешь менять */
    left: 50% !important;
    transform: translateX(-50%) !important;

    display: flex !important;  /* буллеты в ряд */
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px;                 /* расстояние между точками/колбасками */
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}





/* ---- ОТКЛЮЧАЕМ внутреннюю кнопку ---- */
.t799 .t-slds__bullet_body {
    all: unset !important;
    display: none !important;
}

/* ---- БАЗОВАЯ ТОЧКА t799 ---- */
.t799 .t-slds__bullet {
    width: 6px;
    height: 6px;
    border-radius: 20px;
    background: rgba(255,255,255,0.35);
    overflow: hidden;
    position: relative;
    padding: 0 !important;
    margin: 0 6px !important;
    line-height: 0 !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: width .35s ease, background .3s ease;
}

/* ---- АКТИВНАЯ КОЛБАСКА ---- */
.t799 .t-slds__bullet_active {
    width: 28px;
    background: rgba(255,255,255,0.25);
}

/* ---- ПРОГРЕСС-ЛИНИЯ ---- */
.t799 .t-slds__bullet_active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #ffffff;
    animation: t799-progress var(--t799-time, 4s) linear forwards;
    border-radius: inherit;
}

@keyframes t799-progress {
    from { width: 0; }
    to   { width: 100%; }
}

/* ---- ПОЗИЦИОНИРОВАНИЕ ПО ЦЕНТРУ ---- */
.t799 .t-slds__bullet_wrapper {
    position: absolute !important;
    bottom: 10px; /* можно увеличить до 20–30, если нужно ниже */
    left: 50% !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px;
    padding: 0 !important;
    margin: 0 !important;
}

/* Обрезаем описания до 2 строк */
.t-store__card__descr,
.js-store-prod-descr {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* кол-во строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* базовые стили ссылок */
.t1261__dropdown-menu .t1261__dropdown-item-link{
  color:#000 !important;
  text-decoration:none !important;
  display:inline-block;
  position:relative;
  padding-bottom:2px;
}

/* underline — скрыта по умолчанию */
.t1261__dropdown-menu .t1261__dropdown-item-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:#000;

  transform:scaleX(0);
  transform-origin:left;

  transition:
    transform 0.28s ease-in-out,
    transform-origin 0s linear 0.28s;
}

/* hover — рисуем слева → направо */
.t1261__dropdown-menu .t1261__dropdown-item-link:hover::after{
  transform:scaleX(1);
  transform-origin:left;
  transition:
    transform 0.28s ease-in-out;
}

/* hover out — стираем справа → налево */
.t1261__dropdown-menu .t1261__dropdown-item-link:not(:hover)::after{
  transform:scaleX(0);
  transform-origin:right;
  transition:
    transform 0.28s ease-in-out;
}

/* текст всегда чёрный */
.t1261__dropdown-menu .t1261__dropdown-item-link:hover{
  color:#000 !important;
}

/* убираем стрелку у t-btntext */
.t-btntext.t-btntext_type_button::after,
.t-btntext.t-btntext_type_button:hover::after{
  content:none !important;
  display:none !important;
}

/* ===== T772 базовый контейнер ===== */
.t772 .t772__imgwrapper{
  position: relative;
  overflow: hidden;
}

/* ===== ZOOM: если есть  ===== */
.t772 .t772__imgwrapper img{
  transition: transform 0.4s ease;
  transform-origin: center center;
}
.t772 .t772__imgwrapper:hover img{
  transform: scale(1.08);
}

/* ===== ZOOM: основной фон T772 ===== */
.t772 .t772__bgimg{
  transition: transform 0.4s ease;
  transform-origin: center center;
}
.t772 .t772__imgwrapper:hover .t772__bgimg{
  transform: scale(1.08);
}

/* ===== ПЛАШКА ===== */
.t772 .t772__imgwrapper::after{
  position:absolute;
  left:0;
  right:0;
  bottom:0;

  height:44px;
  background:#000;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family:'GraphikTT', 'Graphik', Arial, sans-serif;
  font-size:14px;
  letter-spacing:0.04em;
  color:#fff;

  opacity:0;
  transform: translateY(110%);
  transition: transform 0.28s ease, opacity 0.28s ease;

  pointer-events:none;
  z-index:5;
}

/* появление */
.t772 .t772__imgwrapper:hover::after{
  opacity:1;
  transform: translateY(0);
}

/* ===== ТЕКСТЫ ДЛЯ КАЖДОЙ КАРТОЧКИ ===== */
/* 1 */
.t772 .t772__content:nth-child(1) .t772__imgwrapper::after{
  content:"посмотреть";
}

/* 2 */
.t772 .t772__content:nth-child(2) .t772__imgwrapper::after{
  content:"посмотреть";
}

/* 3 */
.t772 .t772__content:nth-child(3) .t772__imgwrapper::after{
  content:"посмотреть";
}

/* 4 */
.t772 .t772__content:nth-child(4) .t772__imgwrapper::after{
  content:"посмотреть";
}




/* =========================
   T776 STORE CARDS: clean hover
   - zoom image
   - bottom black label
   - remove link underlines/arrows/etc
   ========================= */

/* 1) убираем любые подчеркивания/декор у ссылок в карточке */
.t776 .t-store__card a,
.t776 .t-store__card a:hover{
  color: inherit !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* если где-то всплывает стрелка/иконка через ::after (Tilda любит такое) */
.t776 .t-store__card a::after,
.t776 .t-store__card a:hover::after{
  content: none !important;
  display: none !important;
}

/* 2) контейнер картинки — база */
.t776 .t-store__card__imgwrapper{
  position: relative;
  overflow: hidden;
}

/* 3) ZOOM для фоновой картинки */
.t776 .t-store__card__bgimg{
  transition: transform 0.4s ease;
  transform-origin: center center;
}
.t776 .t-store__card:hover .t-store__card__bgimg{
  transform: scale(1.06);
}

/* если в карточке есть вторая картинка (hover/second) — тоже зумим */
.t776 .t-store__card__bgimg_second{
  transition: transform 0.4s ease;
  transform-origin: center center;
}
.t776 .t-store__card:hover .t-store__card__bgimg_second{
  transform: scale(1.06);
}

/* 4) ПЛАШКА */
.t776 .t-store__card__imgwrapper::after{
  content: "посмотреть или заказать";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 44px;
  background: #000;

  display: flex;
  align-items: center;
  justify-content: center;

  font-family: 'GraphikTT', 'Graphik', Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #fff;

  opacity: 0;
  transform: translateY(110%);
  transition: transform 0.28s ease, opacity 0.28s ease;

  pointer-events: none;
  z-index: 10;
}

/* появление плашки при наведении на карточку */
.t776 .t-store__card:hover .t-store__card__imgwrapper::after{
  opacity: 1;
  transform: translateY(0);
}

/* =========================
   T776: equal card height
   image + title + 2 lines descr
   ========================= */

/* карточка как колонка */
.t776 .t-store__card{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* фиксируем соотношение картинки (можно подправить) */
.t776 .t-store__card__imgwrapper{
  flex:0 0 auto;
  /* если у тебя в карточке нет inline padding-bottom,
     можно раскомментировать следующее:
  aspect-ratio: 520 / 572;
  */
}

/* текстовый блок тянется, но не ломает сетку */
.t776 .t-store__card__wrap_txt-and-btns{
  flex:1 1 auto;
  display:flex;
}

.t776 .t-store__card__textwrapper{
  width:100%;
}

/* заголовок — 1 строка (если хочешь 2 — скажи) */
.t776 .t-store__card__title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
}

/* описание — ровно 2 строки */
.t776 .t-store__card__descr{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

/* на всякий: убираем лишние отступы у p внутри описания,
   чтобы clamp работал предсказуемо */
.t776 .t-store__card__descr p{
  margin:0 !important;
}

/* =========================
   T776: collapse text area
   ========================= */

/* главный виновник — схлопываем */
.t776 .store__card__wrap_txt-and-opts{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
}

/* ссылка не должна быть flex/блочной с растяжением */
.t776 .store__card__wrap_txt-and-opts > a{
  display:block;
}

/* текстовый контейнер — только по контенту */
.t776 .t-store__card__textwrapper{
  padding:0 !important;
  margin:0 !important;
}

/* заголовок — компактно */
.t776 .t-store__card__title{
  margin:0 0 6px 0 !important;
  line-height:1.25;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
}

/* описание — ровно 2 строки */
.t776 .t-store__card__descr{
  margin:0 !important;
  line-height:1.4;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

/* убираем влияние внутренних  */
.t776 .t-store__card__descr p{
  margin:0 !important;
}

/* price-wrapper и старые цены не должны резервировать место */
.t776 .t-store__card__price-wrapper{
  display:none !important;
}

/* страховка: controls вообще не участвуют в потоке */
.t776 .t-store__card__prod-controls-wrapper{
  display:none !important;
}

/* =========================
   T754 — HOVER ONLY
   zoom + bottom label
   ========================= */

/* 1. Убираем подчёркивания и декор ссылок */
.t754 a,
.t754 a:hover,
.t754 a:visited {
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* если Tilda где-то рисует стрелку через ::after */
.t754 a::after{
  display:none !important;
  content:none !important;
}

/* 2. Контейнер картинки */
.t754 .t-store__card__imgwrapper{
  position: relative;
  overflow: hidden;
}

/* 3. Лёгкий ZOOM картинки */
.t754 .t-store__card__bgimg,
.t754 .t-store__card__bgimg_second{
  transition: transform 0.35s ease;
  transform-origin: center center;
}

.t754 .t-store__card:hover .t-store__card__bgimg,
.t754 .t-store__card:hover .t-store__card__bgimg_second{
  transform: scale(1.06);
}

/* 4. Плашка */
.t754 .t-store__card__imgwrapper::after{
  content:"посмотреть или заказать";
  position:absolute;
  left:0;
  right:0;
  bottom:0;

  height:44px;
  background:#000;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family:'GraphikTT','Graphik',Arial,sans-serif;
  font-size:14px;
  letter-spacing:0.04em;
  color:#fff;

  opacity:0;
  transform:translateY(110%);
  transition:transform 0.28s ease, opacity 0.28s ease;

  pointer-events:none;
  z-index:5;
}

/* появление плашки */
.t754 .t-store__card:hover .t-store__card__imgwrapper::after{
  opacity:1;
  transform:translateY(0);
}

/* =========================
   T754 — equal height cards
   image + title + 2 lines
   ========================= */

/* карточка — колонка */
.t754 .t-store__card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* зона картинки не растягивается */
.t754 .t-store__card__imgwrapper{
  flex: 0 0 auto;
}

/* текстовая зона — компактная */
.t754 .t-store__card__wrap_txt-and-btns{
  flex: 0 0 auto;
}

/* убираем влияние лишних обёрток */
.t754 .store__card__wrap_txt-and-opts{
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

/* === ЗАГОЛОВОК: 1 строка === */
.t754 .t-store__card__title,
.t754 .js-store-prod-name{
  margin: 0 0 6px 0 !important;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/* === ОПИСАНИЕ: 2 строки === */
.t754 .t-store__card__descr,
.t754 .js-store-prod-descr{
  margin: 0 !important;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* чтобы  внутри не ломали высоту */
.t754 .t-store__card

/* =========================
   T754 — FIX text block height
   title + 2 lines description
   ========================= */

/* 1. Сам блок — фиксируем по контенту */
.t754 .store__card__wrap_txt-and-opts{
  display: block !important;
}

/* 2. Убираем влияние ссылки */
.t754 .store__card__wrap_txt-and-opts > a{
  display: block;
}

/* 3. Текстовый контейнер — ОДИНАКОВАЯ ВЫСОТА */
.t754 .t-store__card__textwrapper{
  display: block;
  height: 88px;            /* ← ключевое значение */
  overflow: hidden;
}

/* 4. Заголовок — 1 строка */
.t754 .js-store-prod-name{
  margin: 0 0 6px 0 !important;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 5. Описание — 2 строки */
.t754 .js-store-prod-descr{
  margin: 0 !important;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 6.  внутри описания не добавляют высоту */
.t754 .js-store-prod-descr p{
  margin: 0 !important;
}

/* 7. Price / controls вообще не участвуют */
.t754 .t-store__card__price-wrapper,
.t754 .t-store__card__prod-controls-wrapper{
  display: none !important;
}




/* =========================
   MENUSUB — centered to trigger + underline only by text
   ========================= */

/* НЕ центрируем по экрану — оставляем позиционирование Tilda */
.t-menusub__menu{
  background:#fff !important;
  left:auto !important;          /* на случай если ты ставил left:50% */
  transform:none !important;     /* на случай translateX(-50%) */

  width:max-content !important;  /* ширина по самому широкому пункту */
  max-width:calc(100vw - 24px) !important;
  padding:0 !important;
}

/* убираем "хвостик"/треугольник */
.t-menusub__menu:before,
.t-menusub__menu:after{
  display:none !important;
  content:none !important;
}

/* контейнер подменю */
.t-menusub__content{
  display:block !important;
  background:#fff !important;
  padding:22px 26px !important;
}

/* список по центру */
.t-menusub__list{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:12px !important;

  margin:0 !important;
  padding:0 !important;
  list-style:none !important;

  width:max-content !important;  /* не растягиваемся */
}

/* li не тянется на 100% */
.t-menusub__list-item{
  width:max-content !important;
}

/* ссылка строго по ширине текста (не строкой на всю ширину) */
.t-menusub__link-item{
  display:inline-flex !important;    /* важно: не block */
  width:max-content !important;      /* важно: не 100% */
  position:relative !important;

  color:#000 !important;
  text-decoration:none !important;   /* убираем стандартное подчёркивание */
  border-bottom:0 !important;
  padding:4px 2px !important;
  white-space:nowrap !important;
}

/* underline анимируется по ширине ТЕКСТА (т.к. сама ссылка = ширина текста) */
.t-menusub__link-item::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;

  width:100%;
  height:1px;
  background:currentColor;

  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}
.t-menusub__link-item:hover::after{
  transform:scaleX(1);
}

/* активный пункт */
.t-menusub__link-item.t-active,
.t-menusub__link-item[aria-current="page"]{
  font-weight:600 !important;
}
.t-menusub__link-item.t-active::after,
.t-menusub__link-item[aria-current="page"]::after{
  transform:scaleX(1);
}

/* мобилка: не вылезаем за экран */
@media (max-width: 640px){
  .t-menusub__menu{
    max-width:calc(100vw - 16px) !important;
  }
  .t-menusub__link-item{
    white-space:normal !important;
    text-align:center !important;
  }
}






/* =========================
   1) Центр меню по экрану
   ========================= */

/* контейнер меню (внутри него nav) — ставим flex и центрируем */
.t1261__container {
  display: flex;
  justify-content: center;
}

/* сам nav не растягиваем */
.t1261__menu {
  width: auto;
}

/* список пунктов — в строку и по центру */
.t1261__menu-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;             /* расстояние между пунктами */
  padding: 0;
  margin: 0;
  list-style: none;
}


/* =========================
   2) Цвета пунктов
   ========================= */

/* первые 4 пункта — черные */
.t1261__menu-list > li:nth-child(-n+4) > a {
  color: #000 !important;
}

/* последний пункт (распродажа) — красный */
.t1261__menu-list > li:last-child > a {
  color: #c00000 !important;
}


/* =========================
   3) Hover underline (по ширине текста)
   ========================= */

/* убираем дефолтные подчеркивания */
.t1261__menu-list > li > a {
  text-decoration: none !important;
  position: relative;
  display: inline-block;     /* ключевое: underline будет по ширине текста */
  width: auto;
  line-height: 1.2;
  padding-bottom: 4px;       /* место под линию */
}

/* линия снизу — появляется слева */
.t1261__menu-list > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: currentColor;  /* у черных будет черная, у красного — красная */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}

/* hover/focus */
.t1261__menu-list > li > a:hover::after,
.t1261__menu-list > li > a:focus-visible::after {
  transform: scaleX(1);
}

/* чтобы на мобильном тап тоже выглядел нормально */
@media (max-width: 640px) {
  .t1261__menu-list {
    gap: 18px;
    flex-wrap: wrap; /* если не влезает — перенос */
    justify-content: center;
  }
}

/* ===============================
   FOOTER MENU (t977)
   =============================== */

/* базовый стиль ссылок */
.t977__menu a {
  color: #ffffff;
  text-decoration: none !important;
  position: relative;
  display: inline-block;   /* важно: линия по ширине текста */
  width: auto;
  padding-bottom: 4px;     /* место под линию */
}

/* линия */
.t977__menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor; /* белая линия */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

/* hover / focus */
.t977__menu a:hover::after,
.t977__menu a:focus-visible::after {
  transform: scaleX(1);
}

/* опционально — чуть воздуха между пунктами */
.t977__menu li {
  margin-bottom: 8px;
}



/* ===== T734 slider button underline (always + animate) ===== */

/* убираем стандартные подчеркивания где бы они ни появлялись */
#rec1631662913 a.t734__button,
#rec1631662913 a.t734__button:hover,
#rec1631662913 a.t734__button:focus,
#rec1631662913 a.t734__button:active {
  text-decoration: none !important;
}

/* цель — именно текст внутри кнопки */
#rec1631662913 a.t734__button .t-btntext__text{
  position: relative;
  display: inline-block;        /* важно: линия по ширине текста */
  padding-bottom: 4px;
  color: #fff !important;
}

/* линия есть ВСЕГДА */
#rec1631662913 a.t734__button .t-btntext__text::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: left;
  animation: none;
}

/* hover: исчезла L->R, потом появилась L->R */
#rec1631662913 a.t734__button:hover .t-btntext__text::after,
#rec1631662913 a.t734__button:focus-visible .t-btntext__text::after{
  transform-origin: left;
  animation: underline_wipe_lr 0.55s ease-in-out forwards;
}

/* когда курсор ушёл — проигрываем обратную анимацию */
#rec1631662913 a.t734__button:not(:hover) .t-btntext__text::after{
  transform-origin: right;
  animation: underline_wipe_rl 0.55s ease-in-out forwards;
}

/* L->R: 1) до 50% уходим в 0, 2) до 100% возвращаем в 1 */
@keyframes underline_wipe_lr{
  0%   { transform: scaleX(1); }
  49%  { transform: scaleX(0); }
  50%  { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

/* R->L (обратная): исчезает справа налево, потом появляется справа налево */
@keyframes underline_wipe_rl{
  0%   { transform: scaleX(1); }
  49%  { transform: scaleX(0); }
  50%  { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}


/* ===============================
   T1058 text button underline wipe
   =============================== */

.t1058__btn-text{
  position: relative;
  display: inline-block;   /* линия по ширине текста */
  color: #000000;
  cursor: pointer;
  padding-bottom: 4px;
}

/* линия есть всегда */
.t1058__btn-text::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background: currentColor; /* чёрная */
  transform: scaleX(1);
  transform-origin: left;
  animation: none;
}

/* hover: wipe слева → направо */
.t1058__btn-text:hover::after{
  transform-origin: left;
  animation: underline_wipe_lr 0.55s ease-in-out forwards;
}

/* уход курсора: обратный wipe */
.t1058__btn-text:not(:hover)::after{
  transform-origin: right;
  animation: underline_wipe_rl 0.55s ease-in-out forwards;
}

/* ===== keyframes (общие, можно переиспользовать) ===== */

@keyframes underline_wipe_lr{
  0%   { transform: scaleX(1); }
  49%  { transform: scaleX(0); }
  50%  { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

@keyframes underline_wipe_rl{
  0%   { transform: scaleX(1); }
  49%  { transform: scaleX(0); }
  50%  { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

/* === T1058: убираем любые штатные подчеркивания/линии (на a и внутри) === */
#allrecords .t1058 a,
#allrecords .t1058 a:hover,
#allrecords .t1058 a:visited,
#allrecords .t1058 a *{
  text-decoration: none !important;
  border-bottom: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* если Тильда рисует линию псевдоэлементами */
#allrecords .t1058 a::before,
#allrecords .t1058 a::after,
#allrecords .t1058 a *::before,
#allrecords .t1058 a *::after{
  box-shadow: none !important;
}

/* === Наша линия на тексте === */
#allrecords .t1058 .t1058__btn-text{
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
  line-height: 1.2;
}

#allrecords .t1058 .t1058__btn-text::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background: currentColor;
  transform: scaleX(1);              /* по умолчанию линия есть */
  transform-origin: left;
  transition: transform .22s ease;
}

/* hover ловим на ссылке/кнопке-обертке */
#allrecords .t1058 a:hover .t1058__btn-text::after{
  transform: scaleX(0);              /* (пока) просто исчезает */
}


/* === T1058: убрать ВСЕ штатные подчеркивания у ссылки и оберток === */
#allrecords .t1058 a.t1058__link,
#allrecords .t1058 a.t1058__link:hover,
#allrecords .t1058 a.t1058__link:visited{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* иногда линия висит на wrapper */
#allrecords .t1058 .t1058__link-wrapper{
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* если Тильда рисует линию псевдоэлементом */
#allrecords .t1058 a.t1058__link::before,
#allrecords .t1058 a.t1058__link::after,
#allrecords .t1058 .t1058__link-wrapper::before,
#allrecords .t1058 .t1058__link-wrapper::after{
  content: none !important;
}

/* === Наша линия (одна) на тексте === */
#allrecords .t1058 .t1058__btn-text{
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
  line-height: 1.2;
}

/* базовая линия (есть всегда) */
#allrecords .t1058 .t1058__btn-text::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform .22s ease;
}

/* hover: линия исчезает (чтобы не было "двойного") */
#allrecords .t1058 a.t1058__link:hover .t1058__btn-text::after{
  transform: scaleX(0);
}

/* ===============================
   t772 (rec1671737183) — hover overlay text = "Скачать"
   =============================== */

/* предполагаем, что плашка сделана через ::after */
#rec1671737183 .t772__imgwrapper::after,
#rec1671737183{
  content: "Скачать" !important;
}




/* Каталог: отступ между фото и текстом */
.t-store__card__imgwrapper {
  margin-bottom: 12px;
}

/* Отступ между заголовком и описанием */
.t-store__card__title {
  margin-bottom: 6px;
}

/* Чтобы описание не прилипало к следующему (если есть цена/кнопки) */
.t-store__card__descr {
  margin-top: 0;
}



/* ❌ полностью убираем табы */
.t-store__tabs {
  display: none !important;
}

/* ✅ показываем характеристики под описанием */
.js-store-prod-all-charcs {
  display: block !important;
  margin-top: 16px;
}

/* заголовок "Характеристики" */
.js-store-prod-all-charcs::before {
  content: "Характеристики";
  display: block;
  margin-bottom: 8px;

  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000;
}

/* сами строки характеристик */
.js-store-prod-all-charcs p {
  margin: 4px 0;
  font-size: 12px;
  line-height: 1.4;
  color: #000;
}

/* SALE-бейдж в каталоге — прямоугольник */
.t-store__card__mark-wrapper {
  top: 12px;      /* при необходимости подстрой */
  left: 12px;
}

.t-store__card__mark {
  border-radius: 0 !important;   /* убираем круг */
  padding: 4px 8px !important;   /* компактная плашка */
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  white-space: nowrap;           /* всегда в одну строку */
  min-width: auto;
  height: auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.t-store__filter__search-and-sort {
  display: none !important;
}



/* ================================
   ST320N (stretch cards): hover bar
   ================================ */

/* Чтобы не задевать другие блоки магазина — применяем только к stretch-карточкам */
.t-store__card.t-store__stretch-col {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.t-store__card.t-store__stretch-col .t-store__card__imgwrapper{
  position: relative;
  overflow: hidden;
}

/* Чёрная плашка */
.t-store__card.t-store__stretch-col .t-store__card__imgwrapper::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 52px;
  background: #000;
  transform: translateY(110%);
  transition: transform 220ms ease;
  z-index: 3;
  pointer-events: none;
}

/* Текст (меньше, без засечек) */
.t-store__card.t-store__stretch-col .t-store__card__imgwrapper::before{
  content: "ПОСМОТРЕТЬ ИЛИ ЗАКАЗАТЬ";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  transform: translateY(110%);
  transition: transform 220ms ease;
  z-index: 4;
  pointer-events: none;
}

.t-store__card.t-store__stretch-col:hover .t-store__card__imgwrapper::after,
.t-store__card.t-store__stretch-col:hover .t-store__card__imgwrapper::before{
  transform: translateY(0);
}

/* Мобилки */
@media (max-width: 640px){
  .t-store__card.t-store__stretch-col .t-store__card__imgwrapper::after,
  .t-store__card.t-store__stretch-col .t-store__card__imgwrapper::before{
    height: 46px;
  }
  .t-store__card.t-store__stretch-col .t-store__card__imgwrapper::before{
    font-size: 13px;
  }
}


/* ==========================================
   ОДИНАКОВАЯ ВЫСОТА: фиксируем title+descr
   ========================================== */

.t-store__card.t-store__stretch-col .t-store__card__wrap_txt-and-btns{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Сам текстовый контейнер делаем предсказуемым */
.t-store__card.t-store__stretch-col .t-store__card__textwrapper{
  display: flex;
  flex-direction: column;
}

/* 1) Название: максимум 2 строки + фикс высоты */
.t-store__card.t-store__stretch-col .t-store__card__title{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  line-height: 1.25 !important;
  max-height: calc(1.25em * 2) !important; /* 2 строки */
  margin-bottom: 8px !important;
}

/* 2) Описание: максимум 2 строки + фикс высоты + нормализация внутренностей */
.t-store__card.t-store__stretch-col .t-store__card__descr{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  line-height: 1.35 !important;
  max-height: calc(1.35em * 2) !important; /* 2 строки */
}

/* Внутри описания: убираем пляску из-за  и кастом-классов */
.t-store__card.t-store__stretch-col .t-store__card__descr,
.t-store__card.t-store__stretch-col .t-store__card__descr *{
  font-size: inherit !important;
  line-height: inherit !important;
}

.t-store__card.t-store__stretch-col .t-store__card__descr p{
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Фиксируем высоту "текстовой зоны" целиком, чтобы карточки были одинаковыми */
.t-store__card.t-store__stretch-col .t-store__card__textwrapper{
  min-height: calc((1.25em * 2) + (1.35em * 2) + 8px);
}

/* =====================================
   ST320N: disable default hover effects
   ===================================== */

/* ссылки — без подчёркиваний */
.t-store__card.t-store__stretch-col a,
.t-store__card.t-store__stretch-col a:hover{
  text-decoration: none !important;
  color: inherit !important;
}

/* убираем underline / border-bottom / псевдо-линии */
.t-store__card.t-store__stretch-col a::after,
.t-store__card.t-store__stretch-col a::before{
  content: none !important;
  border: none !important;
}

/* отключаем hover-анимации текста */
.t-store__card.t-store__stretch-col .t-store__card__title,
.t-store__card.t-store__stretch-col .t-store__card__descr{
  transition: none !important;
}

/* убираем затемнение / scale / opacity у изображений */
.t-store__card.t-store__stretch-col:hover .t-store__card__bgimg,
.t-store__card.t-store__stretch-col:hover .t-store__card__bgimg_hover{
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* убираем тени карточки */
.t-store__card.t-store__stretch-col{
  box-shadow: none !important;
}


/* ST320N: smaller hover label text */
.t-store__card.t-store__stretch-col .t-store__card__imgwrapper::before{
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  font-weight: 500 !important;
}


/* ST320N: title — single line with ellipsis */
.t-store__card.t-store__stretch-col .t-store__card__title{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  display: block !important;
  max-width: 100% !important;
}

/* ST320N: spacing between cards (right padding) */
.t-store__card.t-store__stretch-col{
  padding-right: 16px;
  box-sizing: border-box;
}

/* =========================================
   ST320N: text narrower than image + centered
   ========================================= */

/* Центрируем содержимое карточки */
.t-store__card.t-store__stretch-col{
  align-items: center;
}

/* Картинка и текстовый блок — одинаковая базовая ширина */
.t-store__card.t-store__stretch-col a,
.t-store__card.t-store__stretch-col .t-store__card__wrap_txt-and-btns{
  width: 100%;
}

/* Делаем текстовую область УЖЕ, чем изображение (и по центру) */
.t-store__card.t-store__stretch-col .t-store__card__textwrapper{
  width: calc(100% - 24px) !important;
}

/* Store discount badge color */
.t-store__card__mark{
  background-color: rgb(190, 93, 83) !important;
}


.t794__tooltip-menu{
  min-width: 280px;
  max-width: 360px;
}

.t794__link{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==============================
   t794 submenu links – Eichholtz underline
   ============================== */

.t794__link{
  position: relative;
  text-decoration: none !important;
}

/* линия */
.t794__link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;              /* чуть ниже текста */
  width: 100%;
  height: 1px;
  background-color: currentColor;

  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 220ms ease;
}

/* hover */
.t794__link:hover::after{
  transform: scaleX(1);
}

.t794__link::after{
  transform: scaleX(0);
  transform-origin: left center;
}

.t794__link:hover::after{
  transform: scaleX(1);
}

/* t794 submenu – force visible Eichholtz underline */
.t794__link{
  position: relative;
  display: inline-block;        /* КЛЮЧЕВО */
  text-decoration: none !important;
  padding-bottom: 2px;          /* место под линию */
}

/* линия */
.t794__link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;                    /* теперь точно в зоне видимости */
  width: 100%;
  height: 1px;
  background-color: currentColor;

  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 220ms ease;
}

/* hover */
.t794__link:hover::after{
  transform: scaleX(1);
}

/* t794 submenu – underline exactly text width */
.t794__link{
  position: relative;
  display: inline-block;          /* ширина = ширина текста */
  padding: 0 0 2px 0;             /* ТОЛЬКО снизу, без боков */
  text-decoration: none !important;
}

/* линия ровно по тексту */
.t794__link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;                    /* 100% от текста */
  height: 1px;
  background-color: currentColor;

  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 220ms ease;
}

/* hover */
.t794__link:hover::after{
  transform: scaleX(1);
}