/* Blocs pleine largeur sur mobile */
@media (max-width: 768px) {
    /* Reset global */
    * {
        box-sizing: border-box !important;
    }
    
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Toutes les sections pleine largeur */
    section,
    .section,
    .container,
    .mobile-container,
    .features-container,
    .about-container {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Cards et contenus internes */
    .feature-card,
    .about-card,
    .card,
    form,
    .form-container {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    /* Padding interne pour le contenu */
    .mobile-container > div,
    .feature-card > div,
    .card-content {
        padding: 1.5rem !important;
    }
    
    /* Formulaire estimation */
    .estimation-form,
    .estimation-container {
        width: 100vw !important;
        padding: 1.5rem !important;
        margin: 0 !important;
        background: white !important;
    }
    
    /* Inputs pleine largeur */
    input,
    select,
    textarea,
    button {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Hero section */
    .hero,
    .hero-content {
        width: 100vw !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Remove any side margins */
    [style*="margin-left"],
    [style*="margin-right"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Remove border radius on mobile */
    [style*="border-radius"] {
        border-radius: 0 !important;
    }
}