/* ==========================================================================
   fallbacks.css — тёмные градиент-фолбэки для блоков с фоновыми фото.
   Подключать ПОСЛЕ sections.css (см. head.php). Активны, пока нет реальных
   изображений: дают премиальный тёмный фон вместо пустоты. Когда фото
   появятся (заданные инлайн или в sections.css поверх), они перекроют фон.
   ========================================================================== */

/* Герой — глубокий тёмный градиент с лёгким акцентным свечением */
.hero {
  background-color: #0A0C0F;
  background-image:
    radial-gradient(120% 80% at 75% 0%, rgba(255, 122, 24, 0.16), transparent 60%),
    radial-gradient(90% 70% at 0% 100%, rgba(40, 52, 66, 0.55), transparent 55%),
    linear-gradient(160deg, #11151B 0%, #0A0C0F 70%);
}

.hero__bg {
  background:
    radial-gradient(100% 100% at 70% 20%, rgba(255, 122, 24, 0.10), transparent 65%),
    linear-gradient(180deg, #0E1218 0%, #07090C 100%);
}

/* CTA-блок — затемнённая металлическая подложка */
.cta {
  background-color: #0C0F13;
  background-image:
    radial-gradient(80% 120% at 100% 0%, rgba(255, 122, 24, 0.14), transparent 55%),
    linear-gradient(135deg, #15191F 0%, #0A0C0F 65%);
}

/* Медиа карточек услуг — тёмный градиент с диагональным бликом */
.service-card__media {
  background-color: #0E1217;
  background-image:
    linear-gradient(135deg, rgba(255, 122, 24, 0.12), transparent 45%),
    linear-gradient(160deg, #161B22 0%, #0B0E12 100%);
}

/* Если есть шумовая текстура — мягкий оверлей (необяз., безопасно без файла) */
@supports (mix-blend-mode: overlay) {
  .hero::after {
    mix-blend-mode: overlay;
  }
}