/* Matos Import - header desktop v1. Scope volontairement limite au header. */
@media (min-width: 992px) {
  .mi-header,
  .mi-header .tvcmsdesktop-top-second { background:#fff!important; }

  .mi-header .tvcmsdesktop-top-second { padding:0!important; margin:0!important; border:0!important; }
  .mi-header-container { max-width:1840px!important; width:100%!important; padding:0 42px!important; }
  .mi-header-row { position:relative; height:96px; display:flex; align-items:center; justify-content:space-between; }

  .mi-header-logo { flex:0 0 270px; display:flex; align-items:center; z-index:3; }
  .mi-header-logo a { display:block; }
  .mi-header-logo img { display:block; width:225px!important; height:auto!important; max-height:70px!important; object-fit:contain; }

  .mi-header-menu { position:absolute; left:50%; top:0; transform:translateX(-50%); height:96px; display:flex; align-items:center; justify-content:center; z-index:2; white-space:nowrap; }
  .mi-header-menu #tvdesktop-megamenu,
  .mi-header-menu .tvcmsmain-menu-wrapper { width:auto!important; margin:0!important; padding:0!important; }
  .mi-header-menu a { color:#111!important; }

  .mi-header-actions { margin-left:auto; min-width:270px; display:flex; align-items:center; justify-content:flex-end; gap:24px; z-index:3; }
  .mi-header-search, .mi-header-account, .mi-header-cart { display:flex; align-items:center; justify-content:center; margin:0!important; padding:0!important; }

  .mi-header .tvsearch-top-wrapper,
  .mi-header .tvheader-sarch-display,
  .mi-header .tvheader-search-display-icon,
  .mi-header .tvsearch-open { display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; }
  .mi-header .tvsearch-open svg { width:28px!important; height:28px!important; }
  .mi-header .tvsearch-header-display-wrappper { z-index:1000; }

  .mi-header .tv-myaccount-btn { padding:0!important; margin:0!important; width:29px; height:29px; display:flex; align-items:center; justify-content:center; }
  .mi-header .tv-myaccount-btn svg,
  .mi-header-language svg { fill:none!important; stroke:#000!important; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

  .mi-header .tvcms-header-cart { margin:0!important; }
  .mi-header .tvcms-header-cart .tv-cart-icon,
  .mi-header .tvcms-header-cart .tvcart-icon-text-wrapper { margin:0!important; }
  .mi-header .tvcms-header-cart .tvcart-product-list { display:none; }
  .mi-header-language { width:29px; height:29px; display:flex; align-items:center; justify-content:center; cursor:default; }

  /* Supprime l'ancien bandeau rouge/menu et la barre Choisir mon jet ski. */
  .tvcms-header-menu-offer-wrapper { display:none!important; }
.ucpt-search-container {
    display: none !important;
}
  /* Neutralise les dimensions/colonnes Bootstrap de l'ancien header dans ce nouveau layout. */
  .mi-header .row, .mi-header [class*="col-"] { margin:0; }
}
/* =========================================================
   MATOS IMPORT - MENU DESKTOP
   ========================================================= */

/* Typographie du premier niveau du menu */
.mi-header #tvdesktop-megamenu .menu-content > li > a,
.mi-header #tvdesktop-megamenu .menu-content > li > a span {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Masque l'entrée Home / maison */
.mi-header #tvdesktop-megamenu .menu-content > li.home_menu {
    display: none !important;
}
/* =========================================================
   MATOS IMPORT - STRUCTURE HEADER DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    .mi-header .mi-header-row {
        display: grid !important;
        grid-template-columns: 270px 1fr 220px !important;
        align-items: center !important;
        column-gap: 24px !important;
        min-height: 96px !important;
    }

    .mi-header .mi-header-logo {
        width: 270px !important;
        justify-self: start !important;
    }

    .mi-header .mi-header-logo img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    .mi-header .mi-header-menu {
        min-width: 0 !important;
        justify-self: center !important;
        width: auto !important;
    }

    .mi-header #tvdesktop-megamenu {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .mi-header .mi-header-right {
        width: 220px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 22px !important;
        justify-self: end !important;
    }
}
/* =========================================================
   MATOS IMPORT - ICÔNES DROITE HEADER
   Recherche / Compte / Panier / Langue
   ========================================================= */

@media (min-width: 992px) {

    /* ---------------- Recherche ---------------- */

    .mi-header #_desktop_search {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        overflow: visible !important;
    }

    .mi-header #_desktop_search .search-widget,
    .mi-header #_desktop_search .tvsearch-top-wrapper,
    .mi-header #_desktop_search .tvheader-sarch-display,
    .mi-header #_desktop_search .tvheader-search-display-icon {
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* On affiche uniquement la loupe au repos */
    .mi-header #_desktop_search .tvsearch-open {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        cursor: pointer !important;
    }

    .mi-header #_desktop_search .tvsearch-open svg {
        width: 22px !important;
        height: 22px !important;
    }

    /* Champ de recherche fermé par défaut */
    .mi-header #_desktop_search .tvsearch-header-display-wrappper {
        display: none;
    }

    /* ---------------- Compte ---------------- */

    .mi-header #tvcmsdesktop-account-button {
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
    }

    .mi-header #tvcmsdesktop-account-button .tv-myaccount-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .mi-header #tvcmsdesktop-account-button svg {
        width: 24px !important;
        height: 24px !important;
    }

    /* ---------------- Panier ---------------- */

    .mi-header #_desktop_cart_manage {
        width: 32px !important;
        min-width: 32px !important;
        margin: 0 !important;
    }

    /* Cache les textes du panier, garde l’icône/badge */
    .mi-header #_desktop_cart_manage .tv-cart-cart-inner,
    .mi-header #_desktop_cart_manage .tv-cart-title,
    .mi-header #_desktop_cart_manage .tv-cart-price,
    .mi-header #_desktop_cart_manage .tv-cart-total,
    .mi-header #_desktop_cart_manage .tv-cart-product-count,
    .mi-header #_desktop_cart_manage .tvheader-cart-lable,
    .mi-header #_desktop_cart_manage .tv-cart-shoping {
        font-size: 0 !important;
    }

    /* ---------------- Langue ---------------- */

    .mi-header .mi-header-language {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        pointer-events: auto !important;
        opacity: 1 !important;
    }

    .mi-header .mi-header-language svg {
        width: 24px !important;
        height: 24px !important;
    }
}

