@media (max-width: 768px) {

        /* 1. HIDE chat bubble (cache le 5e onglet du tab bar)
           Sélecteurs élargis + class injectée par MutationObserver via JS */
        .ea-chat-bubble,
        .chat-bubble,
        .messenger-bubble,
        [class*="chat-widget"],
        [class*="chatbot"],
        [class*="chat-icon"],
        [class*="chat-button"],
        [id*="chat-bubble"],
        [id*="chatbot"],
        #fc_frame,
        #intercom-launcher,
        #intercom-frame,
        #intercom-container,
        .intercom-lightweight-app,
        .crisp-client,
        .tawk-min-container,
        .woot-widget-bubble,
        button[aria-label*="chat" i],
        button[aria-label*="message" i],
        button[aria-label*="conversation" i],
        a[href*="messenger"],
        div[id*="chatbot"],
        .ea-mobile-hide-chat,
        body > div[style*="position: fixed"][style*="bottom"][style*="right"] {
            display: none !important;
            visibility: hidden !important;
        }

        /* 2. HIDE cart icon dans le header — wrap sur ligne 2 en mobile (sélecteur RÉEL)
           La nav-utility ne tient pas en ligne 1 et passe en bas du logo.
           Le tab bar Navy a déjà l'onglet "Compte" qui couvre panier + checkout. */
        .ea-nav-utility {
            display: none !important;
        }
        /* Backup pattern */
        .ea-header__inner > .ea-nav-utility,
        header .ea-nav-utility,
        .header-cart-orphan,
        .uicore-mobile-cart {
            display: none !important;
        }

        /* 3. HIDE bouton "Masquer ^" sur L1 brand (intrusif au milieu du flow) */
        button.ea6-m-toggle-collapse,
        .ea6-m-models-toggle,
        button[data-ea-toggle="masquer"],
        button[aria-label*="Masquer"],
        button[aria-label*="masquer"] {
            display: none !important;
        }

        /* 4. FIX toggle "Acheter mon attelage / Pose en centre agréé" qui wrap (sélecteur RÉEL)
           Vrai sélecteur : .widget-tabs button[role="tab"] */
        .widget-tabs {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 4px !important;
        }
        .widget-tabs button,
        .widget-tabs button[role="tab"] {
            font-size: 12px !important;
            padding: 10px 6px !important;
            line-height: 1.15 !important;
            white-space: normal !important;
            min-height: 44px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 4px !important;
            text-align: center !important;
        }
        .widget-tabs button .ic,
        .widget-tabs button svg {
            flex-shrink: 0 !important;
            width: 16px !important;
            height: 16px !important;
        }

        /* 5. Bonus : header logo qui dépasse, le contraindre */
        .ea-header img.logo,
        .ea-header__inner img,
        .site-header img.logo,
        header .logo img,
        .uicore-logo img,
        .custom-logo {
            max-width: 140px !important;
            height: auto !important;
        }
    }