/* ================================================================
   AdaArabam — Responsive Styles
   ================================================================ */

/* ── Tablet: 1024px ── */
@media (max-width: 1024px) {
    .listings-grid { grid-template-columns: repeat(3, 1fr); }
    .categories-grid { grid-template-columns: repeat(3, 1fr); }
    .packages-grid { grid-template-columns: repeat(2, 1fr); }
    .hero__stats { gap: var(--space-lg); }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── Tablet Küçük: 768px ── */
@media (max-width: 768px) {
    :root {
        --space-4xl: 48px;
    }

    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.4rem; }

    /* Header */
    .header__nav { display: none; }
    .header__hamburger { display: flex; }
    .header__actions .btn-ghost,
    .header__actions .btn-primary:not(.btn-create) { display: none; }

    /* Mobil Menü */
    .mobile-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 300px;
        height: 100vh;
        background: var(--card-white);
        z-index: 2000;
        transition: left 0.35s var(--ease);
        box-shadow: var(--shadow-xl);
        overflow-y: auto;
    }
    .mobile-menu.open { left: 0; }
    .mobile-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        z-index: 1999;
        backdrop-filter: blur(2px);
    }
    .mobile-overlay.open { display: block; }

    /* Hero */
    .hero { min-height: 420px; padding: var(--space-2xl) 0; }
    .hero__title { font-size: 1.6rem; }
    .hero__search { flex-direction: column; }
    .hero__search .form-select,
    .hero__search .btn { width: 100%; }
    .hero__stats { flex-direction: column; gap: var(--space-md); }

    /* Grid'ler */
    .listings-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-md); }
    .categories-grid { grid-template-columns: repeat(2, 1fr); }
    .packages-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
    .features-grid { grid-template-columns: 1fr; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: var(--space-xl); }
}

/* ── Mobil: 480px ── */
@media (max-width: 480px) {
    :root {
        --space-4xl: 36px;
    }
    
    h1 { font-size: 1.4rem; }
    .container { padding: 0 16px; }

    .listings-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
    .categories-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-sm); }
    .category-card { padding: var(--space-md) var(--space-sm); }

    .listing-card__body { padding: 10px 12px; }
    .listing-card__title { font-size: 13px; }

    .hero__quick-links { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .hero__quick-links::-webkit-scrollbar { display: none; }
    
    .section-header { flex-direction: column; align-items: flex-start; gap: var(--space-sm); }
}