/* =========================================================
   MATOS IMPORT - HEADER DROIT FINAL
   Recherche / Compte / Panier / Langue
   ========================================================= */

@media (min-width: 992px) {

    /* Bloc global */
    .mi-header .mi-header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 24px !important;
        width: 210px !important;
        min-width: 210px !important;
    }


    /* =====================================================
       RECHERCHE
       ===================================================== */

    .mi-header #_desktop_search,
    .mi-header #_desktop_search .search-widget,
    .mi-header #_desktop_search .tvsearch-top-wrapper,
    .mi-header #_desktop_search .tvheader-sarch-display,
    .mi-header #_desktop_search .tvheader-search-display-icon {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mi-header #_desktop_search .tvsearch-open {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        cursor: pointer !important;
    }

    .mi-header #_desktop_search .tvsearch-open svg {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
    }

    /* Champ fermé au repos */
    .mi-header #_desktop_search .tvsearch-header-display-wrappper {
        display: none;
    }


    /* =====================================================
       COMPTE
       ===================================================== */

    .mi-header #tvcmsdesktop-account-button,
    .mi-header #tvcmsdesktop-account-button .tv-header-account {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mi-header #tvcmsdesktop-account-button .tv-myaccount-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .mi-header #tvcmsdesktop-account-button .tv-myaccount-btn svg {
        display: block !important;
        width: 27px !important;
        height: 27px !important;
        fill: none !important;
        stroke: #111 !important;
        stroke-width: 1.6 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }


    /* =====================================================
       PANIER
       ===================================================== */

    .mi-header #_desktop_cart_manage,
    .mi-header #_desktop_cart,
    .mi-header #_desktop_cart .blockcart,
    .mi-header #_desktop_cart .tvheader-cart-wrapper,
    .mi-header #_desktop_cart .tvheader-cart-btn-wrapper,
    .mi-header #_desktop_cart .tvcart-icon-text-wrapper {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mi-header #_desktop_cart .tvheader-cart-btn-wrapper > a {
        display: block !important;
        position: relative !important;
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* On supprime exactement "Mon panier" + prix */
    .mi-header #_desktop_cart .tv-cart-cart-inner {
        display: none !important;
    }

    /* Icône panier */
    .mi-header #_desktop_cart .tv-cart-icon {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mi-header #_desktop_cart .tv-cart-icon svg {
        display: block !important;
        width: 28px !important;
        height: 28px !important;
    }

    /* Badge quantité */
    .mi-header #_desktop_cart .cart-products-count {
        position: absolute !important;
        top: -7px !important;
        right: -8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 4px !important;
        border-radius: 999px !important;
        background: #ffc400 !important;
        color: #111 !important;
        font-size: 11px !important;
        line-height: 18px !important;
        font-weight: 600 !important;
    }


    /* =====================================================
       LANGUE / GLOBE
       ===================================================== */

    .mi-header .mi-header-language {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;

        pointer-events: auto !important;
    }

    .mi-header .mi-header-language svg {
        display: block !important;
        width: 27px !important;
        height: 27px !important;
    }
}
/* =========================================================
   MATOS IMPORT - ICONE COMPTE DESKTOP
   ========================================================= */

