/* Critical Mobile Fixes - Must Load Last */

/* Force visibility of ALL content in mobile */
@media (max-width: 768px) {
    /* ALL sections must be visible */
    section,
    .section-padding,
    .container,
    .row,
    .col-lg-12,
    .col-lg-10,
    .col-lg-8 {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 100% !important;
    }
    
    /* Hero Section - Force Display */
    .hero-landing {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 60vh !important;
        padding: 90px 15px 50px !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    }
    
    .hero-landing .container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }
    
    .hero-landing .row {
        display: block !important;
        margin: 0 !important;
    }
    
    .hero-landing .col-lg-12 {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }
    
    .hero-landing .hero-title {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: white !important;
        font-size: 2rem !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
        animation: none !important;
    }
    
    .hero-landing .hero-subtitle {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: white !important;
        font-size: 1.2rem !important;
        line-height: 1.6 !important;
        text-align: center !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 10px !important;
        animation: none !important;
    }
    
    /* Section Titles */
    .section-title,
    h1, h2, h3, h4, h5, h6 {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 1.8rem !important;
        line-height: 1.4 !important;
        margin-bottom: 30px !important;
    }
    
    /* All paragraphs and text */
    p, span, div, li {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Countdown Section */
    .countdown-section {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 40px 20px !important;
        margin: 40px 10px !important;
    }
    
    .countdown-section .section-title {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
    }
    
    /* Benefits Grid */
    .benefits-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .benefit-card {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin-bottom: 20px !important;
    }
    
    /* Price Section */
    .price-section {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 60px 20px !important;
    }
    
    .old-price,
    .new-price {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Stats Section */
    .stats-section {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 40px 20px !important;
        margin: 40px 10px !important;
    }
    
    .stat-number-big {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Form Section */
    .form-section {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 60px 20px !important;
    }
    
    .form-container {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Check List */
    .check-list,
    .check-list li {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Problem Boxes */
    .problem-box {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin: 20px 0 !important;
    }
    
    /* Background sections */
    .bg-gradient-blue {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 40px 20px !important;
    }
    
    /* Remove problematic animations */
    .animate-fade-in,
    .animate-slide-up,
    .animate-slide-right,
    [class*="animate-"] {
        animation: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
    
    /* Ensure mx-auto works */
    .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Extra Small Mobile */
@media (max-width: 576px) {
    /* Force all sections visible */
    section,
    .section-padding,
    .container,
    .benefits-grid,
    .benefit-card,
    .price-section,
    .stats-section,
    .form-section,
    .bg-gradient-blue {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .hero-landing {
        min-height: 50vh !important;
        padding: 80px 10px 40px !important;
    }
    
    .hero-landing .hero-title {
        font-size: 1.6rem !important;
        margin-bottom: 15px !important;
    }
    
    .hero-landing .hero-subtitle {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }
    
    .section-title {
        font-size: 1.5rem !important;
    }
    
    .countdown-section .section-title {
        font-size: 1.3rem !important;
    }
    
    /* Benefits */
    .benefits-grid {
        grid-template-columns: 1fr !important;
    }
    
    .benefit-card h3 {
        font-size: 1.3rem !important;
    }
    
    .benefit-card p {
        font-size: 1rem !important;
    }
}

/* Very Small Devices (iPhone SE) */
@media (max-width: 375px) {
    .hero-landing .hero-title {
        font-size: 1.4rem !important;
    }
    
    .hero-landing .hero-subtitle {
        font-size: 0.95rem !important;
    }
    
    .section-title {
        font-size: 1.3rem !important;
    }
    
    .benefit-card h3 {
        font-size: 1.2rem !important;
    }
    
    .benefit-card p {
        font-size: 0.95rem !important;
    }
    
    /* Why Learn From Soheil Section */
    section[style*="f6f9fc"] p {
        font-size: 1rem !important;
        line-height: 1.7 !important;
        padding: 0 10px !important;
    }
}