/* ==========================================================================
   RESPONSIVE.CSS — Mobil ve tablet uyarlamaları
   ========================================================================== */

@media (max-width: 992px) {
    .identity-inner { grid-template-columns: 1fr; }
    .content-section { grid-template-columns: 1fr; }
    .content-sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
    .sidebar-box { flex: 1 1 260px; }
    .footer-main { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .container { padding: 0 18px; }
    .content-main { padding: 0 4px; }
    h1 { font-size: 1.6rem; }
    h2 { font-size: 1.3rem; }
    .hero-slide h1 { font-size: 1.9rem; }
    .hero-slide h2 { font-size: 1.05rem; }
    .hero-slider { min-height: 360px; }
    .page-banner { padding: 36px 0; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .related-services-grid { grid-template-columns: 1fr 1fr; }

    .main-nav, .header-cta { display: none; }
    .mobile-menu-toggle { display: flex; }
    .mobile-nav.is-open { display: block; }
    .mobile-nav { background: #fff; border-top: 1px solid var(--color-border); }
    .mobile-nav ul { list-style: none; margin: 0; padding: 10px 20px 20px; }
    .mobile-nav > ul > li { border-bottom: 1px solid var(--color-border); }
    .mobile-nav a { display: block; padding: 12px 0; font-weight: 600; color: var(--color-text); }
    .mobile-submenu-toggle { width: 100%; text-align: left; background: none; border: none; padding: 12px 0; font-weight: 600; font-size: 1rem; display: flex; justify-content: space-between; }
    .mobile-submenu { display: none; list-style: none; padding-left: 14px; }
    .mobile-submenu.is-open { display: block; }
    .mobile-nav .btn { margin: 10px 0; }

    .services-grid { grid-template-columns: 1fr 1fr; }
    .process-steps { grid-template-columns: 1fr; }
    .footer-main { grid-template-columns: 1fr; }
    .quick-cta-inner { flex-direction: column; text-align: center; }

    /* Sadece mobilde göster */
    .sticky-contact { display: flex; }
    .contact-btn { font-size: 18px; padding: 16px 15px; gap: 8px; }
    .btn-icon { width: 20px; height: 20px; }
}

@media (max-width: 480px) {
    .services-grid { grid-template-columns: 1fr; }
    .btn { width: 100%; }
    .quick-cta-buttons { flex-direction: column; width: 100%; }
    .hero-slide h1 { font-size: 1.5rem; }

    .contact-btn { font-size: 15px; padding: 14px 10px; gap: 6px; }
    .btn-icon { width: 18px; height: 18px; }
}