.mi-header-account {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mi-header-account .tv-header-account,
.mi-header-account .tvcms-header-myaccount {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mi-header-account .tv-myaccount-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.mi-header-account .tv-myaccount-btn svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    overflow: visible;
}

.mi-header-account .tv-myaccount-btn svg circle,
.mi-header-account .tv-myaccount-btn svg path {
    fill: none !important;
    stroke: #111 !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* =========================================================
   MATOS IMPORT - ALIGNEMENT FINAL HEADER DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    /* Même largeur utile que le contenu du site */
    .mi-header .mi-header-container {
        width: min(calc(100% - 70px), 1440px) !important;
        max-width: 1440px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Structure équilibrée : logo / menu / icônes */
.mi-header .mi-header-row {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) 250px !important;
    align-items: center !important;
    column-gap: 24px !important;
}

    /* Logo aligné sur la marge gauche du contenu */
    .mi-header .mi-header-logo {
        justify-self: start !important;
        margin: 0 !important;
    }

    /* Menu réellement centré dans sa zone */
    .mi-header .mi-header-menu {
        justify-self: center !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .mi-header #tvdesktop-megamenu {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    /* Groupe des 4 icônes aligné sur la marge droite */
.mi-header .mi-header-right {
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 26px !important;

    width: 250px !important;
    min-width: 250px !important;

    margin: 0 !important;
    padding: 0 !important;
}

    /* Taille visuelle homogène */
    .mi-header #_desktop_search,
    .mi-header #tvcmsdesktop-account-button,
    .mi-header #_desktop_cart_manage,
    .mi-header .mi-header-language {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    /* Petite séparation comme sur la maquette */
    .mi-header #tvcmsdesktop-account-button {
        position: relative !important;
    }

    .mi-header #tvcmsdesktop-account-button::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -12px;
        width: 1px;
        height: 28px;
        background: #e5e5e5;
        transform: translateY(-50%);
    }
}
.mi-header #tvcmsdesktop-account-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    width: 1px;
    height: 28px;
    background: #e5e5e5;
    transform: translateY(-50%);
}
.mi-header #_desktop_search {
    position: relative !important;
}

.mi-header #_desktop_search::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -14px;
    width: 1px;
    height: 28px;
    background: #e5e5e5;
    transform: translateY(-50%);
}
/* ==========================================================
   MATOS IMPORT - MENU CENTRÉ SUR LA LARGEUR TOTALE DU HEADER
   ========================================================== */

@media (min-width: 992px) {

    .mi-header-row {
        position: relative !important;
    }

    .mi-header-menu {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;

        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;

        z-index: 2;
    }

    #tvdesktop-megamenu {
        width: max-content !important;
        margin: 0 !important;
    }

}
/* =========================================================
   HEADER - CORRECTION FINALE CENTRAGE + SEPARATEURS
   ========================================================= */

