/* ============================================================
   Cummins landing — анимации

   @keyframes глобальны по своей природе: имена живут в одном
   пространстве на всю страницу, ограничить их обёрткой нельзя.
   Поэтому имена сделаны уникальными через префикс cm-, чтобы
   не столкнуться с анимацией из шаблона Битрикса с тем же именем.

   Сами свойства animation: стоят на элементах в
   cummins-layout.css (эти правила уже ограничены обёрткой).
   ============================================================ */

/* Пульсация точки в чипе «В наличии · Оригинал · Гарантия» */
@keyframes cm-blink{0%,100%{opacity:1}50%{opacity:.3}}

/* Бегущая строка: сдвиг ленты на половину длины (список дублирован) */
@keyframes cm-tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Бренд-полоса: «магнитная» линия от логотипа к цифрам */
@keyframes cm-line-grow{
  0%{width:0;opacity:0;}
  100%{width:80px;opacity:1;}
}

/* Бренд-полоса: цифры «притягиваются» с перелётом и отскоком */
@keyframes cm-magnet-pull{
  0%{opacity:0;transform:translateX(-60px) scale(0.85);}
  60%{opacity:1;transform:translateX(6px) scale(1.04);}
  80%{transform:translateX(-3px) scale(0.98);}
  100%{opacity:1;transform:translateX(0) scale(1);}
}

/* Ступенчатый запуск цифр — каждая следующая на 0.15s позже */
.isolationstyle-cummins .bs:nth-child(1){animation:cm-magnet-pull .7s cubic-bezier(.16,1,.3,1) 0.4s forwards;}
.isolationstyle-cummins .bs:nth-child(2){animation:cm-magnet-pull .7s cubic-bezier(.16,1,.3,1) 0.55s forwards;}
.isolationstyle-cummins .bs:nth-child(3){animation:cm-magnet-pull .7s cubic-bezier(.16,1,.3,1) 0.7s forwards;}
.isolationstyle-cummins .bs:nth-child(4){animation:cm-magnet-pull .7s cubic-bezier(.16,1,.3,1) 0.85s forwards;}