/* =====================================================
  RS Sağıroğlu Oto - Responsive (Mobil Uyumluluk)
   ===================================================== */

/* ── Tablet (max-width: 1024px) ── */
@media (max-width: 1024px) {
    .features-bar__grid { grid-template-columns: repeat(2, 1fr); }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .why-us-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-grid { grid-template-columns: repeat(3, 1fr); }
    .footer__grid { grid-template-columns: repeat(2, 1fr); }
    .about-section__grid { gap: 40px; }
    .service-card--horizontal { grid-template-columns: 280px 1fr; }
    .service-detail__grid { grid-template-columns: 1fr 280px; }
    .blog-detail__grid { grid-template-columns: 1fr 280px; }
    .cta-section__inner { flex-direction: column; text-align: center; }
}

/* ── Small Tablet (max-width: 768px) ── */
@media (max-width: 768px) {
    :root { --header-height: 70px; }
    
    /* Top Bar */
    .top-bar__item--hours { display: none; }
    .top-bar__left { gap: 14px; }
    .top-bar__item span { display: none; }
    .top-bar__item i { font-size: 0.9rem; }
    
    /* Hamburger */
    .header__hamburger { display: flex; }
    
    .header__nav {
        position: fixed;
        top: 0;
        right: -320px;
        width: 300px;
        height: 100vh;
        background: var(--white);
        flex-direction: column;
        align-items: stretch;
        padding: 80px 24px 24px;
        box-shadow: var(--shadow-xl);
        transition: var(--transition);
        z-index: 999;
        overflow-y: auto;
        gap: 0;
    }
    
    .header__nav.active { right: 0; }
    
    .nav-menu {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }
    
    .nav-menu__item > a {
        padding: 14px 12px;
        border-bottom: 1px solid var(--gray-100);
        font-size: 0.95rem;
        width: 100%;
    }
    
    .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        background: var(--gray-100);
        border-radius: var(--radius);
        display: none;
        padding: 4px;
        margin: 4px 0;
    }
    
    .has-dropdown.open .dropdown-menu { display: block; }
    
    .header__cta {
        margin: 16px 0 0;
        width: 100%;
        text-align: center;
    }
    
    /* Hero */
    .hero-slider__slide { height: 60vh; min-height: 400px; }
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next { display: none; }
    
    /* Features */
    .features-bar { margin-top: -30px; }
    .features-bar__grid { grid-template-columns: 1fr 1fr; }
    .features-bar__item { padding: 20px 16px; }
    
    /* Grids */
    .services-grid { grid-template-columns: 1fr; gap: 20px; }
    .service-card--horizontal { grid-template-columns: 1fr; }
    .service-card--horizontal .service-card__image { border-radius: var(--radius-lg) var(--radius-lg) 0 0; height: 200px; }
    .service-card--horizontal .service-card__image img { height: 200px; }
    
    .about-section__grid { grid-template-columns: 1fr; gap: 30px; }
    .why-us-grid { grid-template-columns: 1fr; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .blog-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .about-page__grid { grid-template-columns: 1fr; }
    .service-detail__grid { grid-template-columns: 1fr; }
    .blog-detail__grid { grid-template-columns: 1fr; }
    .footer__grid { grid-template-columns: 1fr; gap: 30px; }
    
    /* Forms */
    .form-row { grid-template-columns: 1fr; }
    .form-row--3 { grid-template-columns: 1fr; }
    
    /* Stats */
    .about-section__stats { gap: 20px; }
    
    /* CTA */
    .cta-section__content h2 { font-size: 1.4rem; }
    .cta-section__actions { flex-direction: column; width: 100%; }
    .cta-section__actions .btn { width: 100%; }
    
    /* Phone Float */
    .phone-float { display: flex; }
    
    /* WhatsApp Float */
    .whatsapp-float__text { display: none; }
    .whatsapp-float { padding: 14px; border-radius: 50%; width: 56px; height: 56px; }
    
    /* Section */
    .section { padding: 50px 0; }
    .section__header { margin-bottom: 32px; }
    .section__title::after { margin: 12px auto 0; }
    
    /* Page Header */
    .page-header { padding: 40px 0 32px; }
    
    /* Service Detail CTA */
    .service-detail__cta-actions { flex-direction: column; }
    .service-detail__cta-actions .btn { width: 100%; }
    .service-detail__card { padding: 20px; border-radius: var(--radius-lg); }
    .service-detail__sidebar { position: static; top: auto; }
    
    /* Error Page */
    .error-page { padding: 60px 0; }
    .error-page__code { font-size: 5rem; }
    .error-page__actions { flex-direction: column; }
    
    /* Cookie Banner */
    .cookie-banner__inner { flex-direction: column; text-align: center; }
}

/* ── Mobile Small (max-width: 480px) ── */
@media (max-width: 480px) {
    .container { padding: 0 16px; }
    
    .top-bar { padding: 6px 0; font-size: 0.75rem; }
    .top-bar__social a { width: 24px; height: 24px; font-size: 0.75rem; }
    
    .header__logo img { height: 40px; }
    
    .hero-slider__slide { height: 50vh; min-height: 350px; }
    .hero-slider__title { font-size: 1.6rem; }
    .hero-slider__subtitle { font-size: 0.95rem; margin-bottom: 24px; }
    
    .features-bar { margin-top: -24px; }
    .features-bar__grid { grid-template-columns: 1fr; }
    .features-bar__item { border-right: none; border-bottom: 1px solid var(--gray-200); }
    .features-bar__item:last-child { border-bottom: none; }
    
    .gallery-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .gallery-filters { gap: 6px; }
    .gallery-filter { padding: 6px 14px; font-size: 0.78rem; }
    
    .about-section__stats { flex-direction: column; gap: 16px; text-align: center; }
    
    .faq-item__question { padding: 14px 16px; font-size: 0.88rem; }
    .faq-item__answer { padding: 0 16px 14px; }
    
    .blog-detail__meta { flex-wrap: wrap; gap: 10px; }
    .blog-detail__share { flex-wrap: wrap; }
    
    .service-card { padding: 28px 20px; }
    .service-card__icon { width: 60px; height: 60px; font-size: 1.3rem; }
    
    .page-header__title { font-size: 1.5rem; }
    .section__title { font-size: 1.5rem; }
    
    .pagination { gap: 4px; }
    .pagination__item { padding: 8px 12px; font-size: 0.82rem; }
    
    .scroll-top { bottom: 80px; right: 16px; width: 40px; height: 40px; }
    .whatsapp-float { bottom: 16px; right: 16px; width: 52px; height: 52px; }
    .phone-float { bottom: 16px; left: 16px; width: 48px; height: 48px; }
}

/* ── Print ── */
@media print {
    .top-bar, .header, .cta-section, .footer, .whatsapp-float, .phone-float, .scroll-top, .cookie-banner { display: none !important; }
    body { font-size: 12pt; color: #000; }
    a { color: #000; text-decoration: underline; }
}