@media (min-width: 992px) {

    /* Menu centré par rapport à l'écran entier */
    .mi-header .mi-header-row {
        position: relative !important;
    }

    .mi-header .mi-header-menu {
        position: absolute !important;
        top: 50% !important;
        left: 50vw !important;
        transform: translate(-50%, -50%) !important;

        width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;

        z-index: 1 !important;
    }

    .mi-header #tvdesktop-megamenu {
        width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Groupe des 4 icônes au-dessus du menu */
    .mi-header .mi-header-right {
        position: relative !important;
        z-index: 3 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 18px !important;
    }

    /* SUPPRESSION DE TOUS LES TRAITS DE SEPARATION */
    .mi-header #_desktop_search::before,
    .mi-header #_desktop_search::after,
    .mi-header #tvcmsdesktop-account-button::before,
    .mi-header #tvcmsdesktop-account-button::after,
    .mi-header #_desktop_cart_manage::before,
    .mi-header #_desktop_cart_manage::after,
    .mi-header .mi-header-language::before,
    .mi-header .mi-header-language::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        background: none !important;
    }
}
/* =========================================================
   MATOS IMPORT - HEADER DESKTOP / STRUCTURE FINALE
   ========================================================= */

@media (min-width: 992px) {

    /* Container centré */
    .mi-header .mi-header-container {
        width: min(calc(100% - 70px), 1440px) !important;
        max-width: 1440px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /*
     * 3 zones :
     * gauche = 1fr
     * menu   = largeur réelle du menu
     * droite = 1fr
     *
     * => le menu est réellement au centre.
     */
    .mi-header .mi-header-row {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 20px !important;
        width: 100% !important;
    }

    /* Logo */
    .mi-header .mi-header-logo {
        position: static !important;
        transform: none !important;
        justify-self: start !important;
        width: 270px !important;
        margin: 0 !important;
    }

    /* MENU : surtout plus aucun positionnement absolu */
    .mi-header .mi-header-menu {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;

        justify-self: center !important;

        width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;

        z-index: auto !important;
    }

    .mi-header #tvdesktop-megamenu {
        position: static !important;
        width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Groupe droite */
    .mi-header .mi-header-right {
        position: static !important;
        transform: none !important;

        justify-self: end !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;
        min-width: 0 !important;

        gap: 18px !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: auto !important;
    }

    /* Chaque icône garde sa propre largeur */
    .mi-header #_desktop_search,
    .mi-header #tvcmsdesktop-account-button,
    .mi-header #_desktop_cart_manage,
    .mi-header .mi-header-language {
        position: relative !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Suppression ferme de TOUS les séparateurs ajoutés */
    .mi-header #_desktop_search::before,
    .mi-header #_desktop_search::after,
    .mi-header #tvcmsdesktop-account-button::before,
    .mi-header #tvcmsdesktop-account-button::after,
    .mi-header #_desktop_cart_manage::before,
    .mi-header #_desktop_cart_manage::after,
    .mi-header .mi-header-language::before,
    .mi-header .mi-header-language::after,
    .mi-header .mi-header-right::before,
    .mi-header .mi-header-right::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    /* Sécurité : aucun trait/bordure entre les icônes */
    .mi-header .mi-header-right > * {
        border-left: 0 !important;
        border-right: 0 !important;
    }
}
/* =========================================================
   MATOS IMPORT - ESPACEMENT DES 4 ICONES UNIQUEMENT
   Ne touche ni au menu ni au logo
   ========================================================= */

@media (min-width: 992px) {

    .mi-header .mi-header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 14px !important;
    }

    .mi-header #_desktop_search,
    .mi-header #tvcmsdesktop-account-button,
    .mi-header #_desktop_cart_manage,
    .mi-header .mi-header-language {
        flex: 0 0 36px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;

        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* Le contenu interne du panier ne doit pas élargir sa case */
    .mi-header #_desktop_cart,
    .mi-header #_desktop_cart .blockcart,
    .mi-header #_desktop_cart .tvheader-cart-wrapper,
    .mi-header #_desktop_cart .tvheader-cart-btn-wrapper,
    .mi-header #_desktop_cart .tvcart-icon-text-wrapper {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* On conserve uniquement l'icône du panier */
    .mi-header #_desktop_cart .tv-cart-cart-inner {
        display: none !important;
    }

    /* Aucun séparateur */
    .mi-header .mi-header-right > *::before,
    .mi-header .mi-header-right > *::after {
        border: 0 !important;
    }
}
/* =========================================================
   MATOS IMPORT - ALIGNEMENT VISUEL DES 4 ICONES
   Ne touche ni au logo, ni au menu, ni au bloc d'actions
   ========================================================= */

.mi-header-actions > #_desktop_search,
.mi-header-actions > #tvcmsdesktop-account-button,
.mi-header-actions > #_desktop_cart_manage,
.mi-header-actions > .mi-header-language {
    width: 32px !important;
    min-width: 32px !important;
    height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Espacement identique entre les 4 boîtes */
.mi-header-actions {
    column-gap: 18px !important;
}

/* Recherche */
.mi-header-search .tvheader-sarch-display,
.mi-header-search .tvheader-search-display-icon,
.mi-header-search .tvsearch-open {
    width: 32px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Compte */
.mi-header-account .tv-header-account,
.mi-header-account .tv-myaccount-btn {
    width: 32px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Panier : neutralisation des largeurs/marges du module */
.mi-header-cart #_desktop_cart,
.mi-header-cart .blockcart,
.mi-header-cart .tvheader-cart-wrapper,
.mi-header-cart .tvheader-cart-btn-wrapper,
.mi-header-cart .tvcart-icon-text-wrapper,
.mi-header-cart .tv-cart-icon {
    width: 32px !important;
    min-width: 32px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mi-header-cart .tvcart-icon-text-wrapper,
.mi-header-cart .tv-cart-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Aucun texte dans le panier */
.mi-header-cart .tv-cart-cart-inner {
    display: none !important;
}

/* Langue */
.mi-header-language {
    width: 32px !important;
    height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
}
/* =========================================================
   MATOS IMPORT - 4 ICONES : REPARTITION REELLE
   ========================================================= */

@media (min-width: 992px) {

    /* Le VRAI conteneur des 4 icônes */
    .mi-header .mi-header-actions {
        display: grid !important;
        grid-template-columns: repeat(4, 32px) !important;
        column-gap: 12px !important;

        align-items: center !important;
        justify-items: center !important;
        justify-content: end !important;

        width: max-content !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Les quatre cellules sont strictement identiques */
    .mi-header .mi-header-actions > #_desktop_search,
    .mi-header .mi-header-actions > #tvcmsdesktop-account-button,
    .mi-header .mi-header-actions > #_desktop_cart_manage,
    .mi-header .mi-header-actions > .mi-header-language {
        float: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 36px !important;

        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* Neutralise les décalages propres aux modules */
    .mi-header .mi-header-actions .tvsearch-open,
    .mi-header .mi-header-actions .tv-myaccount-btn,
    .mi-header .mi-header-actions .tv-cart-icon,
    .mi-header .mi-header-actions .mi-header-language {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;

        margin: 0 auto !important;
    }

    /* Panier : aucune largeur parasite */
    .mi-header .mi-header-actions #_desktop_cart,
    .mi-header .mi-header-actions #_desktop_cart .blockcart,
    .mi-header .mi-header-actions #_desktop_cart .tvheader-cart-wrapper,
    .mi-header .mi-header-actions #_desktop_cart .tvheader-cart-btn-wrapper,
    .mi-header .mi-header-actions #_desktop_cart .tvcart-icon-text-wrapper {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .mi-header .mi-header-actions #_desktop_cart .tv-cart-cart-inner {
        display: none !important;
    }
}
/* Recentrage strict de l'icône Compte dans sa cellule */
.mi-header-actions > #tvcmsdesktop-account-button {
    position: relative !important;
}

.mi-header-actions > #tvcmsdesktop-account-button .tv-header-account,
.mi-header-actions > #tvcmsdesktop-account-button .tv-account-wrapper,
.mi-header-actions > #tvcmsdesktop-account-button .tvcms-header-myaccount,
.mi-header-actions > #tvcmsdesktop-account-button .tv-myaccount-btn {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;

    width: 32px !important;
    height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mi-header-actions > #tvcmsdesktop-account-button .tv-myaccount-btn svg {
    display: block !important;
    margin: 0 auto !important;
}
/* =========================================================
   MATOS IMPORT - ALIGNEMENT DU BLOC ICONES A DROITE
   Ne modifie ni le menu, ni le logo, ni l'espacement
   interne des 4 icônes
   ========================================================= */

@media (min-width: 992px) {

    .mi-header-row {
        position: relative !important;
    }

    .mi-header-actions {
        position: absolute !important;

        right: 0 !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        margin: 0 !important;
    }
}
/* =========================================================
   MATOS IMPORT - PANNEAU DE RECHERCHE DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    /* La cellule de la loupe reste petite */
    .mi-header-actions #_desktop_search {
        position: relative !important;
        overflow: visible !important;
    }

    /* Le panneau ouvert sort de la cellule de 32px */
    .mi-header-actions #_desktop_search .tvsearch-header-display-wrappper {
        position: absolute !important;
        top: calc(100% + 18px) !important;
        right: 0 !important;

        width: 360px !important;
        min-width: 360px !important;
        max-width: 360px !important;

        height: auto !important;

        padding: 12px !important;
        margin: 0 !important;

        background: #fff !important;
        border: 1px solid #ddd !important;
        border-radius: 6px !important;

        z-index: 9999 !important;
    }

    .mi-header-actions #_desktop_search .tvsearch-header-display-wrappper form {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
    }

    .mi-header-actions #_desktop_search .tvheader-top-search {
        flex: 1 1 auto !important;

        width: auto !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .mi-header-actions #_desktop_search .tvheader-top-search-wrapper-info-box {
        width: 100% !important;
        height: 44px !important;
    }

    .mi-header-actions #_desktop_search .tvcmssearch-words {
        display: block !important;

        width: 100% !important;
        height: 44px !important;

        padding: 0 14px !important;
        margin: 0 !important;

        font-size: 14px !important;

        border: 1px solid #ddd !important;
        background: #fff !important;
    }

    .mi-header-actions #_desktop_search .tvheader-top-search-wrapper {
        flex: 0 0 44px !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .mi-header-actions #_desktop_search .tvheader-search-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;
    }
}

