/* =============================================================================
   ДОПОЛНИТЕЛЬНЫЕ МОБИЛЬНЫЕ СТИЛИ - ПЛАНШЕТЫ
   ============================================================================= */

/* Планшеты в портретной ориентации */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .screen-1 {
        min-height: 90vh !important;
    }
    
    .create-methods-interactive {
        gap: 1.5rem !important;
    }
    
    .subscription-tiers-interactive {
        gap: 1.5rem !important;
    }
    
    .how-it-works-process-visual {
        gap: 15px !important;
    }
    
    .process-step-visual {
        max-width: 220px !important;
        min-width: 200px !important;
    }
    
    .additional-capabilities-grid {
        gap: 1.2rem !important;
    }
    
    .additional-ideas-grid {
        gap: 1.5rem !important;
    }
    
    .basic-actions,
    .logic-blocks {
        gap: 1.2rem !important;
    }
}

/* Планшеты в альбомной ориентации */
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    .create-methods-interactive {
        gap: 2rem !important;
    }
    
    .subscription-tiers-interactive {
        gap: 2rem !important;
    }
    
    .how-it-works-process-visual {
        gap: 25px !important;
    }
    
    .process-step-visual {
        max-width: 260px !important;
        min-width: 240px !important;
    }
    
    .additional-capabilities-grid {
        gap: 1.5rem !important;
    }
    
    .additional-ideas-grid {
        gap: 2rem !important;
    }
}

/* =============================================================================
   ОПТИМИЗАЦИЯ ДЛЯ БОЛЬШИХ МОБИЛЬНЫХ ЭКРАНОВ
   ============================================================================= */

/* iPhone Pro Max и подобные */
@media (max-width: 430px) and (min-height: 800px) {
    .screen-1 {
        min-height: 85vh !important;
    }
    
    .create-methods-interactive {
        gap: 1.2rem !important;
    }
    
    .subscription-tiers-interactive {
        gap: 1.2rem !important;
    }
    
    .how-it-works-process-visual {
        gap: 12px !important;
    }
    
    .process-step-visual {
        max-width: 130px !important;
        min-width: 110px !important;
    }
    
    .how-it-works-actions {
        gap: 12px !important;
    }
    
    .action-item {
        width: 85px !important;
    }
    
    .additional-capabilities-grid {
        gap: 1rem !important;
    }
    
    .additional-ideas-grid {
        gap: 1.2rem !important;
    }
    
    .ideas-showcase-grid-four-columns {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .basic-actions,
    .logic-blocks {
        gap: 1rem !important;
    }
}

/* =============================================================================
   ПРОИЗВОДИТЕЛЬНОСТЬ - ОТКЛЮЧЕНИЕ АНИМАЦИЙ НА МОБИЛЬНЫХ
   ============================================================================= */

@media (max-width: 767px) {
    /* Отключаем тяжелые анимации для экономии батареи */
    .method-icon-particles,
    .premium-sparkles::before,
    .premium-sparkles::after {
        display: none !important;
    }
    
    /* Упрощаем hover эффекты */
    .create-method-card:hover,
    .tier-card-modern:hover,
    .process-step-visual:hover,
    .action-item:hover,
    .capability-item:hover,
    .combo-example:hover,
    .additional-capability-card:hover,
    .additional-idea-card:hover {
        transform: translateY(-2px) !important;
    }
    
    /* Убираем сложные анимации */
    .vs-lightning,
    .cyber-particles,
    .neon-glow-effect {
        animation: none !important;
    }
    
    /* Упрощаем переходы */
    * {
        transition-duration: 0.2s !important;
    }
}

/* =============================================================================
   ОПТИМИЗАЦИЯ ТЕКСТА ДЛЯ МОБИЛЬНЫХ
   ============================================================================= */

@media (max-width: 767px) {
    /* Улучшаем читаемость текста */
    .screen-1-huge-text {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    }
    
    .section-title {
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    }
    
    /* Улучшаем контрастность */
    .process-step-visual,
    .action-item,
    .additional-capability-card,
    .additional-idea-card,
    .create-method-card,
    .tier-card-modern {
        border-color: rgba(255, 255, 255, 0.15) !important;
    }
    
    .process-step-visual:hover,
    .action-item:hover,
    .additional-capability-card:hover,
    .additional-idea-card:hover,
    .create-method-card:hover,
    .tier-card-modern:hover {
        border-color: var(--accent-color) !important;
    }
}

/* =============================================================================
   ОПТИМИЗАЦИЯ ИЗОБРАЖЕНИЙ И ИКОНОК
   ============================================================================= */

@media (max-width: 767px) {
    /* Уменьшаем размеры иконок для лучшей производительности */
    .process-step-icon {
        font-size: 2.5rem !important;
    }
    
    .action-icon {
        font-size: 1.8rem !important;
    }
    
    .method-icon {
        font-size: 2.5rem !important;
    }
    
    .capability-icon {
        font-size: 2.5rem !important;
    }
    
    .additional-capability-icon {
        font-size: 2rem !important;
    }
    
    .additional-idea-icon {
        font-size: 2.5rem !important;
    }
    
    /* Оптимизируем изображения */
    .trixman-logo-process {
        max-height: 40px !important;
    }
    
    .logo-img {
        height: 24px !important;
    }
    
    .footer-logo-img {
        height: 20px !important;
    }
}

/* =============================================================================
   ОСОБЫЕ СТИЛИ ДЛЯ ВЫСОКИХ МОБИЛЬНЫХ ЭКРАНОВ
   ============================================================================= */

@media (max-width: 767px) and (min-height: 800px) {
    /* Для телефонов с большим экраном (iPhone Pro Max, Samsung Galaxy Ultra) */
    .screen-1 {
        min-height: 80vh !important;
    }
    
    .screen {
        padding: 60px var(--container-padding) !important;
        padding-top: calc(var(--header-height) + 40px) !important;
    }
    
    .create-methods-interactive {
        gap: 2.5rem !important;
    }
    
    .subscription-tiers-interactive {
        gap: 2.5rem !important;
    }
    
    .method-card-inner {
        min-height: 450px !important;
    }
    
    .tier-card-modern {
        min-height: 550px !important;
    }
}

/* =============================================================================
   ПРИНУДИТЕЛЬНОЕ СОХРАНЕНИЕ РАЗМЕРОВ КОНТЕЙНЕРОВ
   ============================================================================= */

@media (max-width: 991px) {
    /* Сохраняем максимальную ширину контейнеров */
    .section-container {
        max-width: var(--max-width) !important;
    }
    
    .section-container-wide {
        max-width: var(--max-width-wide) !important;
    }
    
    .navbar-container {
        max-width: var(--max-width) !important;
    }
    
    .footer-container {
        max-width: var(--max-width) !important;
    }
    
    /* Сохраняем отступы контейнеров */
    .screen {
        padding-left: var(--container-padding) !important;
        padding-right: var(--container-padding) !important;
    }
    
    .navbar {
        padding-left: var(--container-padding) !important;
        padding-right: var(--container-padding) !important;
    }
    
    .footer {
        padding-left: var(--container-padding) !important;
        padding-right: var(--container-padding) !important;
    }
}