@media (max-width: 860px) {
    .nav-toggle { display: flex; }
    .nav-links {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        background: var(--bg);
        border-bottom: 1px solid var(--border);
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 16px;
        transform: translateY(-8px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .15s ease, transform .15s ease;
    }
    .nav-links a { padding: 10px 0; width: 100%; }
    .nav-links.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
    .nav-actions .btn-sm.btn-primary { display: none; }

    .hero { padding: 64px 0 48px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .section { padding: 48px 0; }
}

@media (max-width: 560px) {
    .footer-grid { grid-template-columns: 1fr; }
    .product-grid { grid-template-columns: 1fr 1fr; }
    .hero h1 { font-size: 2.1rem; }
}