/* ========== ГЛАВНЫЙ ФАЙЛ СТИЛЕЙ ========== */
/* Порядок важен! */

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap');

@import 'variables.css';
@import 'base.css';
@import 'components.css';
@import 'layout.css';
@import 'sections.css';
@import 'pages.css';
@import 'responsive.css';

/* Мобильное меню */
@media (max-width: 768px) {
    .header-flex {
        position: relative;
    }
    
    nav.show {
        display: flex !important;
        animation: slideDown 0.3s ease;
    }
    
    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Увеличиваем область нажатия для кнопки меню */
    .mobile-menu-btn {
        padding: 10px 15px;
        z-index: 1001;
    }
}