/* =========================================================
   Aurora GSM V2 — Responsive Stylesheet
   Desktop -> Laptop -> Tablet -> Mobile
   ========================================================= */

/* ============ Laptop (<=1200px) ============ */
@media (max-width: 1200px) {
    .grid-5 { grid-template-columns: repeat(3, 1fr); }
    .partners-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ============ Tablet (<=992px) ============ */
@media (max-width: 992px) {
    .main-nav { display: none; }

    .menu-toggle { display: flex; }

    .header-actions .btn-outline { display: none; }

    .grid-3,
    .grid-4 { grid-template-columns: repeat(2, 1fr); }

    .brands-grid { grid-template-columns: repeat(3, 1fr); }

    .hero-slide h1 { font-size: 38px; }
    .hero-slider { min-height: 560px; }

    .footer-top {
        grid-template-columns: 1fr 1fr;
        row-gap: 40px;
    }

    .stats-grid { grid-template-columns: repeat(2, 1fr); row-gap: 30px; }
    .stat-item:nth-child(3) { border-inline-start: none; }

    .contact-grid { grid-template-columns: 1fr; }

    /* قائمة الجوال المنسدلة */
    .main-nav.mobile-open {
        display: block;
        position: absolute;
        top: 76px;
        inset-inline: 0;
        background: var(--color-card);
        border-bottom: 1px solid var(--color-border);
        box-shadow: var(--shadow-md);
        padding: 12px 24px 20px;
    }
    .main-nav.mobile-open ul {
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }
    .main-nav.mobile-open a { padding: 12px 16px; }
}

/* ============ Mobile (<=768px) ============ */
@media (max-width: 768px) {
    .section { padding: 56px 0; }

    .grid-3,
    .grid-4,
    .grid-5 { grid-template-columns: repeat(2, 1fr); }

    .brands-grid { grid-template-columns: repeat(2, 1fr); }
    .partners-grid { grid-template-columns: repeat(2, 1fr); }

    .section-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .section-head h2 { font-size: 26px; }

    .hero-slide h1 { font-size: 30px; }
    .hero-slide p { font-size: 15px; }
    .hero-arrow { display: none; }

    .imei-inner { flex-direction: column; align-items: stretch; }
    .imei-form { max-width: 100%; }

    .contact-grid { grid-template-columns: 1fr; }
    .contact-form-card { padding: 24px; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); }

    .footer-top { grid-template-columns: 1fr; padding: 50px 0 30px; }
    .footer-bottom-inner { flex-direction: column; text-align: center; }
}

/* ============ Small Mobile (<=480px) ============ */
@media (max-width: 480px) {
    .container { padding: 0 16px; }

    .logo-text { display: none; }

    .grid-3,
    .grid-4,
    .grid-5,
    .brands-grid,
    .partners-grid { grid-template-columns: 1fr; }

    .hero-content { padding-top: 40px; padding-bottom: 40px; }
    .hero-slide h1 { font-size: 26px; }
    .hero-actions { flex-direction: column; align-items: stretch; }
    .hero-actions .btn { width: 100%; }

    .stats-grid { grid-template-columns: 1fr; row-gap: 24px; }
    .stat-item { border-inline-start: none; border-top: 1px solid var(--color-border); padding-top: 20px; }
    .stat-item:first-child { border-top: none; padding-top: 0; }

    .newsletter-form { flex-direction: column; }
    .newsletter-form button { width: 100%; }

    .back-to-top { width: 40px; height: 40px; bottom: 16px; inset-inline-end: 16px; }
}