/* =============================================
   arabanıBil - Responsive CSS v2.0
   ============================================= */

/* Large Tablets */
@media (max-width: 1024px) {
    .footer-main { grid-template-columns: 1fr 1fr; gap: 36px; }
    .galeri-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet */
@media (max-width: 900px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .paketler-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile Landscape */
@media (max-width: 768px) {
    .section-pad { padding: 64px 0; }
    .section-header { margin-bottom: 40px; }
    .section-header h2 { font-size: clamp(1.6rem, 5vw, 2.2rem); }

    .footer-main { grid-template-columns: 1fr; gap: 32px; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .footer-legal { justify-content: center; }

    .header-cta .header-phone { display: none; }

    #main-nav {
        position: fixed; top: 0; left: -100%; width: 85%; max-width: 340px; height: 100vh;
        background: #fff; z-index: 1000; padding: 80px 28px 40px;
        box-shadow: 8px 0 40px rgba(0,0,0,0.15);
        transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        overflow-y: auto;
    }
    #main-nav.open { left: 0; }
    #main-nav ul { flex-direction: column; gap: 4px; }
    #main-nav a { font-size: 1rem; padding: 14px 18px; }
    .has-drop .dropdown {
        position: static; box-shadow: none; border: none;
        opacity: 1; visibility: visible; transform: none;
        display: none; padding: 0 0 0 18px;
    }
    .has-drop.open .dropdown { display: block; }
    .hamburger { display: flex; }

    .hero-trust { gap: 10px; flex-direction: column; }
    .hero-cta { flex-direction: column; align-items: flex-start; }
    .slider-controls { bottom: 20px; right: 20px; }

    .iletisim-grid { grid-template-columns: 1fr !important; }
    .blog-detail-grid { grid-template-columns: 1fr !important; }
    .galeri-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile Portrait */
@media (max-width: 640px) {
    .features-grid { grid-template-columns: 1fr; }
    .paketler-grid { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .stats-grid { gap: 14px; }
    .stat-num { font-size: 2rem; }
    .slider-controls { display: none; }

    #hero h1 { font-size: clamp(1.8rem, 8vw, 2.6rem); }
    .hero-sub { font-size: 0.95rem; }
    .hero-badge { font-size: 0.7rem; padding: 6px 14px; }

    .floating-buttons { bottom: 18px; right: 14px; }
    .float-btn { width: 48px; height: 48px; font-size: 1.2rem; border-radius: 14px; }
    #scroll-top { width: 40px; height: 40px; border-radius: 12px; bottom: 18px; left: 14px; }
}

/* Small Mobile */
@media (max-width: 380px) {
    .container { padding: 0 14px; }
    .section-pad { padding: 48px 0; }
}

/* Print */
@media print {
    .floating-buttons, #scroll-top, #topbar, #main-nav, .hero-cta, #main-footer, .slider-controls, .hero-particles { display: none !important; }
    body { color: #000; }
    #hero { min-height: auto; padding: 40px 0; }
}