/* -----Категории на главной------ */
.categories-thumbs__item {
  display: inline-block;
  overflow: hidden;
  position: relative;
  border-radius: 13px;
  transition: transform 0.2s ease, box-shadow 0.2s ease; /* Анимируем только контур и тень */
}

/* Фиксируем картинку, запрещаем любое движение */
.categories-thumbs__item img {
  display: block;
  width: 100%;
  height: auto;

}

.categories-thumbs__item:hover {
  transform: scale(1.01); /* Увеличиваем только контур */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Тень при наведении */
}

/* -----Баннеры на слайдере------ */

.home-slider__banner {
  position: relative;
  display: block;
  border-radius: 8px;
  transition: transform 0.3s ease;
  /* Принудительно включаем GPU-ускорение */
  transform: translate3d(0, 0, 0);
  /* Убираем возможные наслоения */

}

/* Яркая тень через псевдоэлемент (обходит ограничения overflow) */
.home-slider__banner {
  display: block;
  position: relative;
  border-radius: 8px;
  transition: all 0.4s ease;
  /* Фикс для GPU (если тень не работает) */
  transform: translateZ(0);
 
}

.home-slider__banner:hover {
  transform: translateY(-5px) translateZ(0); /* Подъём */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Тень */
}

/* Текст преймуществ */

.link_style_hover {
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}

.link_style_hover:hover {
  color: #000000; /* Изменение цвета текста (настройте под ваш дизайн) */
}

.link_style_hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: #000000; /* Цвет подчеркивания */
  transition: width 0.3s ease;
}

.link_style_hover:hover::after {
  width: 100%;
}