/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 980px) {
    .grid--4 { grid-template-columns: repeat(2, 1fr); }
    .site-footer__grid { grid-template-columns: 1fr 1fr; }
    .office-grid { grid-template-columns: repeat(2, 1fr); }
    .hero__inner { grid-template-columns: 1fr; }
    /* Slider mobilde metnin üstünde ve ortalı */
    .hero__visual { order: -1; }
}

/* NOT: Mobil menü çekmecesi ve slider'ın kritik CSS'i header.php içinde
   satır içi (inline) tanımlıdır — önbellek kaymasına karşı bilinçli tercih. */

@media (max-width: 720px) {
    .grid--3, .grid--1-center { grid-template-columns: 1fr; }
    .office-grid { grid-template-columns: 1fr; }
    .steps { grid-template-columns: 1fr; }
    .stats__grid { grid-template-columns: repeat(2, 1fr); gap: 22px 12px; }
    .cta-band__inner { flex-direction: column; text-align: center; }
    .cta-band__actions { justify-content: center; }
    .topbar__inner { justify-content: center; text-align: center; }
    .topbar__item { display: none; }
}

@media (max-width: 480px) {
    .grid--4 { grid-template-columns: 1fr; }
    .brand__text { display: none; }
    .hero__actions .btn, .hero__actions { width: 100%; }
    .hero__actions .btn { flex: 1; }
    .whatsapp-float { width: 52px; height: 52px; right: 14px; bottom: 14px; }
}

/* ---------- Erişilebilirlik ---------- */
@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; border-radius: 4px; }