/* ============================================================
   EFGE PHARMA — RESPONSIVE v20260318
============================================================ */

@media (max-width: 1024px) {
    .hero-heading { font-size: 3rem; }
    .feature-grid { gap: 3rem; }
    .feature-copy h2 { font-size: 2.2rem; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

@media (max-width: 768px) {
    .nav-links {
        display: none;
        position: absolute;
        top: 68px; left: 0; right: 0;
        background: #fff;
        border-bottom: 1px solid #bae6fd;
        flex-direction: column;
        align-items: stretch;
        padding: 12px 16px;
        gap: 4px;
        z-index: 999;
        box-shadow: 0 8px 24px rgba(14,165,233,0.1);
    }
    .nav-links.open { display: flex; }
    .nav-links a { padding: 12px 16px; border-radius: 10px; }
    .nav-cta { text-align: center; margin-top: 4px; }
    .nav-burger { display: flex; }

    .hero-inner {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        padding: 80px 20px 60px;
        text-align: center;
    }
    .hero-heading { font-size: 2.4rem; }
    .hero-sub { font-size: 1rem; margin: 0 auto 2rem; }
    .hero-btns { justify-content: center; }

    .feature { padding: 60px 0; }
    .feature-grid { grid-template-columns: 1fr; gap: 2rem; direction: ltr; }
    .feature-grid.reverse > * { direction: ltr; }
    .feature-grid .feature-visual { order: -1; }
    .feature-copy h2 { font-size: 1.9rem; }
    .feature-copy { text-align: center; }
    .check-list { text-align: left; display: inline-block; }

    .trust-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }

    .newsletter-inner { flex-direction: column; text-align: center; }
    .nl-form { flex-direction: column; align-items: stretch; width: 100%; max-width: 380px; }
    .nl-form input[type="email"] { width: 100%; }

    .footer-grid { grid-template-columns: 1fr; gap: 1.75rem; }
    .footer-tagline { max-width: 100%; }
}

@media (max-width: 480px) {
    .hero-heading { font-size: 2rem; }
    .btn { padding: 12px 22px; font-size: 0.9rem; }
    .hero-badge { font-size: 0.72rem; padding: 6px 12px; }
    .feature-copy h2 { font-size: 1.6rem; }
    .trust-grid { grid-template-columns: 1fr; }
}