/* =========================================
   MACBOOK И НЕБОЛЬШИЕ ЭКРАНЫ (до 1440px)
   ========================================= */
@media (max-width: 1440px) {
    .editorial-nav { padding: 1.5rem 3rem; }
    .bg-word-left { font-size: 15vh; }
    .bg-word-right { font-size: 35vw; }
    .shop-container { max-width: 1100px; }
    .verif-container { max-width: 1100px; gap: 2rem; }
    .dossier-wrapper { max-width: 1000px; }
    .cyber-name { font-size: 2.5rem; }
    .cyber-value { font-size: 3.5rem; }
}

/* =========================================
   ПЛАНШЕТЫ И IPAD (до 1024px)
   ========================================= */
@media (max-width: 1024px) {
    .editorial-nav { padding: 1.5rem 2rem; }
    .nav-right { gap: 1.5rem; }
    .nav-menu { gap: 1.5rem; }
    .shop-grid { grid-template-columns: repeat(2, 1fr); }
    .verif-title { font-size: 4rem; }
    .dossier-wrapper { flex-direction: column; }
    .dossier-identity { padding: 2rem 1.5rem; }
    .mafia-grid { grid-template-columns: 1fr; gap: 2rem; }
    .leaderboard-grid { grid-template-columns: 1fr; gap: 2rem; }
    .verif-container { grid-template-columns: 1fr; gap: 3rem; }
    .top-left { top: 15%; left: 2rem; }
    .bottom-left { bottom: 2rem; left: 2rem; }
    .mid-left { left: 2rem; }
    .mid-right { right: 5%; }
    .bottom-right { bottom: 2rem; right: 2rem; }
}

/* =========================================
   МОБИЛЬНЫЕ ТЕЛЕФОНЫ (до 768px)
   ========================================= */
@media (max-width: 768px) {
    /* Навигация и Бургер-меню */
    .editorial-nav { padding: 1rem 1.5rem; }
    
    .logo { z-index: 200; position: relative; }
    
    .burger-menu { display: block; } /* Показываем иконку меню */

    /* Прячем правую часть меню в выезжающую шторку */
    .nav-right {
        position: fixed;
        top: 0; right: -100%;
        width: 100%; height: 100vh;
        background: rgba(var(--bg-rgb), 0.98);
        backdrop-filter: blur(15px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2rem;
        transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 150;
    }

    .nav-right.active { right: 0; }

    /* Центрируем ссылки меню */
    .nav-menu {
        flex-direction: column;
        font-size: 1.5rem;
        gap: 2rem;
        text-align: center;
    }

    /* Кнопка входа и профиль */
    .nav-auth-container { flex-direction: column; gap: 1rem; }
    .nav-profile { margin-left: 0; flex-direction: column; gap: 15px; }
    .nav-mini-avatar { width: 80px; height: 80px; }
    .nav-mini-name { font-size: 1.5rem; margin-top: 5px; }
    
    /* Выпадающее меню профиля (теперь встроено в колонку) */
    .profile-dropdown {
        position: static;
        background: transparent;
        border: none;
        box-shadow: none;
        margin-top: 0.5rem;
        min-width: 100%;
        align-items: center;
    }
    .dropdown-item { font-size: 1rem; padding: 0.8rem; }
    
    /* 3D модель и плавающие элементы (Главный сайт) */
    .bg-word-left { font-size: 12vh; } /* Уменьшаем слово DESIRE для очень высоких экранов (932px) */
    .bg-word-right {
        display: none; /* Прячем огромный текст "26", чтобы не было горизонтального скролла */
    }
    .center-exhibit { width: 100%; height: 50vh; top: 45%; }
    .top-left { top: 12%; left: 1.5rem; }
    .mid-left, .mid-right, .fine-print { display: none; }
    .bottom-left { bottom: 2rem; left: 1.5rem; right: auto; }
    .bottom-right { bottom: 2rem; right: 1.5rem; }
    .cyber-join-btn { width: fit-content; padding: 0.8rem 1.5rem; font-size: 0.85rem; gap: 1rem; }
    
    /* Секция верификации */
    .verification-section { padding: 6rem 1.5rem 3rem 1.5rem; }
    .verif-title { font-size: 3rem; }
    
    /* Секция мафии */
    .mafia-section { padding: 6rem 1.5rem 3rem 1.5rem; }
    .mafia-title { font-size: 2.5rem; }
    .mafia-card { padding: 1.5rem; }
    
    /* Секция рейтинга */
    .leaderboard-title { font-size: 1.8rem; }
    .rank-panel { padding: 1rem; }
    .panel-title { font-size: 1.2rem; margin-bottom: 1.5rem; padding-bottom: 0.5rem; }
    .rank-item { padding: 0.8rem 0.5rem; }
    .rank-pos { width: 35px; font-size: 1.2rem; }
    .rank-avatar { width: 30px; height: 30px; }
    .rank-user { gap: 0.5rem; }
    .rank-name { font-size: 0.85rem; }
    .rank-val { font-size: 1rem; }
    .vc-panel { padding: 1.5rem; }
    .vc-item { padding: 1rem; }
    
    /* Прелоадер на телефонах */
    .preloader { padding: 2rem; }
    .terminal { font-size: 0.9rem; }
    
    /* Секция профиля (Досье) */
    .cyber-dossier-section { padding: 6rem 1.5rem 3rem 1.5rem; height: auto; min-height: 100vh; }
    .dossier-data { grid-template-columns: 1fr; }
    .cyber-name { font-size: 2rem; }
    .cyber-value { font-size: 2.5rem; }
    .giant-bg { font-size: 22vw; } /* Уменьшаем гигантский текст, чтобы он не вылезал за экран */
    .avatar-frame { width: 150px; height: 150px; }
    
    /* Секция магазина */
    .cyber-shop-section { padding: 6rem 1.5rem 3rem 1.5rem; }
    .shop-title { font-size: 2.2rem; }
    .shop-grid { grid-template-columns: 1fr; }
    .coin-banner { flex-direction: column; padding: 2rem 1.5rem; text-align: center; gap: 2rem; }
    .coin-action { align-items: center; }
    .shop-contact { flex-direction: column; }
    .modal-content { max-width: 90%; }
    .modal-header { padding: 1.5rem; }
    .modal-body { padding: 1.5rem; }
    .admin-contact-box { flex-direction: column; gap: 1rem; text-align: center; }
}