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

/* ===== КРИТИЧЕСКОЕ ИСПРАВЛЕНИЕ MOBILE LAYOUT ===== */
@media (max-width: 768px) {
    
    /* SECTION GRID - VERTICAL STACKING НА MOBILE */
    .section-grid {
        grid-template-columns: 1fr !important;
        gap: var(--space-8) !important;
        padding: var(--space-6) var(--space-4) !important;
        max-width: 100% !important;
    }
    
    /* CONTENT COLUMN - ПОКАЗАТЬ ТЕКСТ */
    .content-column {
        order: 1 !important;
        text-align: center !important;
        padding: 0 !important;
        margin-bottom: var(--space-6) !important;
    }
    
    .section-title {
        font-size: clamp(1.2rem, 5vw, 1.6rem) !important;
        line-height: 1.3 !important;
        margin-bottom: var(--space-4) !important;
    }
    
    .uniqueness-panel {
        margin-top: var(--space-4) !important;
        padding: var(--space-4) !important;
    }
    
    .uniqueness-text {
        font-size: clamp(0.9rem, 4vw, 1rem) !important;
        line-height: 1.4 !important;
    }
    
    /* VISUAL COLUMN - КАЛЬКУЛЯТОР ВНИЗ */
    .visual-column {
        order: 2 !important;
        width: 100% !important;
        padding: 0 !important;
    }
    
    /* CALCULATOR WIDGET - АДАПТАЦИЯ ДЛЯ MOBILE */
    .advanced-calculator-widget {
        width: 100% !important;
        max-width: 100% !important;
        padding: var(--space-4) !important;
        margin: 0 !important;
        border-radius: 16px !important;
        transform: none !important;
    }
    
    .calculator-header-advanced {
        margin-bottom: var(--space-4) !important;
        padding-bottom: var(--space-3) !important;
    }
    
    .calculator-title-advanced {
        font-size: clamp(1rem, 4.5vw, 1.3rem) !important;
        margin-bottom: var(--space-2) !important;
    }
    
    /* CALCULATOR BODY - ОПТИМИЗАЦИЯ ПОЛЕЙ */
    .calculator-body-advanced {
        gap: var(--space-4) !important;
    }
    
    .calc-field-group {
        gap: var(--space-3) !important;
    }
    
    .calc-field-label {
        font-size: clamp(0.8rem, 3.5vw, 0.9rem) !important;
        margin-bottom: var(--space-2) !important;
    }
    
    /* INPUT CONTAINER - TOUCH FRIENDLY */
    .calc-input-container {
        padding: var(--space-3) !important;
        gap: var(--space-3) !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .calc-slider {
        width: 100% !important;
        height: 8px !important;
        margin: var(--space-2) 0 !important;
    }
    
    .calc-number-input {
        width: 100% !important;
        max-width: 120px !important;
        font-size: 1rem !important;
        padding: var(--space-2) !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    
    .calc-value-display {
        justify-content: center !important;
        font-size: clamp(1rem, 4vw, 1.2rem) !important;
        margin-top: var(--space-2) !important;
    }
    
    /* RESULTS SECTION - ЧИТАЕМОСТЬ */
    .calc-results-section {
        margin-top: var(--space-6) !important;
        padding: var(--space-4) !important;
    }
    
    .results-header {
        margin-bottom: var(--space-4) !important;
    }
    
    .results-title {
        font-size: clamp(1rem, 4vw, 1.2rem) !important;
        text-align: center !important;
    }
    
    .calc-result-row {
        padding: var(--space-3) !important;
        margin-bottom: var(--space-3) !important;
        flex-direction: column !important;
        text-align: center !important;
        gap: var(--space-2) !important;
    }
    
    .result-label {
        font-size: clamp(0.8rem, 3.5vw, 0.9rem) !important;
        margin-bottom: var(--space-2) !important;
    }
    
    .result-value-display {
        justify-content: center !important;
    }
    
    .result-value {
        font-size: clamp(1.2rem, 5vw, 1.6rem) !important;
    }
    
    .result-unit {
        font-size: clamp(0.8rem, 3.5vw, 1rem) !important;
    }
    
    /* BREAKDOWN SECTION */
    .calc-breakdown {
        margin-top: var(--space-4) !important;
        gap: var(--space-3) !important;
    }
    
    .breakdown-item {
        flex-direction: column !important;
        text-align: center !important;
        gap: var(--space-1) !important;
        padding: var(--space-2) !important;
    }
    
    .breakdown-label {
        font-size: clamp(0.8rem, 3.5vw, 0.9rem) !important;
    }
    
    .breakdown-value {
        font-size: clamp(0.9rem, 4vw, 1.1rem) !important;
        font-weight: 700 !important;
    }
    
    /* EFFICIENCY VISUALIZATION */
    .efficiency-visualization {
        margin-top: var(--space-4) !important;
    }
    
    .efficiency-bar {
        margin-bottom: var(--space-3) !important;
    }
    
    .bar-label,
    .bar-value {
        font-size: clamp(0.8rem, 3.5vw, 0.9rem) !important;
    }
}

/* ===== EXTRA SMALL MOBILE (375px и меньше) ===== */
@media (max-width: 375px) {
    .advanced-calculator-widget {
        padding: var(--space-3) !important;
        border-radius: 12px !important;
    }
    
    .calc-input-container {
        padding: var(--space-2) !important;
    }
    
    .calc-field-label {
        font-size: 0.75rem !important;
    }
    
    .calculator-title-advanced {
        font-size: 1rem !important;
    }
    
    .result-value {
        font-size: 1.3rem !important;
    }
}

/* ===== MINIMUM MOBILE (320px) ===== */
@media (max-width: 320px) {
    .section-grid {
        padding: var(--space-4) var(--space-2) !important;
        gap: var(--space-6) !important;
    }
    
    .advanced-calculator-widget {
        padding: var(--space-2) !important;
    }
    
    .calc-field-label {
        font-size: 0.7rem !important;
    }
    
    .calc-value-display {
        font-size: 0.9rem !important;
    }
    
    .result-value {
        font-size: 1.1rem !important;
    }
}

/* ===== ОБЩИЕ MOBILE IMPROVEMENTS ===== */
@media (max-width: 768px) {
    /* Исправить hero section */
    .hero-search {
        min-height: 40vh !important;
        padding: var(--space-8) 0 !important;
    }
    
    .hero-title {
        font-size: clamp(1.4rem, 6vw, 2rem) !important;
        margin-bottom: var(--space-4) !important;
    }
    
    /* Исправить main section */
    .variation-section {
        min-height: auto !important;
        padding: var(--space-8) var(--space-4) !important;
    }
    
    /* Убрать все transforms и animations на mobile */
    .advanced-calculator-widget,
    .calc-input-container,
    .calc-result-row {
        transform: none !important;
        animation: none !important;
    }
}