/* =========================================================
   Wissa Sobhy Archive — Responsive System v3
   ========================================================= */

@media (max-width: 1050px) {
    .navbar .container { flex-wrap: wrap; }
    .logo { min-width: auto; }
    .nav-menu { order: 3; width: 100%; }
    .language-switch { margin-inline-start: auto; }
    .info-grid, .events-grid { grid-template-columns: repeat(2, 1fr); }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .year-events { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    body { font-size: 15px; }
    .container { width: min(100% - 1.4rem, 680px); }

    .navbar { padding: .65rem 0; }
    .navbar .container { gap: .55rem; }
    .logo { width: 100%; text-align: center; }
    .nav-menu {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: .25rem;
        width: 100%;
    }
    .nav-menu a { padding: .4rem .25rem; text-align: center; font-size: .82rem; }
    .language-switch { width: 100%; justify-content: center; margin: 0; }

    .hero { padding: 4rem 0; }
    .hero-intro { font-size: 1rem; line-height: 1.9; }
    .hero-stats { grid-template-columns: repeat(2, 1fr); }

    .quick-info, .major-events, .features, .verification,
    .relationship-section, .year-2025 { padding: 3.25rem 0; }
    .info-grid, .events-grid, .year-events { grid-template-columns: 1fr; }
    .features-grid { grid-template-columns: repeat(2, 1fr); }

    .relationship-text { margin-top: 1.4rem; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }
}

@media (max-width: 560px) {
    .container { width: min(100% - 1rem, 520px); }
    .nav-menu { grid-template-columns: repeat(2, 1fr); }
    .nav-menu a { padding: .5rem; }

    .hero { padding: 3.25rem 0 3.75rem; }
    .hero h2 { font-size: 2.15rem; }
    .hero .subtitle { font-size: 1rem; }
    .hero-stats { gap: .5rem; margin-top: 1.7rem; }
    .stat { padding: .75rem .5rem; }
    .stat-number { font-size: 1.55rem; }
    .stat-label { font-size: .72rem; }

    .hero-buttons, .cta-buttons { flex-direction: column; align-items: stretch; }
    .btn { width: 100%; }

    .quick-info, .major-events, .features, .verification,
    .relationship-section, .year-2025 { padding: 2.7rem 0; }
    .info-card, .event-card, .feature, .year-event { padding: 1.15rem; }
    .features-grid { grid-template-columns: 1fr; }
    .relationship-text { padding: 1.15rem; font-size: 1rem; }
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
}

@media (max-width: 360px) {
    .nav-menu { grid-template-columns: 1fr; }
    .hero h2 { font-size: 1.85rem; }
    .hero-stats { grid-template-columns: 1fr 1fr; }
    .stat-number { font-size: 1.35rem; }
}