/* ━━━ Responsive Breakpoints ━━━ */

/* Topbar Responsive */
@media (max-width: 768px) {
    .topbar-left { gap: 12px; }
    .topbar-item span:not(.material-symbols-outlined) { display: none; }
    .topbar-social-label { display: none; }
}
@media (max-width: 480px) {
    .topbar { padding: 8px 0; font-size: 11px; }
}

/* Tablet (1024px) */
@media (max-width: 1280px) {
    .main-nav a { padding-left: 11px; padding-right: 11px; }
}

@media (max-width: 1024px) {
    .header-phone { display: none; }
    .main-nav { display: none !important; }
    .hamburger { display: flex !important; }
    .hero-inner { grid-template-columns: 1fr; }
    .hero h1 { font-size: 36px; }
    .hero-image { display: none !important; }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }
    .sub-service-list { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobil (768px) */
@media (max-width: 768px) {
    .topbar-inner { justify-content: center; }
    .topbar-right { display: none; }
    .topbar-left { justify-content: center; }
    .header-cta .btn { display: none; }
    .hero { padding: 48px 0; }
    .hero h1 { font-size: 28px; }
    .hero-desc { font-size: 15px; }
    .hero-buttons { flex-direction: column; }
    .hero-buttons .btn { width: 100%; justify-content: center; }
    .section { padding: 48px 0; }
    .section-header h2 { font-size: 24px; }
    .features-grid { grid-template-columns: 1fr; }
    .services-grid { grid-template-columns: 1fr; }
    .testimonials-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 32px; }
    .page-header h1 { font-size: 24px; }
    .blog-grid { grid-template-columns: 1fr; }
    .btn-lg { padding: 14px 24px; font-size: 15px; }
    .mega-menu { display: none; }
}

/* Küçük Mobil (480px) */
@media (max-width: 480px) {
    .container { padding: 0 16px; }
    .header-inner { padding: 0 16px; height: 64px; }
    .logo-name { font-size: 18px; }
    .hero h1 { font-size: 24px; }
    .feature-card { padding: 24px 16px; }
    .fixed-cta { bottom: 16px; right: 16px; }
    .fixed-cta-btn { width: 48px; height: 48px; }
    .mobile-menu { max-width: 100%; }
}

/* Desktop büyük (1200px+) */
@media (min-width: 992px) {
    .hero-image { display: block; }
    .page-layout { grid-template-columns: 1fr 360px; }
}

/* Page Layout Responsive */
@media (max-width: 991px) {
    .page-layout { grid-template-columns: 1fr; }
    .sidebar-form { position: static; }
}

/* Sub Hero Banner Responsive */
@media (max-width: 768px) {
    .sub-hero-banner { height: 280px; }
    .sub-hero-content { padding: 0 24px; }
    .sub-hero-content h1 { font-size: 26px; }
    .sub-hero-content p { font-size: 14px; }
    .sub-hero-badge { font-size: 11px; padding: 4px 12px; }
}
@media (max-width: 480px) {
    .sub-hero-banner { height: 220px; }
    .sub-hero-content h1 { font-size: 22px; }
}

/* Related Grid Responsive */
@media (max-width: 1024px) {
    .related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .related-grid { grid-template-columns: 1fr; }
}

/* Detail Section Responsive */
@media (max-width: 1024px) {
    .detail-grid { grid-template-columns: 1fr; gap: 32px; }
    .detail-content { position: static; }
    .detail-content h2 { font-size: 28px; }
    .detail-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .detail-section { padding: 48px 0; }
    .detail-content h2 { font-size: 24px; }
    .detail-cards { grid-template-columns: 1fr; }
}

/* Mobile Menu z-index override */
@media (max-width: 1024px) {
    .mobile-overlay { z-index: 998; }
    .mobile-menu { z-index: 999; }
}