/* Анимируемый градиент для артборда */
.t396__artboard {
  background: linear-gradient(90deg, #F2F2F2, #F2F0F0, #F2F2F2);
  background-size: 200% 100%;
  animation: slideGradient 15s linear infinite;
  will-change: background-position;
}

/* Убираем перекрывающие фоны Тильды */
.t396__carrier,
.t396__filter {
  background: transparent !important;
}

/* Ключевые кадры плавного перелива слева направо */
@keyframes slideGradient {
  0% { background-position: 0% 0; }
  100% { background-position: -200% 0; }
}

/* Глобальный фон страницы */
body {
  background: linear-gradient(90deg, #F2F2F2, #F2F0F0);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Отдельный класс для яркого перелива, если нужно на элемент */
.pereliv {
  background: linear-gradient(90deg, #F2F2F2, #C7C7C7);
  background-size: 200% 100%;
  animation: slide 3s linear infinite;
  will-change: background-position;
}

/* Ключевые кадры для класса .pereliv */
@keyframes slide {
  0% { background-position: 0 0; }
  100% { background-position: -200% 0; }
}

/* Поддержка для тех, кто отключил анимации */
@media (prefers-reduced-motion: reduce) {
  .t396__artboard,
  .pereliv {
    animation: none;
  }
}