/* ===== FOXNOVA MOBILE — GOD MODE v4 ===== */

/* Базовый сброс анимаций для всего мобильного */
@media (max-width: 768px) {
    *, *::before, *::after {
        animation-duration: 0s !important;
        animation-delay: 0s !important;
        transition-duration: 0.15s !important;
    }
    html, body { overflow-x: hidden !important; max-width: 100vw !important; }

    /* Звёзды */
    .stars { display: block !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 0; }
    .star { position: absolute; background: #fff; border-radius: 50%; animation: none !important; opacity: 0.4; }

    /* Сверхновая */
    .hero::after {
        display: block !important; content: ''; position: absolute; top: 52%; left: 50%;
        transform: translate(-50%, -50%); width: 350px; height: 350px;
        background: radial-gradient(circle, rgba(255,240,180,1) 0%, rgba(255,200,80,0.9) 8%, rgba(255,140,40,0.65) 20%, rgba(255,80,30,0.4) 32%, rgba(200,50,180,0.25) 48%, rgba(100,20,200,0.12) 65%, transparent 100%);
        border-radius: 50%; animation: none !important; pointer-events: none; z-index: 0; filter: blur(12px);
    }
    .hero::before {
        display: block !important; content: ''; position: absolute; top: 52%; left: 50%;
        transform: translate(-50%, -50%); width: 480px; height: 480px;
        background: radial-gradient(circle, rgba(255,200,80,0.15) 0%, rgba(200,100,255,0.08) 40%, transparent 70%);
        border-radius: 50%; animation: none !important; pointer-events: none; z-index: 0;
    }

    /* Герой */
    .hero { min-height: 85vh !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 30px 0 !important; }
    .hero__content { position: relative; z-index: 2; padding: 20px 0 !important; text-align: center !important; }
    .hero__title {
        font-size: clamp(2rem, 8vw, 2.6rem) !important; font-weight: 900 !important; line-height: 1.1 !important; margin-bottom: 16px !important;
        background: linear-gradient(135deg, #ffffff 0%, #ffe0c0 20%, #ff9933 40%, #ff5500 60%, #ff4488 80%, #aa33ff 100%) !important;
        -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
        animation: none !important; letter-spacing: -1px !important;
        filter: drop-shadow(0 0 25px rgba(255,140,0,0.7)) drop-shadow(0 0 50px rgba(255,60,0,0.5)) drop-shadow(0 0 80px rgba(200,60,255,0.4)) !important;
    }
    .hero__tagline {
        font-size: clamp(0.9rem, 3vw, 1.05rem) !important; color: rgba(255,255,255,0.85) !important; margin-bottom: 36px !important;
        max-width: 300px !important; margin-left: auto !important; margin-right: auto !important;
        text-align: center !important; line-height: 1.4 !important; text-shadow: 0 0 20px rgba(255,140,0,0.4) !important;
    }
    .hero__actions { display: flex !important; flex-direction: column !important; gap: 14px !important; align-items: center !important; }
    .hero__actions .btn { width: 85% !important; text-align: center !important; padding: 16px 28px !important; font-size: 1.05rem !important; }
    .btn--primary { box-shadow: 0 4px 30px rgba(255,100,0,0.6) !important; }
    .btn--secondary { border-color: rgba(168,85,247,0.5) !important; }
    .hero__placeholder { display: block !important; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); font-size: 10rem; opacity: 0.05; pointer-events: none; user-select: none; z-index: 0; filter: blur(2px); animation: none !important; }

    /* Шапка */
    .header { position: sticky !important; top: 0 !important; }
    .nav { padding: 0 16px !important; height: 56px !important; max-width: 100% !important; }
    .nav__logo { font-size: clamp(1rem, 4vw, 1.2rem) !important; }
    .nav__logo-img { height: clamp(20px, 6vw, 24px) !important; }
    /* Гамбургер */
    .nav__burger {
        display: flex !important;
    }
    
    .nav__list {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        top: 56px !important;
        right: -100% !important;
        width: 70% !important;
        max-width: 280px !important;
        height: calc(100vh - 56px) !important;
        background: rgba(2, 0, 16, 0.97) !important;
        backdrop-filter: blur(30px) !important;
        padding: 24px !important;
        gap: 20px !important;
        transition: right 0.3s ease !important;
        z-index: 99 !important;
        border-left: 1px solid rgba(168, 85, 247, 0.15) !important;
    }
    
    .nav__list.active {
        right: 0 !important;
    }
    
    .nav__link {
        font-size: 1.1rem !important;
        padding: 8px 0 !important;
    }

    /* Контейнер */
    .container { padding: 0 clamp(12px, 4vw, 20px) !important; max-width: 100% !important; box-sizing: border-box !important; }
    .section { padding: 40px 0 !important; }
    .section__title { font-size: clamp(1.6rem, 5.5vw, 1.8rem) !important; margin-bottom: 24px !important; padding: 0 !important; }

    /* === ОБО МНЕ — АДАПТИВНЫЙ === */
    .about { padding: 25px 0 !important; }
    .about .container { padding: 0 clamp(16px, 5vw, 24px) !important; }
    .about__content { 
        flex-direction: column !important; 
        text-align: center !important; 
        gap: 10px !important; 
        padding: 0 !important;
        max-width: min(85vw, 380px) !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }
    .about__avatar { 
        width: clamp(90px, 22vw, 100px) !important; 
        height: clamp(90px, 22vw, 100px) !important; 
        margin: 0 auto !important; 
    }
    .about__text { 
        font-size: clamp(0.8rem, 2.5vw, 0.85rem) !important; 
        line-height: 1.55 !important; 
        padding: 0 2px !important;
        margin: 0 !important;
        max-width: 100% !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        text-align: left !important;
    }
    .about__text p { margin: 0 0 8px 0 !important; padding: 0 !important; max-width: 100% !important; }
    .skills { margin-top: 12px !important; }
    .skills h3 { font-size: clamp(0.85rem, 3vw, 0.9rem) !important; margin-bottom: 6px !important; text-align: left !important; padding: 0 2px !important; }
    .skills__list { justify-content: flex-start !important; gap: 5px !important; padding: 0 2px !important; }
    .skill-tag { font-size: clamp(0.65rem, 2vw, 0.7rem) !important; padding: 4px 10px !important; }

    /* === ПРОЕКТЫ — АДАПТИВНЫЕ === */
    .featured { padding: 25px 0 !important; }
    .projects-grid { 
        grid-template-columns: 1fr !important; 
        gap: 14px !important; 
        padding: 0 !important;
        margin: 0 auto !important;
        max-width: min(90vw, 450px) !important;
        overflow: hidden !important;
    }
    .project-card {
        transform: none !important;
        transition: none !important;
    }
    .project-card:hover,
    .project-card:active,
    .project-card:focus,
    .project-card:focus-visible {
        transform: none !important;
        box-shadow: 0 0 20px rgba(249,115,22,0.1), 0 0 40px rgba(168,85,247,0.05) !important;
        border-color: rgba(249,115,22,0.3) !important;
    }
    .project-card {
        background: var(--bg-card) !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        border: 1px solid rgba(249,115,22,0.3) !important;
        box-shadow: 0 0 20px rgba(249,115,22,0.1), 0 0 40px rgba(168,85,247,0.05) !important;
        transition: none !important;
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .project-card__image { height: clamp(140px, 35vw, 160px) !important; }
    .project-card__body { padding: 14px !important; }
    .project-card__body h3 { font-size: clamp(1rem, 3.5vw, 1.1rem) !important; margin-bottom: 4px !important; }
    .project-card__body p { font-size: clamp(0.8rem, 2.5vw, 0.85rem) !important; line-height: 1.5 !important; margin: 8px 0 !important; }
    .project-card__category { font-size: 0.65rem !important; letter-spacing: 1px !important; }
    .btn--live { padding: 12px 18px !important; font-size: clamp(0.9rem, 3vw, 0.95rem) !important; border-radius: 40px !important; }

    /* Новости */
    .news-card { padding: 14px !important; }
    .news-card h2 { font-size: clamp(1.1rem, 4vw, 1.3rem) !important; }
    .news-card__image { height: clamp(150px, 40vw, 170px) !important; }
    .news-card__text { font-size: clamp(0.8rem, 2.5vw, 0.85rem) !important; }

    /* Сторисы */
    .stories-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }

    /* Донаты */
    .donate__links { 
        grid-template-columns: 1fr !important; 
        gap: 12px !important; 
        max-width: 360px !important; 
        margin: 0 auto !important; 
    }
    .donate__info {
        max-width: 360px !important;
        margin: 0 auto 24px !important;
        padding: 0 4px !important;
        font-size: clamp(0.85rem, 2.5vw, 0.95rem) !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    .donate-card { padding: 26px 20px !important; }
    .donate-card__label { font-size: clamp(1.2rem, 4.5vw, 1.4rem) !important; }

    /* Страницы */
    .page-header { padding: 35px 0 10px !important; }
    .page-header h1 { font-size: clamp(1.8rem, 6vw, 2.2rem) !important; margin-bottom: 8px !important; }
    .page-header p { font-size: clamp(0.9rem, 3vw, 1rem) !important; }

    /* Фильтр */
    .filter-bar { gap: 4px !important; margin-bottom: 20px !important; padding: 0 !important; }
    .filter-btn { padding: 10px 16px !important; font-size: clamp(0.8rem, 2.5vw, 0.9rem) !important; }

    /* Футер */
    .footer { margin-top: 35px !important; padding: 14px 0 !important; }
    .footer__content { flex-direction: column !important; gap: 8px !important; text-align: center !important; font-size: clamp(0.75rem, 2.5vw, 0.8rem) !important; }
    .footer__links { gap: 14px !important; }
}



/* ===== CP-ПАНЕЛЬ ДЛЯ ТЕЛЕФОНА ===== */
@media (max-width: 768px) {
    /* Общие */
    .cp-wrapper { padding: 16px 0 !important; }
    .cp-container { padding: 0 12px !important; }
    
    /* Навигация CP */
    .cp-nav {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-bottom: 20px !important;
    }
    .cp-nav a {
        padding: 8px 14px !important;
        font-size: 0.75rem !important;
        border-radius: 20px !important;
        white-space: nowrap !important;
    }
    
    /* Карточки */
    .cp-card { padding: 16px !important; border-radius: 16px !important; margin-bottom: 16px !important; }
    .cp-card h2 { font-size: 1.1rem !important; margin-bottom: 14px !important; }
    
    /* Статистика — 2 в ряд */
    .cp-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; margin-bottom: 20px !important; }
    .cp-stat__number { font-size: 1.8rem !important; }
    .cp-stat__label { font-size: 0.75rem !important; }
    
    /* Таблицы — прокрутка */
    .cp-card:has(.cp-table) { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    .cp-table { min-width: 500px !important; }
    .cp-table th, .cp-table td { padding: 10px 8px !important; font-size: 0.75rem !important; white-space: nowrap !important; }
    .cp-table th { font-size: 0.7rem !important; }
    
    /* Кнопки действий */
    .cp-actions { gap: 4px !important; }
    .cp-btn {
        padding: 8px 14px !important;
        font-size: 0.8rem !important;
        border-radius: 20px !important;
    }
    
    /* Формы */
    .cp-form-group { margin-bottom: 14px !important; }
    .cp-form-group label { font-size: 0.85rem !important; margin-bottom: 6px !important; }
    .cp-form-group input,
    .cp-form-group textarea,
    .cp-form-group select {
        padding: 10px 14px !important;
        font-size: 0.9rem !important;
        border-radius: 10px !important;
    }
    .cp-form-group textarea { min-height: 100px !important; }
    
    /* Кнопка Назад */
    .cp-back-link { margin-bottom: 12px !important; }
    .cp-btn--back { font-size: 0.8rem !important; padding: 6px 12px !important; }
    
    /* Форма фильтра */
    .cp-card form { flex-direction: column !important; gap: 8px !important; }
    .cp-card form select { width: 100% !important; }
    
    /* Быстрые действия */
    .cp-card .cp-btn--primary {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 6px !important;
    }
    
    /* Логин */
    .cp-card[style*="max-width: 450px"] {
        margin: 40px auto !important;
        padding: 24px !important;
    }
    .cp-card h1[style*="2rem"] {
        font-size: 1.5rem !important;
    }
    .cp-card input[type="text"][name="code"] {
        font-size: 1.5rem !important;
        letter-spacing: 8px !important;
        padding: 12px !important;
    }
}

/* Планшеты */
@media (min-width: 769px) and (max-width: 1024px) {
    .projects-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .stories-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .hero__title { font-size: 4rem !important; }
}