/* =========================================================
   MATOS IMPORT - OUVERTURE RECHERCHE DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    #_desktop_search {
        position: relative !important;
        overflow: visible !important;
    }

    /* Fermé par défaut */
    #_desktop_search .tvsearch-header-display-wrappper {
        display: none !important;
    }

    /* Ouvert */
#_desktop_search.mi-search-open .tvsearch-header-display-wrappper {
    display: block !important;

    position: absolute !important;
    top: calc(100% + 18px) !important;
    right: -40px !important;
    transform: translateX(-100%) !important;

    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;

    padding: 12px !important;

    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.12) !important;

    z-index: 99999 !important;
}

    /* Loupe / croix */
    #_desktop_search.mi-search-open .tvsearch-open {
        display: none !important;
    }

    #_desktop_search.mi-search-open .tvsearch-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 28px !important;
        height: 28px !important;

        cursor: pointer !important;
    }

    /* Formulaire */
    #_desktop_search .tvsearch-header-display-wrappper form {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        margin: 0 !important;
    }

    #_desktop_search .tvheader-top-search {
        flex: 1 1 auto !important;
        width: auto !important;
        height: 44px !important;
    }

    #_desktop_search .tvheader-top-search-wrapper-info-box {
        width: 100% !important;
        height: 44px !important;
    }

    #_desktop_search .tvcmssearch-words {
        display: block !important;

        width: 100% !important;
        height: 44px !important;

        padding: 0 14px !important;

        border: 1px solid #ddd !important;
        border-radius: 4px 0 0 4px !important;

        font-size: 14px !important;
        background: #fff !important;
    }

    #_desktop_search .tvheader-top-search-wrapper {
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
    }

    #_desktop_search .tvheader-search-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 1px solid #ddd !important;
        border-left: 0 !important;
        border-radius: 0 4px 4px 0 !important;

        background: #fff !important;
    }
}

