/* ==========================================================================
   maluhat.ru — мобильная адаптивность базового макета (перенесено из base.twig).
   Бургер-навигация для экранов <= 768px. Подключается после style.css.
   ========================================================================== */

/* --- Responsive --- */
@media (max-width: 768px) {
    .mobile-toggle {
        display: block;
    }

    header {
        padding: 0;
    }

    .nav-links {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        background: #fff;
        flex-direction: column;
        padding: 20px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.05);
        transform: translateY(-150%);
        transition: 0.3s ease-in-out;
        z-index: 999;
    }

    .nav-links.active {
        transform: translateY(0);
    }
}