/* BusNaviX web — responzívne overridy nad inline štýlmi dizajnu + oprava toku mriežky.
   Pozn.: React normalizuje style atribút (medzery), preto selektory pokrývajú obe formy. */

/* karty funkcií vypĺňajú diery (7 kariet s 2 širokými v 3-stĺpcovej mriežke) */
div[style*="repeat(3,1fr)"],
div[style*="repeat(3, 1fr)"] { grid-auto-flow: dense; }

@media (max-width: 980px) {
  /* hero: text + telefón pod seba */
  div[style*="1.05fr"] { grid-template-columns: 1fr !important; }
  /* pás štatistík 4 -> 2 stĺpce */
  div[style*="repeat(4,1fr)"],
  div[style*="repeat(4, 1fr)"] { grid-template-columns: 1fr 1fr !important; }
  /* funkcie, cenník, offline, fleet: 1 stĺpec */
  div[style*="repeat(3,1fr)"],
  div[style*="repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }
  div[style*="1fr 1.15fr"] { grid-template-columns: 1fr !important; }
  /* široké karty už nespanujú */
  div[style*="grid-column:span 2"],
  div[style*="grid-column: span 2"] { grid-column: auto !important; }
  /* navigačné odkazy preč, hlavička sa zalamuje */
  nav[data-navlinks] { display: none !important; }
  header > div { flex-wrap: wrap !important; row-gap: 8px !important; }
}

@media (max-width: 640px) {
  div[style*="max-width:1200px"],
  div[style*="max-width: 1200px"] { padding-left: 18px !important; padding-right: 18px !important; }
  img, svg { max-width: 100%; }
}