/* Panier latéral desktop */
@media (min-width: 768px) {

    /* Panneau panier */
    .ttvcmscart-show-dropdown-right {
        width: 450px !important;
        max-width: 450px !important;
        z-index: 10001 !important;
    }

    /* Voile gris derrière le panier */
    .modal-backdrop-cart {
        z-index: 10000 !important;
    }
}


/* =========================================================
   MATOS IMPORT - PANIER LATERAL DESKTOP
   ========================================================= */

@media (min-width: 768px) {

    /* Panneau panier */
    body.classicCartOpen .ttvcmscart-show-dropdown-right {
        width: 450px !important;
        max-width: 450px !important;
        background: #fff !important;
        z-index: 1002 !important;
    }

    /* On conserve uniquement le voile natif du panier */
    body.classicCartOpen
    .ttvcmscart-show-dropdown-right + .modal-backdrop-cart {
        display: block !important;
        background-color: rgba(0, 0, 0, 0.30) !important;
        z-index: 99 !important;
    }

    /* On supprime le deuxième voile qui grisait aussi le panier */
    body.classicCartOpen .full-wrapper-backdrop {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Fil d'Ariane - Police Inter */
.breadcrumb,
.breadcrumb a,
.breadcrumb span {
    font-family: "Inter", sans-serif !important;
}

/* Panier latéral - Police Inter */
.ttvcmscart-show-dropdown-right {
    font-family: "Inter", sans-serif;
}

.ttvcmscart-show-dropdown-right a,
.ttvcmscart-show-dropdown-right p,
.ttvcmscart-show-dropdown-right span,
.ttvcmscart-show-dropdown-right div,
.ttvcmscart-show-dropdown-right button {
    font-family: "Inter", sans-serif;
}

/* =========================================================
   MATOS IMPORT - MENUS EN INTER
   ========================================================= */

/* Menu desktop */
.mi-header #tvdesktop-megamenu,
.mi-header #tvdesktop-megamenu a,
.mi-header #tvdesktop-megamenu span,
.mi-header #tvdesktop-megamenu li,
.mi-header #tvdesktop-megamenu .tv-menu-horizontal,
.mi-header #tvdesktop-megamenu .tvmain-menu-dropdown {
    font-family: "Inter", sans-serif !important;
}

/* Sous-menus desktop */
.mi-header #tvdesktop-megamenu .tvmain-menu-dropdown a,
.mi-header #tvdesktop-megamenu .tvmain-menu-dropdown span,
.mi-header #tvdesktop-megamenu .tvmain-menu-dropdown li {
    font-family: "Inter", sans-serif !important;
}

/* Menu mobile */
.tvmobile-slidebar,
.tvmobile-slidebar a,
.tvmobile-slidebar span,
.tvmobile-slidebar li,
#tvmobile-megamenu,
#tvmobile-megamenu a,
#tvmobile-megamenu span,
#tvmobile-megamenu li {
    font-family: "Inter", sans-serif !important;
}

/* On protège les icônes Material Icons */
.mi-header .material-icons,
.tvmobile-slidebar .material-icons {
    font-family: "Material Icons" !important;
}
/* =========================================
   Logo en tête du menu mobile
   ========================================= */

@media (max-width: 991px) {

    #tvmobile-megamenu .mi-mobile-menu-logo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 82px;
        padding: 12px 70px 12px 24px;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    #tvmobile-megamenu .mi-mobile-menu-logo a {
        display: flex;
        align-items: center;
        padding: 0;
        margin: 0;
        width: auto;
        height: 100%;
    }

    #tvmobile-megamenu .mi-mobile-menu-logo img {
        display: block;
        width: auto;
        height: auto;
        max-width: 210px;
        max-height: 55px;
    }
}