/* Quadro Extreme — Базовые медиа-запросы (<=1100/800/560) */

/* ─── RESPONSIVE ─── */
@media (max-width: 1100px) {
  .hero { height: 700px; }
  .hero-title { font-size: 76px; }
  .routes-grid, .equipment-grid { grid-template-columns: 1fr 1fr; }
  .how-steps { grid-template-columns: 1fr 1fr; gap: 48px; }
  .how-steps::before { display: none; }
  .rules-inner { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 800px) {
  .topbar { padding: 7px 20px; gap: 14px; font-size: 12px; }
  nav { padding: 0 20px; height: 68px; }
  .section-title { font-size: clamp(28px, 4.6vw, 60px); }
  .nav-logo img { height: 62px; max-width: 160px; }
  .burger { display: flex; }
  .nav-links { display: none; }
  .nav-cta { display: none; }
  .hero { height: auto; min-height: 100svh; }
  .hero-content { padding: 80px 20px 48px; margin-top: 0; }
  .hero-title { font-size: 50px; white-space: normal; line-height: 1.08; }
  .title-break { display: block; }
  .hero-actions { flex-direction: column; width: 100%; gap: 10px; }
  .btn-primary { width: 100%; text-align: center; clip-path: none; border-radius: 4px; }
  .btn-ghost { width: 100%; justify-content: center; }
  .tire-dash { width: 32px; height: 7px; margin: 0 6px; top: -2px; }
  .hero-subtitle { font-size: 17px; }
  .subtitle-break { display: inline; }
  .hero-cards { grid-template-columns: 1fr; }
  .features { padding: 56px 24px; }
  .features-grid { grid-template-columns: 1fr 1fr; }
  .fcard.wide { grid-column: span 2; }
  .routes { padding: 56px 24px; }
  .routes-head { flex-direction: column; align-items: flex-start; gap: 16px; }
  .routes-grid { grid-template-columns: 1fr; }
  .equipment { padding: 56px 24px; }
  .equipment-grid { grid-template-columns: 1fr; }
  .how { padding: 56px 24px; }
  .how-steps { grid-template-columns: 1fr; gap: 32px; }
  .rules { padding: 56px 24px; }
  .footer-cta { padding: 48px 24px; flex-direction: column; align-items: flex-start; }
  .footer-contact { align-items: flex-start; }
  .footer-addr { text-align: left; }
}
@media (max-width: 560px) {
  .topbar { display: none; }
  nav { padding: 0 16px; }
  .hero-title { font-size: 40px; line-height: 1.08; }
  .tire-dash { width: 26px; height: 6px; margin: 0 5px; }
  .hero-subtitle { font-size: 16px; }
  .features-grid { grid-template-columns: 1fr; }
  .fcard.wide { grid-column: span 1; flex-direction: column; }
  .section-title { font-size: clamp(28px, 4.6vw, 60px); }
}