/* ═══════════════════════════════════════════════════════════════════════════
   NovaFetch — Responsive Breakpoints
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tablet (≤ 1024px) ─────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-2xl); }
    .stat-cards { grid-template-columns: repeat(2, 1fr); }
    .admin-layout { grid-template-columns: 1fr; }
    .admin-sidebar {
        position: fixed;
        left: -280px;
        top: 0;
        bottom: 0;
        z-index: 1000;
        transition: left var(--transition-base);
        width: 260px;
    }
    .admin-sidebar.open { left: 0; }
    .admin-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        z-index: 999;
    }
    .admin-sidebar.open ~ .admin-overlay { display: block; }
}

/* ── Mobile (≤ 768px) ──────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .container { padding: 0 var(--space-md); }
    .section { padding: var(--space-3xl) 0; }

    /* Nav */
    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-top: 1px solid var(--border-subtle);
        border-bottom: 1px solid var(--border-subtle);
        box-shadow: 0 10px 30px rgba(31, 38, 135, 0.08);
        padding: var(--space-md);
        flex-direction: column;
    }
    .nav-links.open { display: flex; }
    .nav-toggle { display: block; }
    .nav-cta {
        width: 100%;
        text-align: center;
        margin-top: var(--space-sm);
    }

    /* Hero */
    .hero { min-height: auto; padding: 120px 0 60px; }
    .hero-stats { gap: var(--space-xl); flex-wrap: wrap; }
    .hero-stat-value { font-size: 1.5rem; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; }
    .scroll-indicator { display: none; }

    /* Grids */
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }

    /* Pricing */
    .pricing-cards { grid-template-columns: 1fr; max-width: 400px; }
    .pricing-amount { font-size: 2.5rem; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: var(--space-xl); }
    .footer-bottom { flex-direction: column; gap: var(--space-md); text-align: center; }

    /* Stats */
    .stat-cards { grid-template-columns: 1fr; }

    /* Gateway */
    .gateway-selector { flex-direction: column; }
}

/* ── Small mobile (≤ 480px) ────────────────────────────────────────────── */
@media (max-width: 480px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.5rem; }
    .hero-description { font-size: 1rem; }
    .platforms-strip { gap: var(--space-sm); }
    .platform-item { font-size: 0.8rem; padding: var(--space-xs) var(--space-md); }
}