.tmenu-mobile {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.tmenu-mobile.show {
  opacity: 1;
  visibility: visible;
}

/* Анонсы */
.uc-announcement .t-slds__imgwrapper {
    margin-top: 0!important;
}

:root{
    /*Общие стили*/
    --dbmPaddingSliderDesktop: 40px;    /*Отступы от края экрана на декстопе*/
    --dbmPaddingSliderTablet: 20px;     /*Отступы от края экрана на планшетах*/
    --dbmPaddingSliderMobile: 20px;     /*Отступы от края экрана на мобилках*/
    --dbmIconArrowPrev: url(https://static.tildacdn.com/tild3830-6565-4038-a134-323533313663/left.svg);   /*Иконка "предыдущий слайд"*/
    --dbmIconArrowNext: url(https://static.tildacdn.com/tild6534-3730-4434-a537-373661636565/right.svg);   /*Иконка "следующий слайд"*/
    --dbmBorderRadiusArrow: 12px; /*Скругление углов у стрелок*/
    --dbmWidthHeightArrow: 50px;  /*Ширина и высота иконки*/
    --dbmGapSlider: 20px; /*Отступ между карточками товаров*/
    
    
    /*Стили для буллетов*/
    --dbmBackgroundBullet: #cecece; /*Фоновый цвет*/
    --dbmGapBullet: 5px; /*Отступы вокруг*/
    --dbmBorderRadiusBullet: 100px; /*Скругление углов*/
    --dbmHeightBullet: 6px; /*Высота*/
    --dbmBulletMarginTop: 30px; /*Отступ сверху до карточек*/
    --dbmBackgroundActiveBullet: #cecece; /*Цвет активного буллета*/
    --dbmWidthActiveBullet: 130%; /*Ширина активного буллета*/
    --dbmColorIndicationBullet: rgba(0, 0, 0, 0.4); /*Цвет индикатора заполнения*/
    
}
[class*="uc-slider-shop"]{
    & .t-store__grid-separator{
        display: none;
    }
    & .swiper-button-next-dbm,
    & .swiper-button-prev-dbm {
      position: absolute;
      top: 35%;
      right: 20px;
      width: var(--dbmWidthHeightArrow);
      height: var(--dbmWidthHeightArrow);
      border-radius: var(--dbmBorderRadiusArrow);
      cursor: pointer;
      transition: all 0.2s ease-in-out;
    }
    & .swiper-button-disabled{
        opacity: 0.5;   
    }
    & .swiper-button-prev-dbm {
      left: 20px; /* отодвигаем левую стрелку налево */
    }
    & .swiper-button-next-dbm{
        background-image: var(--dbmIconArrowNext);
        background-size: cover;
        background-repeat: no-repeat;
    }
    & .swiper-button-prev-dbm{
        background-image: var(--dbmIconArrowPrev);
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    /*Стили для буллетов в слайдере*/
    & .swiper-pagination-dbm {
        width: 100%;
        margin-top: var(--dbmBulletMarginTop);
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        gap: var(--dbmGapBullet);
        justify-content: center;
    }
    
    & .swiper-pagination-bullet {
      background: var(--dbmBackgroundBullet);
      width: 100%;
      height: var(--dbmHeightBullet);
      opacity: 0.5;
      transition: all 0.4s ease-in-out;
      border-radius: var(--dbmBorderRadiusBullet);
      overflow: hidden;
      position: relative;
      cursor: pointer;
    }
    
    & .swiper-pagination-bullet-active {
      background: var(--dbmBackgroundActiveBullet);
      width: var(--dbmWidthActiveBullet);
      opacity: 1;
    }
    
    & .swiper-pagination-bullet::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #FFB358;
      transform: scaleX(0);
      transform-origin: left;
    }
    
    & .swiper-pagination-bullet-active::before {
      animation: fill var(--animation-duration) linear forwards;
    }
    
    /* Ваши стили для контейнера и карточек */
    & .swiper {
        margin: 0 auto; /* Центрирование контейнера */
        overflow: visible; 
        max-width: calc(100vw - (var(--dbmPaddingSliderDesktop) * 2));
        /*max-width: 100vw;*/
        position: relative;
        padding: 0 !important;
        padding-top: 50px !important;
    }
    
    /* Стили для внутреннего обертки */
    & .swiper-wrapper {
        display: flex;
        flex-wrap: nowrap; /* Чтобы карточки стояли в ряд */
        gap: var(--dbmGapSlider);
    }
    
    & .swiper-slide {
        height: 100%;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto; /* Карточки не растягиваются и не схлопываются */
    }
    
    & .swiper-slide > div {
        width: 100% !important;
    }
    
    @media screen and (max-width: 1000px){
        & .swiper {
            max-width: calc(100vw - (var(--dbmPaddingSliderTablet) * 2));
    
        }    
    }
    
    @media screen and (max-width: 640px){
        & .swiper {
            max-width: calc(100vw - (var(--dbmPaddingSliderMobile) * 2));
        }    
    }
}

@keyframes fill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}


/* Сбрасываем/переопределяем высоту, делаем обёртку резиновой */
.t331__wrap-video {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 177.777% !important; /* (16 / 9) * 100% = ~177.78% */
  /* 9:16 означает ширина: 9, высота: 16.
     Для поддержания такого вертикального видео
     высота = (16 / 9) * ширину = ~1.78 * ширину. */
  overflow: hidden !important;
  box-sizing: border-box;
}

/* Аналогично для блока, внутри которого iframe */
.t-video-lazyload {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 177.777% !important; /* То же вычисление */
  overflow: hidden !important;
  box-sizing: border-box;
}

/* Размещаем iframe абсолютно, растягивая на всю обёртку */
.t-video-lazyload iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


a:focus {
  outline: none;
}

.t-feed__post-popup__cover-wrapper.t-feed__post-popup__cover-wrapper_aftertitle .t-slds__container {
    overflow: hidden!important;
}

.t-popup__close {
    background-color: transparent!important;
}

.t-popup__container {
    overflow: hidden;
}


li::marker {
    color: #00BFDA; /* Цвет маркера */
}

li {
    margin-bottom: 10px; /* Отступ между пунктами списка */
}


.tmenu-mobile__container {
    padding: 12px 20px!important;
}


/* Ховер */
.t396__elem.menu-point .tn-atom, .t396__elem.menu-point a {
    color: inherit !important; /* Указываем наследование и принудительно применяем */
    transition: color 0.3s ease !important; /* Делаем плавный переход */
}

.t396__elem.menu-point:hover .tn-atom, .t396__elem.menu-point:hover a {
    color: #F68B09 !important; /* Изменяем цвет текста при наведении */
}


/* Ховер картинок */
.zoom {
    border-radius: 10px !important; /* Скругление углов */
    overflow: hidden !important; /* Обрезка содержимого, выходящего за границы */
}

/* Добавляем плавный переход и эффект увеличения для изображения */
.zoom .tn-atom__img {
    transition: transform 0.5s ease; /* Плавный переход */
}

.zoom:hover .tn-atom__img {
    transform: scale(1.1); /* Увеличение изображения при наведении */
}

/* Стилизация карточек команды */

.t-slds__items-wrapper {
    pointer-events: none!important; /* Отключает все события указателя для элемента и его содержимого */
}

.js-store-prod-all-text {
    font-size: 16px!important;
}

.t-store__prod-snippet__container {
    padding-top: 200px!important;
    padding-bottom: 80px!important;
}

@media (max-width: 640px) {
    .t-store__prod-snippet__container {
        padding-top: 160px !important; /* Новый верхний паддинг */
        padding-bottom: 60px !important; /* Новый нижний паддинг */
    }
}

.t-slds__imgwrapper {
    margin-top: -40px!important;
}

.t-store__prod-popup__sku {
  position: relative; /* Для точной настройки */
  display: flex!important; /* Включаем Flexbox */
  align-items: center; /* Вертикальное выравнивание */
}

.t-store__prod-popup__sku span {
  font-size: 16px; /* Размер текста */
  line-height: 1.4; /* Нормальная высота строки */
}

.t-store__prod-popup__sku::before {
  content: ''; /* Включаем псевдоэлемент */
  display: inline-block; /* Для настройки размеров */
  width: 20px; /* Ширина иконки */
  height: 20px; /* Высота иконки */
  background-image: url('https://static.tildacdn.com/tild6239-3034-4939-a264-363039366662/time.svg');
  background-size: cover; /* Пропорционально вписываем изображение */
  background-repeat: no-repeat; /* Убираем повтор */
  margin-right: 5px; /* Отступ между иконкой и текстом */
  gap: 3px;
}



.t-store__prod-popup__sku {
  font-size: 0;     /* «сожмём» весь текст до 0 */
  line-height: 0;   /* чтобы убрать межстрочное пространство */
  display: inline-block;
  /* По желанию можно добавить height: 0; overflow: hidden; если будет лишний отступ */
}

.t-store__prod-popup__sku span {
  font-size: 14px;  /* вернуть читаемый размер текста */
  line-height: 1.4; /* вернуть нормальную высоту строки */
}



.t-slds__bgimg {
    overflow: visible !important; /* Делаем содержимое элемента видимым */
}

.t-slds__items-wrapper, 
.t-slds__container,
.t-slds,
.t-slds__main {
    overflow: visible !important; /* Убедитесь, что родители не скрывают содержимое */
}

.t-slds__bgimg {
    border-radius: 30px;
}


.js-store-prod-descr {
    display: -webkit-box; /* Используется для создания ограничителя строк */
    -webkit-line-clamp: 4; /* Максимум 2 строки */
    -webkit-box-orient: vertical; /* Устанавливает направление отображения */
    overflow: hidden; /* Прячет избыточный текст */
    text-overflow: ellipsis; /* Добавляет многоточие для длинного текста */
    white-space: normal; /* Позволяет перенос текста на новую строку */
}

.t-store__card__imgwrapper {
    overflow: visible!important;
}

/* Стилизация новостей */

.t-feed__post-bgimg {
    border-radius: 8px!important;
    margin: 10px 10px 0 10px;
}

/* Тень */
.t-store__card__wrap_all, .t-feed__col-grid__post-wrapper, .t1032__wrapper, .t603__blockimg, .t774__wrapper, .t228, .tmenu-mobile {
    box-shadow: 0px 14px 44.5px rgba(0, 0, 0, 0.11);
}

.js-product-img.t-store__card__bgimg {
    margin: -30px 15px 0px 15px!important;
    border-radius: 15px; /* Закругление углов на 10px */
    background-clip: padding-box; /* Учитывает рамку при округлении фона */
    background-size: cover; /* Масштабирует изображение, чтобы заполнить элемент */
    background-position: top; /* Выравнивает изображение по верхнему краю */
    background-repeat: no-repeat; /* Отключает повторение изображения */
}

.js-product-img {
    background-position: top!important;
}

/* Стилищация формы */

.t-input-block {
    position: relative;
}

.t-input-group_nm .t-input-inline-styles {
    padding-left: 75px; /* Отступ слева для учета иконки */
    height: 50px; /* Высота поля ввода */
    width: 100%; /* Ширина поля ввода */
    background: url("https://static.tildacdn.com/tild6332-6535-4538-b537-663731646165/name.svg") no-repeat 0px center;
}

.t-input-group_ph .t-input-inline-styles {
    padding-left: 75px; /* Отступ слева для учета иконки */
    height: 50px; /* Высота поля ввода */
    width: 100%; /* Ширина поля ввода */
    background: url("https://static.tildacdn.com/tild6233-3961-4136-a638-373630366263/phone.svg") no-repeat 0px center;
}


/* Стилищация кнопки */
.custom-form button.t-submit {
    display: flex!important; /* Используем flex для размещения текста и иконки */
    justify-content: center; /* Центровка содержимого по горизонтали */
    align-items: center; /* Центровка содержимого по вертикали */
    gap: 10px; /* Расстояние между текстом и иконкой */
    background: linear-gradient(180deg, #FFA726 0%, #FB8C00 100%); /* Градиент фона */
    background-size: 200% 200%; /* Увеличенный размер фона для анимации */
    background-position: top; /* Начальное положение */
    border: none; /* Убираем рамки */
    text-transform: uppercase;
    text-shadow: 
        0px 2px 1px rgba(0, 0, 0, 0.25), /* Первая тень (черная, слегка размытая) */
        0px 0.78px 0px rgba(255, 255, 255, 0.15); /* Вторая тень (белая, полупрозрачная) */
    box-shadow: 
        0px 4px 0px #DE9857, /* Основная тень */
        0px 3.18px 0px rgba(240, 187, 125, 0.1), 
        0px 2.12px 0px rgba(254, 228, 161, 0.2), 
        0px 0.78px 0px rgba(254, 228, 161, 0.5),
        inset -7.8px -7.8px 31.19px rgba(255, 255, 255, 0.3), /* Внутренняя тень слева сверху */
        inset 7.8px 7.8px 31.19px rgba(255, 255, 255, 0.3); /* Внутренняя тень справа снизу */
    transition: background-position 0.5s ease, box-shadow 0.3s ease; /* Плавный переход */
    padding: 0px 15px;
    width: 300px;
    height: 66px;
    font-weight: 600;
    color: #fff; /* Цвет текста */
    cursor: pointer; /* Указатель при наведении */
}

.custom-form button.t-submit:hover {
    background-position: bottom; /* Изменение положения градиента */
    box-shadow: 
        0px 1px 0px #DE9857, /* Увеличиваем тени */
        0px 4px 0px rgba(240, 187, 125, 0.2), 
        0px 3px 0px rgba(254, 228, 161, 0.3), 
        0px 1px 0px rgba(254, 228, 161, 0.6),
        inset -7.8px -7.8px 35px rgba(255, 255, 255, 0.4), /* Усиливаем внутренние тени */
        inset 7.8px 7.8px 35px rgba(255, 255, 255, 0.4); /* Усиливаем внутренние тени */
}

.custom-form button.t-submit::after {
    content: url('https://static.tildacdn.com/tild6462-6135-4833-b935-396364663862/hand.svg');
    display: block; /* Делаем блоковый элемент */
    width: 24px;
    height: 24px;
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.25)); /* Добавляем тень к иконке */
}

/* Тень для заголовка */
.title-shadow {
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
}

/* Общие стили для .custom-button и .custom-button-2 */
.custom-button,
.custom-button-2 {
    display: flex!important; /* Используем flex для размещения текста и иконки */
    justify-content: center; /* Центровка содержимого по горизонтали */
    align-items: center;     /* Центровка содержимого по вертикали */
    gap: 10px;              /* Расстояние между текстом и иконкой */
    border: none;           /* Убираем рамки */
    border-radius: 8px;
    text-transform: uppercase;
    text-shadow:
        0px 2px 1px rgba(0, 0, 0, 0.25),   /* Первая тень (черная, слегка размытая) */
        0px 0.78px 0px rgba(255, 255, 255, 0.15); /* Вторая тень (белая, полупрозрачная) */
    transition: background-position 0.5s ease, box-shadow 0.3s ease; /* Плавный переход */
    padding: 0px 15px;
    height: 66px;
    cursor: pointer;         /* Указатель при наведении */
    background-size: 200% 200%; /* Увеличенный размер фона для анимации */
    background-position: top;   /* Начальное положение */
}

/* Уникальные стили для .custom-button */
.custom-button {
    background: linear-gradient(180deg, #FFA726 0%, #FB8C00 100%); /* Градиент фона */
    box-shadow:
        0px 4px 0px #DE9857, 
        0px 3.18px 0px rgba(240, 187, 125, 0.1),
        0px 2.12px 0px rgba(254, 228, 161, 0.2),
        0px 0.78px 0px rgba(254, 228, 161, 0.5),
        inset -7.8px -7.8px 31.19px rgba(255, 255, 255, 0.3),
        inset 7.8px 7.8px 31.19px rgba(255, 255, 255, 0.3);
}

/* Уникальные стили для .custom-button-2 */
.custom-button-2 {
    background: linear-gradient(180deg, #00BFDA 0%, #008999 100%); /* Градиент фона */
    box-shadow:
        0px 4px 0px #008999,
        0px 3.18px 0px rgba(240, 187, 125, 0.1),
        0px 2.12px 0px rgba(254, 228, 161, 0.2),
        0px 0.78px 0px rgba(254, 228, 161, 0.5),
        inset -7.8px -7.8px 31.19px rgba(255, 255, 255, 0.3),
        inset 7.8px 7.8px 31.19px rgba(255, 255, 255, 0.3);
}

/* Ховер-эффект общий для кнопок (изменение background-position) */
.custom-button:hover,
.custom-button-2:hover {
    background-position: bottom; /* Изменение положения градиента */
}

/* Уникальные тени при ховере .custom-button */
.custom-button:hover {
    box-shadow:
        0px 1px 0px #DE9857,
        0px 4px 0px rgba(240, 187, 125, 0.2),
        0px 3px 0px rgba(254, 228, 161, 0.3),
        0px 1px 0px rgba(254, 228, 161, 0.6),
        inset -7.8px -7.8px 35px rgba(255, 255, 255, 0.4),
        inset 7.8px 7.8px 35px rgba(255, 255, 255, 0.4);
}

/* Уникальные тени при ховере .custom-button-2 */
.custom-button-2:hover {
    box-shadow:
        0px 1px 0px #008999,
        0px 4px 0px rgba(0, 137, 153, 0.2),
        0px 3px 0px rgba(0, 137, 153, 0.3),
        0px 1px 0px rgba(0, 137, 153, 0.6),
        inset -7.8px -7.8px 35px rgba(255, 255, 255, 0.4),
        inset 7.8px 7.8px 35px rgba(255, 255, 255, 0.4);
}

/* Общие стили для внутреннего элемента .tn-atom в обеих кнопках */
.custom-button .tn-atom,
.custom-button-2 .tn-atom {
    display: flex!important;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

/* Общие стили для иконки в обеих кнопках */
.custom-button .tn-atom::after,
.custom-button-2 .tn-atom::after {
    content: url('https://static.tildacdn.com/tild6462-6135-4833-b935-396364663862/hand.svg'); /* URL иконки */
    display: inline-block; /* Отображение как элемента */
    width: 24px;
    height: 24px;
    margin-left: 10px; /* Отступ между текстом и иконкой */
    vertical-align: middle; /* Выравнивание по центру */
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.25));
}


/* Скрытия шапки высоты блока */
.uc-header, .uc-header-black {
    height: 0px !important; /* Устанавливаем высоту 0px */
}

.uc-header-black .dots .tn-atom {
    background-color: #000!important;
}
 
.uc-header-black .switch .tn-atom {
    background-color: #CEE5FF!important;
}

.uc-header-black a, 
.uc-header-black .tn-atom, 
.uc-header-black .dots,
.uc-header-black div {
    color: #000 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}
/* Стилизация отзывов */

.t-slds__item {
    overflow: visible;
}

.t958__author-descr {
    display: flex;
    align-items: center;
    gap: 10px; /* Расстояние между текстом и иконкой */
}

.t958__author-descr {
    max-height: 22px;
    max-width: 139px;
}

.t958__avatar {
    width: 80px;
    height: 80px;
}

.t958__author-icon {
    height: auto;
    max-height: 22px;
    margin-top: 5px;
    max-width: 139px;
}


    .t958__more-wrapper {
        display: none!important;
    }
    
    .t958__card {
        height: auto!important;
    }
    
    .t958__slider {
        margin: 0;
    }
    
    .t958__card-wrapper {
    box-shadow: 0px 4px 29.8px rgba(46, 66, 139, 0.09);
    pointer-events: none;
    }

    .t958__item .t-slds__wrapper {
        overflow: visible;
    }
    
    .t958__gallery {
        padding: 30px 30px 35px 30px;
        margin: 0 auto;
    }
    
    .t958__review-text {
    display: -webkit-box; /* Используем flex-контейнер для ограничения текста */
    -webkit-box-orient: vertical; /* Вертикальная ориентация текста */
    -webkit-line-clamp: 4; /* Ограничение текста до 4 строк */
    overflow: hidden; /* Скрываем текст, который не помещается */
    text-overflow: ellipsis; /* Добавляем многоточие для обрезанного текста */
    white-space: normal; /* Обычный режим переноса строк */
}

.t958__author::after {
    content: url('https://static.tildacdn.com/tild3832-3233-4135-b036-346435303863/quote.svg');
    display: inline-block;
    margin-left: 10px; /* Отступ между текстом и иконкой */
    vertical-align: middle; /* Выравнивание по вертикали */
    width: 32px; /* Задайте размер иконки */
}

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

}

@media screen and (min-width:320px){
.t958__previous:before {
    content: "";
    width: 50px;    /*Ширина иконки */
    height: 50px;   /*Высота иконки */
    position: absolute;
        /*Вставляем ссылку на стрелку влево */
    background-image: url(https://static.tildacdn.com/tild3830-6565-4038-a134-323533313663/left.svg);  
    background-size: cover;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-in-out;
    
}

.t958__previous:hover:before{ /*Анимация иконки влево при наведении*/
    transition: all .2s ease-in-out;    /*Плавность анимации*/
    transform:translateY(-35px);  /*Смещение иконки вверх(при значении -30px иконка остается на месте*/
    opacity:0.7;    /*Прозрачность*/
}



.t958__next:before {
    content: "";
    width: 50px;    /*Ширина иконки */
    height: 50px;   /*Высота иконки */
    position: absolute;
        /*Вставляем ссылку на стрелку вправо */
    background-image: url(https://static.tildacdn.com/tild6534-3730-4434-a537-373661636565/right.svg);
    background-size: cover;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-in-out;
}

.t958__next:hover:before{ /*Анимация иконки вправо при наведении*/
    transition: all .2s ease-in-out;    /*Плавность анимации*/
    transform:translateY(-35px);  /*Смещение иконки вверх(при значении -30px иконка остается на месте*/
    opacity:0.7;    /*Прозрачность*/
}}


/* Анимация стрелок в команде */

.swiper-button-next-dbm,
.swiper-button-prev-dbm {
    position: absolute; /* Убедитесь, что стрелки позиционированы */
    transition: all 0.2s ease-in-out; /* Плавность анимации */
}

    .swiper-button-next-dbm:hover,
    .swiper-button-prev-dbm:hover {
        transform:translateY(-5px);
    opacity: 0.7; /* Прозрачность */
}

/* Стилизация табов */

.t397__title {
    width: auto!important;
    margin-left: 20px;
}

.t397__tab, .t397__tab_active, .t397__title {
    padding: 5px!important;
}

.t397__tab_active, .t397__tab {
    border: 1px solid !important;
    min-width: 260px!important;
    border-radius: 5px;
}

.t397__tab_active {
    background: linear-gradient(90deg, #00BFDA 0%, #008999 100%);
}

.t397__tab {
    display: flex!important;
    align-items: center; /* Выравнивание по вертикали */
    justify-content: center; /* Выравнивание по горизонтали */
}
.t397__tab button {
    display: flex; /* Включаем Flexbox для выравнивания */
    align-items: center; /* Выравнивание по вертикали */
    justify-content: center; /* Выравнивание по горизонтали */
    width: 100%; /* Опционально: кнопка занимает всю ширину родителя */
    height: 50px; /* Фиксированная высота для консистентности */
    padding: 0; /* Убираем дополнительные внутренние отступы */
    border: none; /* Убираем стандартные границы */
    background: transparent; /* Если фон не нужен */
    box-sizing: border-box; /* Включаем поддержку padding в ширину/высоту */
    position: relative; /* Для позиционирования иконки */
    padding-left: 30px; /* Отступ для иконки */
    text-align: left; /* Выравнивание текста */
    line-height: normal; /* Сброс line-height для корректного выравнивания */
    }

.t397__wrapper {
    display: flex;
    gap: 20px;
}

.t397__tab_active button {
    color: #fff;
    padding: 10px 20px; /* Совпадающие отступы */
}

/* Добавляем иконку для всех кнопок через ::before */
.t397__tab button::before {
    content: '';
    position: absolute;
    left: -20px; /* Отступ слева от кнопки */
    top: 50%;
    transform: translateY(-50%); /* Центрирование по вертикали */
    width: 20px; /* Размер иконки */
    height: 20px;
    background: url('https://static.tildacdn.com/tild3935-3536-4564-a631-373536643861/map-2.svg') no-repeat center;
    background-size: contain; /* Устанавливаем размер иконки */
}

/* Для активной кнопки - меняем иконку */
.t397__tab_active button::before {
    background: url('https://static.tildacdn.com/tild3131-6666-4665-a461-303538313137/map.svg') no-repeat center;
    background-size: contain; /* Устанавливаем размер иконки */
}


@media screen and (max-width: 640px) {
    .t-popup__block-close-button {
    }
    
    .t397__tab_active, .t397__tab {
    width: auto;
}
    
    .t397__wrapper_mobile-flex {
        display: flex;
        gap: 10px!important;
        flex-direction: column; /* Вертикальное расположение */
        align-items: center; /* Центрирование элементов по горизонтали */
        justify-content: center; /* Центрирование содержимого */
        padding-left: 0!important; /* Убираем лишние отступы */
        margin: 0 auto; /* Центрирование всей обертки */
        width: 100%; /* Обертка занимает всю ширину */
    }

    .t397__tab {
        max-width: 100%; /* Занимают всю ширину экрана */
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 560px) {
    .t-store .t-store__prod-popup__container {
        padding-bottom: 60px;
        padding-top: 40px;
    }
}


/* Карточки с преимуществами */

.uc-card-title-only .t1032 .t-card__title {
    margin-bottom: 30px;
}

.t1032__wrapper {
    display: flex; /* Включаем flexbox */
    flex-direction: column; /* Располагаем элементы вертикально */
    align-items: flex-start; /* Выровнять элементы по левому краю */
    border-radius: 8px;
}

.t1032 .t-card__title {
    margin-bottom: 11px;
}

.t1032__img {
    align-self: flex-start; /* Убедиться, что изображение также выравнивается */
    margin-left: 25px;
    margin-top: 25px;
}

.t1032 .t-card__descr {
    padding-bottom: 30px;
}

.t1032__content {
    padding: 0;
}
@media screen and (max-width: 960px) {
.t1032__content {
    margin-top: 30px;
}
}

/* Стилизация прайса */
.t1067__content {
    position: relative; /* Родительский контейнер для псевдоэлемента */
}

.t1067__content::before {
    content: ""; /* Пустой контент по умолчанию */
    position: absolute; /* Позиционируем относительно родителя */
    top: -14px; /* Отступ сверху */
    right: 40px; /* Отступ справа */
    width: 30px; /* Размер кружочка */
    height: 30px;
    background: linear-gradient(90deg, #00BFDA 0%, #008999 100%); /* Градиент */
    color: #ffffff; /* Цвет текста */
    font-family: 'Inter', Arial, sans-serif; /* Шрифт */
    font-size: 20px; /* Размер текста */
    font-weight: normal; /* Жирность текста */
    line-height: 30px; /* Центрирование текста вертикально */
    text-align: center; /* Выравнивание текста по горизонтали */
    border-radius: 50%; /* Делаем элемент кругом */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Тень */
    z-index: 10; /* Убедитесь, что элемент находится выше остальных */
}


/* Цифры в зависимости от порядка карточки */
.t1067__row .t1067__col:nth-child(1) .t1067__content::before {
    content: "1";
}

.t1067__row .t1067__col:nth-child(2) .t1067__content::before {
    content: "2";
}

.t1067__row .t1067__col:nth-child(3) .t1067__content::before {
    content: "3";
}

.t1067__row .t1067__col:nth-child(4) .t1067__content::before {
    content: "4";
}



/* Стили для вашей конкретной кнопки */
.t-card__link .t-card__btn {
    display: flex !important; /* Flex для размещения содержимого */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center;     /* Центрирование по вертикали */
    gap: 10px;               /* Расстояние между текстом и иконкой */
    border: none;            /* Убираем рамки */
    border-radius: 8px;      /* Закругленные углы */
    text-transform: uppercase;
    text-shadow:
        0px 2px 1px rgba(0, 0, 0, 0.25),   /* Черная тень */
        0px 0.78px 0px rgba(255, 255, 255, 0.15); /* Белая тень */
    transition: background-position 0.5s ease, box-shadow 0.3s ease; /* Плавный переход */
    padding: 0px 25px;
    height: 56px;            /* Высота кнопки */
    cursor: pointer;         /* Указатель при наведении */
    background: linear-gradient(180deg, #FFA726 0%, #FB8C00 100%); /* Градиент фона */
    background-size: 200% 200%; /* Размер фона для ховера */
    background-position: top;   /* Начальное положение */
    box-shadow:
        0px 4px 0px #DE9857,
        0px 3.18px 0px rgba(240, 187, 125, 0.1),
        0px 2.12px 0px rgba(254, 228, 161, 0.2),
        0px 0.78px 0px rgba(254, 228, 161, 0.5),
        inset -7.8px -7.8px 31.19px rgba(255, 255, 255, 0.3),
        inset 7.8px 7.8px 31.19px rgba(255, 255, 255, 0.3);
}
/* Ховер-эффект */
.t-card__link .t-card__btn:hover {
    background-position: bottom; /* Изменение положения градиента */
    box-shadow:
        0px 1px 0px #DE9857,
        0px 4px 0px rgba(240, 187, 125, 0.2),
        0px 3px 0px rgba(254, 228, 161, 0.3),
        0px 1px 0px rgba(254, 228, 161, 0.6),
        inset -7.8px -7.8px 35px rgba(255, 255, 255, 0.4),
        inset 7.8px 7.8px 35px rgba(255, 255, 255, 0.4);
}

/* Стили текста и иконки внутри кнопки */
.t-card__link .t-card__btn span {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Добавление иконки к кнопке */
.t-card__link .t-card__btn span::after {
    content: url('https://static.tildacdn.com/tild6462-6135-4833-b935-396364663862/hand.svg'); /* URL иконки */
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 0px; /* Отступ между текстом и иконкой */
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.25)); /* Тень для иконки */
}

.t1067__row .t-card__link {
    width: 100%;
}

.t1067 .t-card__descr {
    font-size: 24px;
}

/* Стилизация галереи*/
.t603__blockimg {
    border: 10px solid #fff; /* Черный бордер */
    box-sizing: border-box; /* Включаем бордер в расчёт размеров */
}

/* Добавляем класс для ховер-эффекта */
/* Стили для контейнера, чтобы включить ховер-эффект */
.t774__imgwrapper {
    position: relative;
    border-radius: 10px; /* Скругление углов */
    overflow: hidden; /* Ограничивает содержимое внутри рамок */
    margin: 12px;
    width: auto;
    max-width: 100%;
}

.t774__bgimg {
    transition: transform 0.5s ease; /* Плавный эффект при наведении */
    background-size: cover; /* Заполняет весь контейнер */
    background-position: center; /* Центрирует изображение */
}

.t774__imgwrapper:hover .t774__bgimg {
    transform: scale(1.1); /* Эффект увеличения изображения */
}

/* Стили для отображения subtitle только при наличии значения */
.t774__imgwrapper[data-subtitle]:not([data-subtitle=""])::before {
    content: attr(data-subtitle); /* Получаем текст из data-subtitle */
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.45); /* Прозрачный белый фон */
    color: #000000; /* Черный текст */
    padding: 8px 12px; /* Пространство вокруг текста */
    border-radius: 300px; /* Более выраженные скругления */
    font-size: 14px; /* Размер текста */
    font-family: 'Inter', Arial, sans-serif; /* Шрифт Inter */
    font-weight: 600; /* Полужирный текст */
    z-index: 10; /* Выше остальных элементов */
    backdrop-filter: blur(30px); /* Эффект размытия фона */
    white-space: nowrap; /* Запрещаем перенос текста */
}

/* Убедитесь, что обычный элемент без data-subtitle ничего не отображает */
.t774__imgwrapper::before {
    content: ""; /* Сбрасываем содержимое */
}


.t774 .t-card__uptitle {
    display: none;
}

/* Основные стили для кнопки */
.t-card__btn-wrapper .t-card__btn {
    display: flex !important; /* Flex для размещения содержимого */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    gap: 10px; /* Расстояние между текстом и иконкой */
    border: none; /* Убираем рамки */
    border-radius: 8px; /* Закругленные углы */
    text-transform: uppercase; /* Текст в верхнем регистре */
    text-shadow:
        0px 2px 1px rgba(0, 0, 0, 0.25), /* Черная тень */
        0px 0.78px 0px rgba(255, 255, 255, 0.15); /* Белая тень */
    transition: background-position 0.5s ease, box-shadow 0.3s ease; /* Плавный переход */
    padding: 0px 25px; /* Внутренние отступы */
    height: 56px; /* Высота кнопки */
    cursor: pointer; /* Указатель при наведении */
    background: linear-gradient(180deg, #FFA726 0%, #FB8C00 100%); /* Градиент фона */
    background-size: 200% 200%; /* Размер фона для ховера */
    background-position: top; /* Начальное положение */
    box-shadow:
        0px 4px 0px #DE9857,
        0px 3.18px 0px rgba(240, 187, 125, 0.1),
        0px 2.12px 0px rgba(254, 228, 161, 0.2),
        0px 0.78px 0px rgba(254, 228, 161, 0.5),
        inset -7.8px -7.8px 31.19px rgba(255, 255, 255, 0.3),
        inset 7.8px 7.8px 31.19px rgba(255, 255, 255, 0.3);
}

/* Ховер-эффект */
.t-card__btn-wrapper .t-card__btn:hover {
    background-position: bottom; /* Изменение положения градиента */
    box-shadow:
        0px 1px 0px #DE9857,
        0px 4px 0px rgba(240, 187, 125, 0.2),
        0px 3px 0px rgba(254, 228, 161, 0.3),
        0px 1px 0px rgba(254, 228, 161, 0.6),
        inset -7.8px -7.8px 35px rgba(255, 255, 255, 0.4),
        inset 7.8px 7.8px 35px rgba(255, 255, 255, 0.4);
}

/* Добавление текста и иконки */
.t-card__btn-wrapper .t-card__btn span {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Добавление иконки после текста */
.t-card__btn-wrapper .t-card__btn::after {
    content: url('https://static.tildacdn.com/tild6462-6135-4833-b935-396364663862/hand.svg'); /* URL иконки */
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 10px; /* Отступ между текстом и иконкой */
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.25)); /* Тень для иконки */
}