/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE SURGICAL FIXES - НЕ ТРОГАТЬ DESKTOP!
   Только mobile исправления с !important для override
   ═══════════════════════════════════════════════════════════════════════════ */

/* ===== SECTION 2 (6 ЭТАПОВ) MOBILE FIXES ===== */
@media (max-width: 768px) {
    /* Исправить immersive workflow system */
    .immersive-workflow-system {
        width: 100% !important;
        height: auto !important;
        max-width: 350px !important;
        margin: 0 auto !important;
        padding: var(--space-4) !important;
    }
    
    /* Упростить process nodes для mobile */
    .process-nodes-immersive {
        display: flex !important;
        flex-direction: column !important;
        gap: var(--space-4) !important;
        width: 100% !important;
        height: auto !important;
    }
    
    .process-node-immersive {
        width: 100% !important;
        max-width: 200px !important;
        margin: 0 auto !important;
        position: static !important;
    }
    
    /* Убрать mathematical connections на mobile */
    .mathematical-connections {
        display: none !important;
    }
    
    /* Оптимизировать step circles */
    .step-circle-3d {
        width: 60px !important;
        height: 60px !important;
        transform: none !important;
        animation: none !important;
    }
    
    .node-process-label {
        font-size: clamp(0.8rem, 3.5vw, 1rem) !important;
        text-align: center !important;
        margin-top: var(--space-2) !important;
    }
}

/* ===== SECTION 3 (РЕСУРСЫ) MOBILE FIXES ===== */
@media (max-width: 768px) {
    /* СПРЯТАТЬ hub-core-3d полностью на mobile */
    .hub-core-3d {
        display: none !important;
    }
    
    /* Упростить information hub */
    .information-hub-3d {
        width: 100% !important;
        height: 100px !important;
        max-width: 200px !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Убрать resource satellites на mobile - слишком сложно */
    .resource-satellites {
        display: none !important;
    }
    
    /* Убрать neural connections */
    .neural-web-connections {
        display: none !important;
    }
    
    /* ИСПРАВИТЬ СИММЕТРИЮ ТЕКСТА - как в других секциях */
    .content-column.resources-content {
        text-align: center !important;
        padding-right: 0 !important;
        align-items: center !important;
    }
    
    /* Убедиться что resources grid работает правильно */
    .resources-grid {
        grid-template-columns: 1fr !important;
        gap: var(--space-6) !important;
        padding: var(--space-6) var(--space-4) !important;
    }
    
    .visual-column.resources-visual {
        order: -1 !important;
    }
}

/* ===== SECTION 4 (ТЕХНИЧЕСКОЕ) MOBILE FIXES ===== */
@media (max-width: 768px) {
    /* ИСПРАВИТЬ LAYOUT - текст вниз, визуал наверх */
    .technical-grid {
        grid-template-columns: 1fr !important;
        gap: var(--space-6) !important;
        padding: var(--space-6) var(--space-4) !important;
    }
    
    /* Переместить текст ВНИЗ */
    .content-column.technical-content {
        order: 2 !important;
        text-align: center !important;
        padding-right: 0 !important;
        align-items: center !important;
    }
    
    /* Визуал НАВЕРХ */
    .visual-column.technical-visual {
        order: 1 !important;
    }
    
    /* Упростить technical process */
    .technical-process-3d {
        width: 100% !important;
        height: auto !important;
        padding: var(--space-4) !important;
        transform: none !important;
        max-width: 300px !important;
        margin: 0 auto !important;
    }
    
    /* Упростить process header */
    .process-header-3d {
        padding: var(--space-3) !important;
        transform: none !important;
    }
    
    .process-title-3d {
        font-size: clamp(1rem, 4vw, 1.3rem) !important;
    }
    
    /* Упростить process steps */
    .process-steps-enhanced {
        padding-left: 0 !important;
    }
    
    .process-step-3d {
        padding: var(--space-2) !important;
        margin-bottom: var(--space-3) !important;
        transform: none !important;
    }
    
    .step-bullet-3d {
        transform: none !important;
        animation: none !important;
    }
    
    .step-content-3d {
        font-size: clamp(0.8rem, 3.5vw, 1rem) !important;
    }
    
    /* Убрать process flow particles */
    .process-flow-3d {
        display: none !important;
    }
}

/* ===== ОБЩИЕ MOBILE IMPROVEMENTS ===== */
@media (max-width: 768px) {
    /* Улучшить общий spacing */
    .revolutionary-section {
        padding: var(--space-6) var(--space-4) !important;
        min-height: auto !important;
    }
    
    /* Улучшить typography */
    .revolutionary-title {
        font-size: clamp(1.1rem, 4.5vw, 1.5rem) !important;
        line-height: 1.3 !important;
        margin-bottom: var(--space-4) !important;
    }
    
    .revolutionary-text {
        font-size: clamp(0.85rem, 3.8vw, 1rem) !important;
        line-height: 1.4 !important;
        margin-bottom: var(--space-3) !important;
    }
    
    /* Отключить все сложные animations на mobile */
    .step-glow-ring,
    .satellite-glow,
    .flow-particle,
    .neural-beam {
        animation: none !important;
        transform: none !important;
    }
}

/* ===== EXTRA SMALL MOBILE (375px и меньше) ===== */
@media (max-width: 375px) {
    .revolutionary-section {
        padding: var(--space-4) var(--space-3) !important;
    }
    
    .section-wrapper {
        padding: 0 !important;
    }
    
    .revolutionary-title {
        font-size: clamp(1rem, 5vw, 1.3rem) !important;
    }
    
    .revolutionary-text {
        font-size: clamp(0.8rem, 4vw, 0.9rem) !important;
    }
}

/* ===== MINIMUM MOBILE (320px) ===== */
@media (max-width: 320px) {
    .revolutionary-section {
        padding: var(--space-3) var(--space-2) !important;
    }
    
    .revolutionary-title {
        font-size: clamp(0.9rem, 5.5vw, 1.2rem) !important;
    }
    
    .revolutionary-text {
        font-size: clamp(0.75rem, 4.5vw, 0.85rem) !important;
    }
}