/* =========================================
   ISITMACOZUMLERI.COM.TR - RESPONSIVE (MOBİL) STİL
   ========================================= */

@media (max-width: 992px) {
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .grid-5 { grid-template-columns: repeat(3, 1fr); }
    .step-flow { grid-template-columns: repeat(2, 1fr); }
    .about-flex { flex-direction: column; }
    .iletisim-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .link-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 768px) {
    /* Sticky iletişim çubuğu mobilde aktif olduğu için tekil WhatsApp yuvarlak butonu gizlenir */
    .whatsapp-float { display: none; }

    h1 { font-size: 1.9rem; }
    h2 { font-size: 1.5rem; }
    .hero-content h1 { font-size: 1.9rem; }
    .hero-content h2 { font-size: 1.05rem; }
    .hero-slider { height: 480px; }
    .logo-img { height: 34px; }

    .main-nav { position: fixed; top: 0; right: -100%; width: 80%; max-width: 320px; height: 100vh; background: #fff; flex-direction: column; align-items: flex-start; padding: 90px 24px 24px; box-shadow: -8px 0 30px rgba(0,0,0,.15); transition: right .3s ease; z-index: 1000; }
    .main-nav.mobile-open { right: 0; }
    .main-nav > ul { flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; }
    .main-nav > ul > li { width: 100%; border-bottom: 1px solid var(--renk-border); }
    .main-nav a { display: block; padding: 12px 0; }
    .has-dropdown .dropdown { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; max-height: 0; overflow: hidden; padding: 0; transition: max-height .3s ease; }
    .has-dropdown.mobile-open .dropdown { max-height: 800px; padding: 6px 0; }
    .mobile-toggle { display: flex; }
    .header-cta .tel-text { display: none; }

    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
    .grid-5 { grid-template-columns: repeat(2, 1fr); }
    .step-flow { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 26px; }
    .link-grid { grid-template-columns: repeat(2, 1fr); }
    .section { padding: 46px 0; }
    .model-tablo { display: block; overflow-x: auto; white-space: nowrap; }
}

@media (max-width: 480px) {
    .hero-content h1 { font-size: 1.5rem; }
    .btn { padding: 12px 22px; font-size: .92rem; }
    .whatsapp-float { width: 50px; height: 50px; bottom: 16px; right: 16px; }
}