/* =================================================================
   RESPONSIVE STİLLER (Nihai Hali)
   ================================================================= */

/* 1. TABLET CİHAZLAR (992px ve altı) */
@media (max-width: 992px) {
    .ana-menu-desktop { display: none; } /* Menüyü tabletten itibaren gizle */
    .cta-buton-header { display: none; } /* Müşteri Paneli butonunu gizle */
    .menu-toggle { display: block; }     /* Hamburger ikonu göster */
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 3rem; }
}

/* 2. MOBİL CİHAZLAR (768px ve altı) */
@media (max-width: 768px) {
    .hero-bolum { min-height: 80vh; }
    .hizmet-grid { grid-template-columns: 1fr; }
    .neden-biz-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .footer-sutun .logo { margin-left: auto; margin-right: auto; }
    .footer-sutun .sosyal-ikonlar { justify-content: center; }
    .footer-alt { flex-direction: column; gap: 1.5rem; text-align: center; }
    .odeme-yontemleri { justify-content: center; }
}