/* 1. Импорт шрифта */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

/* 2. Глобальная настройка шрифта и динамики без изменения цвета */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, div {
  font-family: 'Orbitron', sans-serif !important;
  /* не задаём color — пусть остаётся ваш, прописанный в Tilda */
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* 3. Заголовки — наклон и акцент на вес */
h1, h2, h3 {
  font-weight: 700 !important;
  transform: skewX(-5deg);
  margin-bottom: 0.5em;
}

/* 4. Читаемость цен — равномерные цифры и подчёркнутая ясность */
.price,
.product-card .price {
  /* Orbitron остаётся базовым шрифтом */
  font-family: 'Orbitron', sans-serif !important;
  /* чуть больше размера и веса */
  font-size: clamp(1rem, 2.5vw, 1.6rem);
  font-weight: 700 !important;
  /* табличные цифры для ровного выравнивания */
  font-variant-numeric: tabular-nums;
  /* пространство между цифрами для читаемости */
  letter-spacing: 0.8px;
  /* опционально: яркий акцентный цвет */
  color: #E9FF71 !important;
  /* лёгкая тень для контраста на любом фоне */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
  margin-top: 0.25em;
}

/* 5. (Опционально) анимированный градиентный класс */
.racing-gradient {
  background: linear-gradient(120deg, #ff0000, #ffcc00, #00aaff, #ff0000);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: raceAnim 5s linear infinite;
}
@keyframes raceAnim {
  0%   { background-position: 0%   50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0%   50%; }
}