/* ============================================================
   Tiszta Zóna — reszponzív rács-összecsukás a (korábban dc-runtime)
   főoldali sablonokhoz. A lapított HTML-ben a desktop oszlopszám
   inline stílusként van beégetve; ezek a !important media-query-k
   csukják össze mobilon/tableten. (A nav-állapotot a tz-static.js kezeli.)
   ============================================================ */

/* — Egy oszlop a töréspont alatt — */
@media (max-width: 899px){ [data-herogrid]{grid-template-columns:1fr!important} }
@media (max-width: 859px){ [data-herorow],[data-valrow]{grid-template-columns:1fr!important} }
@media (max-width: 759px){ [data-footrow]{grid-template-columns:1fr!important} }
@media (max-width: 719px){ [data-bagrid],[data-benefits2],[data-opspanels],[data-compare],[data-opsitems]{grid-template-columns:1fr!important} }
@media (max-width: 699px){ [data-catgrid]{grid-template-columns:1fr!important} }
@media (max-width: 619px){ [data-cardgrid],[data-statgrid],[data-featured]{grid-template-columns:1fr!important} }

/* — Több lépcsős: 3–4 oszlop → 2 → 1 — */
@media (max-width: 979px){ [data-svcgrid],[data-svchub]{grid-template-columns:repeat(2,1fr)!important} }
@media (max-width: 619px){ [data-svcgrid],[data-svchub]{grid-template-columns:1fr!important} }

@media (max-width: 899px){ [data-cities]{grid-template-columns:repeat(2,1fr)!important} }
@media (max-width: 599px){ [data-cities]{grid-template-columns:1fr!important} }

@media (max-width: 859px){ [data-segments],[data-benefits1],[data-svc],[data-steps]{grid-template-columns:repeat(2,1fr)!important} }
@media (max-width: 559px){ [data-segments],[data-benefits1],[data-svc],[data-steps]{grid-template-columns:1fr!important} }

/* — Statisztika-sáv: 4 → 2 oszlop (mobilon is 2 marad, jól néz ki) — */
@media (max-width: 559px){ [data-proof]{grid-template-columns:repeat(2,1fr)!important} }

/* — Biztonsági háló: ha a hero kétoszlopos és kicsi a kijelző, a kép alá kerüljön — */
@media (max-width: 859px){ [data-herorow] > div{justify-content:flex-start!important} }
