/* ======================================================
   RUTIS — все @keyframes-анимации
   ====================================================== */

/* ── Помидор: сидит, потом резкий рывок ── */
@keyframes jolt-tomato {
  0%, 14%   { transform: rotate(-11deg) translate(0, 0); }
  16%       { transform: rotate(-18deg) translate(-6px, 4px); }
  18%       { transform: rotate(-4deg)  translate(5px, -3px); }
  20%       { transform: rotate(-15deg) translate(-4px, 5px); }
  22%       { transform: rotate(-8deg)  translate(3px, -2px); }
  24%, 100% { transform: rotate(-11deg) translate(0, 0); }
}

/* ── Чили: частый агрессивный рывок, потом пауза, потом ещё ── */
@keyframes jolt-chili {
  0%, 8%    { transform: rotate(5deg) translate(0, 0); }
  10%       { transform: rotate(13deg)  translate(5px, -4px); }
  12%       { transform: rotate(-2deg)  translate(-4px, 3px); }
  14%       { transform: rotate(9deg)   translate(3px, -5px); }
  16%, 55%  { transform: rotate(5deg)  translate(0, 0); }
  57%       { transform: rotate(-1deg)  translate(-3px, 2px); }
  59%       { transform: rotate(11deg)  translate(4px, -2px); }
  61%, 100% { transform: rotate(5deg)  translate(0, 0); }
}

/* ── Лук: медленный, ленивый — зеркально к помидору ── */
@keyframes jolt-onion {
  0%, 22%   { transform: rotate(-3deg) translate(0, 0); }
  25%       { transform: rotate(4deg)  translate(9px, -5px); }
  29%       { transform: rotate(-8deg) translate(-6px, 7px); }
  33%       { transform: rotate(2deg)  translate(7px, -6px); }
  37%       { transform: rotate(-5deg) translate(-3px, 4px); }
  41%, 100% { transform: rotate(-3deg) translate(0, 0); }
}

/* ── Клубника: вращение по часовой стрелке ── */
@keyframes hero-char-spin {
  from { transform: rotate(var(--char-rot)); }
  to   { transform: rotate(calc(var(--char-rot) + 360deg)); }
}
/* Клубника с translateX */
@keyframes hero-char-spin-tx {
  from { transform: translateX(-50%) rotate(var(--char-rot)); }
  to   { transform: translateX(-50%) rotate(calc(var(--char-rot) + 360deg)); }
}
/* ── Лимон: против часовой, быстрее ── */
@keyframes hero-char-spin-ccw {
  from { transform: rotate(var(--char-rot)); }
  to   { transform: rotate(calc(var(--char-rot) - 360deg)); }
}

/* ── Лук в третьем экране: непрерывное вращение ── */
@keyframes luk-spin {
  to { transform: rotate(360deg); }
}

/* ── Kit-иконки: лёгкое дёргание ── */
@keyframes jolt-kit-a {
  0%, 20%   { transform: rotate(0deg) translate(0, 0); }
  22%       { transform: rotate(-4deg) translate(-3px, 2px); }
  24%       { transform: rotate(3deg)  translate(2px, -2px); }
  26%       { transform: rotate(-2deg) translate(-1px, 1px); }
  28%, 100% { transform: rotate(0deg) translate(0, 0); }
}

@keyframes jolt-kit-b {
  0%, 25%   { transform: rotate(0deg) translate(0, 0); }
  27%       { transform: rotate(5deg)  translate(3px, -3px); }
  29%       { transform: rotate(-3deg) translate(-2px, 2px); }
  31%       { transform: rotate(2deg)  translate(1px, -1px); }
  33%, 100% { transform: rotate(0deg) translate(0, 0); }
}

/* ── Лейка: наклоняется и «поливает» ── */
@keyframes water-pour {
  0%, 30%   { transform: translateY(-45%) rotate(14deg); }
  /* наклон вперёд — льёт */
  48%       { transform: translateY(-56%) rotate(42deg); }
  /* держит позицию — «капает» */
  62%       { transform: translateY(-56%) rotate(40deg); }
  /* возвращается */
  80%, 100% { transform: translateY(-45%) rotate(14deg); }
}

/* ── Лопатка: тычок вниз и подъём — копает ── */
@keyframes shovel-dig {
  0%, 20%   { transform: translateY(-50%) rotate(10deg); }
  /* замах */
  33%       { transform: translateY(-40%) rotate(26deg); }
  /* удар */
  42%       { transform: translateY(-28%) rotate(32deg); }
  /* поддевает землю */
  54%       { transform: translateY(-30%) rotate(20deg) translateX(5px); }
  /* подъём */
  68%       { transform: translateY(-55%) rotate(4deg); }
  /* опускается в исходное */
  85%, 100% { transform: translateY(-50%) rotate(10deg); }
}