/* ========================================
   MOBILE UNIFICATION - ПРОФЕССИОНАЛЬНАЯ АДАПТАЦИЯ
   Мобильная версия 1 в 1 как MacBook (без пустот)
   Дата: 2025-11-11
   ======================================== */

/* ========================================
   ПРИНЦИП: Мобильные используют ТЕ ЖЕ стили что десктоп
   ИСКЛЮЧЕНИЕ: Убираем min-height для компактности
   ======================================== */

@media (max-width: 768px) {
    
    /* ========================================
       1. ОТКЛЮЧАЕМ SCROLL-SNAP (естественный скролл)
       ======================================== */
    html {
        scroll-snap-type: none !important;
    }
    
    /* ========================================
       2. СЕКЦИИ - КОМПАКТНЫЕ (без пустот)
       ======================================== */
    .hero,
    .intro-section,
    .industries-section,
    .why-outsource-section,
    .impact-section,
    .partners-section,
    .clients-section,
    .how-it-works-section,
    .sales-system-section,
    .pricing-section,
    .contact-section {
        min-height: auto !important; /* По контенту, без пустот */
        padding: 1rem 0 !important;  /* 16px между секциями */
    }
    
    /* ========================================
       3. КОНТЕЙНЕРЫ - КАК НА MACBOOK
       ======================================== */
    .intro-section .container,
    .industries-section .container,
    .why-outsource-section .container,
    .impact-section .container,
    .clients-section .container,
    .how-it-works-section .container,
    .sales-system-section .container,
    .pricing-section .container,
    .contact-section .container {
        /* ТЕ ЖЕ значения что на MacBook */
        width: 90% !important;
        max-width: 1400px !important;
        min-height: auto !important; /* ИЗМЕНЕНО: auto вместо 85vh (без пустот) */
        margin: 0 auto !important;
        
        /* ✅ FIXED: Адаптивные отступы для мобильных (clamp от 16px до 48px) */
        padding: clamp(16px, 4vw, 48px) clamp(16px, 3vw, 48px) !important;
        
        /* ТОТ ЖЕ дизайн что на MacBook */
        border-radius: 24px !important;
        background: rgba(26, 26, 26, 0.3) !important;
        backdrop-filter: blur(16px) saturate(200%) !important;
        -webkit-backdrop-filter: blur(16px) saturate(200%) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        
        /* ТЕ ЖЕ тени что на MacBook */
        box-shadow:
            0 8px 32px 0 rgba(0, 0, 0, 0.37),
            inset 0 1px 0 0 rgba(255, 255, 255, 0.05) !important;
    }
    
    /* ========================================
       4. HERO СЕКЦИЯ - КОМПАКТНАЯ
       ======================================== */
    .hero {
        min-height: auto !important; /* По контенту */
        padding-top: 80px !important; /* Отступ от navbar */
        padding-bottom: 1rem !important; /* Минимальный отступ снизу */
    }
    
    /* ========================================
       5. TWO-BLOCKS СЕКЦИЯ - КОМПАКТНАЯ
       ======================================== */
    .two-blocks-section {
        min-height: auto !important; /* По контенту */
        padding: 1rem 0 !important;  /* Минимальные отступы */
    }
    
    .two-blocks-section .split-left,
    .two-blocks-section .split-right {
        min-height: auto !important; /* По контенту, без пустот */
    }
    
    /* ========================================
       6. ФОРМУЛЫ - НЕ ТРОГАЕМ (используют базовые стили MacBook)
       ======================================== */
    /* .math-3d-container НЕ переопределяем */
    /* Используются базовые стили: position: absolute, right: 8%, top: 40% */
    /* Это даёт ТЕ ЖЕ координаты что на MacBook */
}