/* ============================================================
   responsive.css — media queries (ładowany jako ostatni)
   ============================================================ */

@media (max-width:1024px){
  .about .grid,.kart .grid,.faq .grid,.contact .grid{grid-template-columns:1fr}
  .kart-img{aspect-ratio:1.5/1;max-height:420px}
  .pricing .cards{grid-template-columns:repeat(2,1fr)}
  .reviews .cards{grid-template-columns:1fr}
  .zone-cards{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .zone-card{min-height:0}
}

@media (max-width:768px){
  .nav,.header-cta{display:none}
  .burger{display:flex}
  .header .wrap{padding-top:12px;padding-bottom:12px}
  .hero-mid{padding-top:96px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stats .stat:nth-child(2){border-right:none}
  .stats .stat:nth-child(1),.stats .stat:nth-child(2){border-bottom:1px solid var(--line)}
  .gallery .grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
  .tile.video{grid-column:span 2;grid-row:span 2}
  .info-grid{grid-template-columns:1fr}
  .form .two{grid-template-columns:1fr}
  .pricing .cards{grid-template-columns:1fr;max-width:460px;margin:0 auto}
  .footer .wrap{flex-direction:column;text-align:center}
  .hero{min-height:92svh}
}

@media (max-width:420px){
  .stats{grid-template-columns:1fr 1fr}
  .gallery .grid{grid-template-columns:1fr}
  .tile.video{grid-column:span 1;grid-row:span 2}
}