/* ============================================================
   tamircin.net — responsive.css
   ============================================================ */

@media (max-width: 900px) {
    .footer-inner { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
    .header-inner { justify-content: space-between; }
    .header-call-btn span.icon-search { display: none; }
    .header-call-btn { padding: 9px 14px; font-size: .82rem; }
    .brand { font-size: 1.05rem; }

    .banner-inner { padding: 44px 16px 42px; }
    .banner-badges { flex-direction: column; gap: 10px; }

    .home-hero { padding: 54px 0 44px; }

    .main-content { padding: 32px 16px 50px; }
    .ariza-list { grid-template-columns: 1fr; }
    .related-list { grid-template-columns: 1fr; }
    .reviews-grid { grid-template-columns: 1fr; }
    .address-grid { grid-template-columns: 1fr; }

    .footer-inner { grid-template-columns: 1fr; padding: 40px 16px 20px; }

    /* Hamburger butonu göster */
    .mobile-menu-toggle { display: flex; }

    /* Menüyü varsayılan gizle, açık olduğunda başlığın altında panel olarak göster */
    .main-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        background: var(--white);
        border-bottom: 1px solid var(--line);
        box-shadow: 0 12px 24px rgba(16, 32, 46, .12);
        padding: 8px 20px 16px;
        z-index: 45;
    }
    .main-nav.is-open { display: flex; }
    .main-nav a {
        padding: 14px 4px;
        border-bottom: 1px solid var(--line);
        font-size: 1rem;
    }
    .main-nav a:last-child { border-bottom: none; }
    .nav-cta { color: var(--alert) !important; font-weight: 700; }
}

/* ---------- Sticky contact bar (Hemen Ara / WhatsApp) ---------- */
@media (max-width: 768px) {
    .contact-btn { font-size: 14px; padding: 16px 15px; gap: 8px; }
    .btn-icon { width: 20px; height: 20px; }
}

@media (max-width: 480px) {
    .contact-btn { font-size: 12px; padding: 14px 10px; gap: 6px; }
    .btn-icon { width: 18px; height: 18px; }
    .banner-title { font-size: 1.5rem; }
    .cta-button, .banner-cta { width: 100%; text-align: center; padding: 15px 20px; }
    .topbar-inner { font-size: .72rem; }
}