/* =============================================================
   NOVAPEX - Responsive Styles
   ============================================================= */

/* Tablet ve altı */
@media (max-width: 992px) {
    .split { grid-template-columns: 1fr; gap: 32px; }
    .split-reverse .split-media { order: 0; }
    .mv-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
    .section { padding: 72px 0; }
    .hero-content { padding: 100px 24px; }
}

/* Mobil */
@media (max-width: 768px) {
    .nav-toggle { display: block; }
    .btn-cta-header { display: none; }

    .main-nav {
        position: fixed; top: 68px; left: 0; right: 0; bottom: 0;
        background: var(--navy-3);
        padding: 24px;
        transform: translateX(100%);
        transition: transform 300ms cubic-bezier(.4,0,.2,1);
        overflow-y: auto;
        border-top: 1px solid var(--border);
    }
    .main-nav.is-open { transform: translateX(0); }
    .main-nav ul { flex-direction: column; align-items: stretch; gap: 4px; }
    .main-nav a {
        display: block; padding: 14px 16px; font-size: 1.05rem;
        border-radius: var(--radius-sm);
    }
    .main-nav a.active::after { display: none; }
    .main-nav a.active { background: rgba(232,71,45,.15); color: var(--red); }

    body.nav-open { overflow: hidden; }

    .hero { min-height: 78vh; }
    .hero-content { padding: 72px 24px; }
    .hero-actions { flex-direction: column; align-items: stretch; }
    .hero-actions .btn { width: 100%; }

    .section { padding: 56px 0; }
    .section-head { margin-bottom: 40px; }

    .field-row { grid-template-columns: 1fr; }
    .feature-list, .feature-list.two-col { grid-template-columns: 1fr; }

    .footer-grid { grid-template-columns: 1fr; gap: 32px; }
    .footer-bottom .container { flex-direction: column; text-align: center; }

    .cta-actions .btn { width: 100%; }

    .whatsapp-float { width: 52px; height: 52px; right: 16px; bottom: 16px; }
}

/* Küçük mobil */
@media (max-width: 480px) {
    .container { padding: 0 18px; }
    .hero-phone a { display: block; margin: 6px 0 0; }
    .info-card, .contact-form { padding: 24px; }
    .mv-card { padding: 28px; }
}

/* Geniş ekran */
@media (min-width: 1400px) {
    .container { max-width: 1280px; }
    .hero-content { padding: 140px 24px; }
}