/* === 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);
}

/* Увеличение картинки внутри .t772__imgwrapper */
.t772 .t772__imgwrapper {
  overflow: hidden;               /* чтобы картинка не вылезала */
}

.t772 .t772__imgwrapper img {
  transition: transform 0.4s ease;  /* плавная анимация */
  transform-origin: center center;  /* масштабирование из центра */
}

.t772 .t772__imgwrapper:hover img {
  transform: scale(1.08);          /* степень увеличения: 8% */
}

/* Зум фона в .t772__bgimg внутри карточек T772 */
.t772 .t772__imgwrapper {
  overflow: hidden; /* чтобы масштабируемый блок не вылезал за рамки */
}

.t772 .t772__bgimg {
  transition: transform 0.4s ease;
  transform-origin: center center;
}

.t772 .t772__imgwrapper:hover .t772__bgimg {
  transform: scale(1.08); /* 8% зум, можно 1.05 / 1.1 */
}

/* Последний пункт меню T1261: «Распродажа» */
.t1261__dropdown-list > .t1261__dropdown-item:last-child .t1261__dropdown-item-link {
  color: #e42e3a !important; /* красный текст */
  position: relative;
  display: inline-block;
}

/* underline для последнего пункта */
.t1261__dropdown-list > .t1261__dropdown-item:last-child .t1261__dropdown-item-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #e42e3a; /* красная линия */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

/* появление красной линии при наведении */
.t1261__dropdown-list > .t1261__dropdown-item:last-child .t1261__dropdown-item-link: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;
}