html {
  scroll-behavior: smooth;
}

/*Кастомизируем карточки с аксессуарами*/
.accessories__before,
.accessories__after,
.accessories__before .tn-atom,
.accessories__after .tn-atom,
.accessories__before .tn-atom__img,
.accessories__after .tn-atom__img {
  transition: none !important;
  transition-delay: 0s !important;
}

/* Возвращаем только нужный transition на враппере */
.accessories__before {
  opacity: 1;
  transition: opacity 0.4s ease 0s !important;
}
.accessories__after {
  opacity: 0;
  transition: opacity 0.4s ease 0s !important;
}
.accessories__card:hover .accessories__before {
  opacity: 0;
}
.accessories__card:hover .accessories__after {
  opacity: 1;
}

/* Фон карточки */
.t396__group.accessories__card,
.t396__group.accessories__card > .tn-molecule {
  transition: background-color 0.4s ease 0s !important;
  cursor: pointer;
}
.t396__group.accessories__card:hover,
.t396__group.accessories__card:hover > .tn-molecule {
  background-color: #666665 !important;
}

/* Заголовок */
.accessories__card .accessories__title .tn-atom {
  transition: color 0.4s ease 0s !important;
}
.accessories__card:hover .accessories__title .tn-atom {
  color: #FFFEFC !important;
}


/*Кастомизируем карточки с декором*/
.decor__before,
.decor__after,
.decor__before .tn-atom,
.decor__after .tn-atom,
.decor__before .tn-atom__img,
.decor__after .tn-atom__img {
  transition: none !important;
  transition-delay: 0s !important;
}
/* Возвращаем только нужный transition на враппере */
.decor__before {
  opacity: 1;
  transition: opacity 0.4s ease 0s !important;
}
.decor__after {
  opacity: 0;
  transition: opacity 0.4s ease 0s !important;
}
.decor__card:hover .decor__before {
  opacity: 0;
}
.decor__card:hover .decor__after {
  opacity: 1;
}
/* Фон карточки */
.t396__group.decor__card,
.t396__group.decor__card > .tn-molecule {
  transition: background-color 0.4s ease 0s !important;
  cursor: pointer;
}
.t396__group.decor__card:hover,
.t396__group.decor__card:hover > .tn-molecule {
  background-color: #666665 !important;
}
/* Заголовок */
.decor__card .decor__title .tn-atom {
  transition: color 0.4s ease 0s !important;
}
.decor__card:hover .decor__title .tn-atom {
  color: #FFFEFC !important;
}

.btn__underline {
  text-decoration: none;
}

.btn__underline .tn-atom__button-text {
  position: relative;
  padding-bottom: 4px;
}

.btn__underline .tn-atom__button-text::before,
.btn__underline .tn-atom__button-text::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}

/* Уход мыши: ::after появляется справа→влево с задержкой */
.btn__underline .tn-atom__button-text::after {
  transform: scaleX(1);
  transform-origin: right center;
  transition: transform 0.3s ease 0.3s;
}

/* Уход мыши: ::before уходит справа→влево */
.btn__underline .tn-atom__button-text::before {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease;
}

/*Подчеркивание у кнопок*/
.btn__underline-dotted {
    text-decoration: underline dotted;
    text-underline-offset: 5px;
}

@media (min-width: 1200px) {
.btn__underline-hover:hover {
    text-decoration-color: #000000 !important;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Hover: ::after уходит слева→вправо */
.btn__underline:hover .tn-atom__button-text::after {
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.3s ease;
}

/* Hover: ::before приходит слева→вправо с задержкой */
.btn__underline:hover .tn-atom__button-text::before {
  transform: scaleX(1);
  transform-origin: left center;
  transition: transform 0.3s ease 0.3s;
}
}

/*Подчеркивание ссылки внутри текста*/
.text__link a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

/*Бордер у карточек с логотипами*/
@media (min-width: 1200px) {
.card__logo-1,
.card__logo-2,
.card__logo-4,
.card__logo-5,
.card__logo-7,
.card__logo-8,
.card__logo-1 * ,
.card__logo-2 * ,
.card__logo-4 * ,
.card__logo-5 * ,
.card__logo-7 * ,
.card__logo-8 * {
  border-right: none !important;
}

.card__logo-4,
.card__logo-5,
.card__logo-6,
.card__logo-4 * ,
.card__logo-5 * ,
.card__logo-6 * {
  border-top: none !important;
  border-bottom: none !important;
}
}

@media (max-width: 1199px) {
.card__logo-1,
.card__logo-3,
.card__logo-5,
.card__logo-7,
.card__logo-9,
.card__logo-1 * ,
.card__logo-3 * ,
.card__logo-5 * ,
.card__logo-7 * ,
.card__logo-9 * {
  border-right: none !important;
}

.card__logo-3,
.card__logo-4,
.card__logo-5,
.card__logo-6,
.card__logo-7,
.card__logo-8,
.card__logo-9,
.card__logo-3 *,
.card__logo-4 *,
.card__logo-5 *,
.card__logo-6 *,
.card__logo-7 *,
.card__logo-8 *,
.card__logo-9 *,
.card__logo-10 * {
  border-top: none !important;
}
}