.ets_mm_megamenu.hook-default {
  clear: none;
  padding: 0;
  margin-top: 0;
}

.layout_layout5.hook-default .mm_menus_ul .mm_menus_li:not(:nth-child(2)):after {
  display: none;
}
.container .ets_mm_megamenu .container {
  padding: 0;
}

.mm_block_type_product .thumbnail-container .product-description {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: auto;
  position: relative;
  text-align: left;
  width: auto;
}
.layout_layout4 .mm_extra_item .cart-preview a {
  padding: 13px 0;
}
.ets-dir-rtl .mm_block_type_product .thumbnail-container .product-description,
.ets-dir-rtl .mm_block_type_product .thumbnail-container .product-title > a {
  text-align: right;
  display: block;
}

.mm_extra_item .cart-preview a {
  display: block;
  padding: 18px 0;
}
.mm_extra_item .user-info a {
  display: inline-block;
  padding: 18px 2px;
  line-height: 22px;
}
.layout_layout4 .mm_extra_item .user-info a {
    padding: 12px 2px;
}
.mm_block_type_product .thumbnail-container .thumbnail > img {
  margin-bottom: 0;
  margin-left: 0;
}
.mm_block_type_product .thumbnail-container .thumbnail {
  float: left;
  margin-right: 10px;
  width: 100px;
  margin-bottom: 10px;
}

.mm_block_type_product .thumbnail-container .thumbnail{
  border: 1px solid #D0D0D0;
  overflow: hidden;
}
.mm_block_type_product .thumbnail-container {
  box-shadow: none;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  background-color: rgba(0, 0, 0, 0);
}



.mm_block_type_product .thumbnail-container:hover, .mm_block_type_product .thumbnail-container:hover .product-description {
  box-shadow: none !important;
}
.mm_block_type_product .thumbnail-container .highlighted-informations {
  box-shadow: none;
  display: none;
  position: static;
}
.mm_block_type_product .thumbnail-container .product-title > a {
  font-weight: 600;
  line-height: 18px;
  text-align: left;
}
.mm_block_type_product .thumbnail-container .product-title {
  margin-top: 0;
  text-align: left;
}
.mm_block_type_product .product-miniature {
  clear: left;
  display: block;
}
.ets-dir-rtl .mm_block_type_product .product-miniature {
  clear: right;
}
.mm_block_type_product .product-miniature:not(:last-child) {
  margin-bottom: 10px;
}
.mm_block_type_product .product-price-and-shipping {
  text-align: inherit !important;
  margin-bottom: 10px;
}
.hook-default.layout_layout4 .mm_columns_ul > .mm_columns_li, 
.hook-default.layout_layout5 .mm_columns_ul > .mm_columns_li {
  border-left: medium none;
}
.ets-dir-rtl .mm_block_type_product .thumbnail-container .thumbnail {
  float: right;
  margin-right: 0px;
  margin-left: 10px;
  width: 90px;
}
.skin_default.layout_layout4.ets-dir-rtl .mm_columns_ul > .mm_columns_li:first-child, 
.skin_default.layout_layout5.ets-dir-rtl .mm_columns_ul > .mm_columns_li:first-child {
  border-left: none;
}
.layout_layout5.skin_default:not(.scroll_heading) .mm_blocks_li {
  padding: 0 10px;
}

.hook-default .ets_mm_megamenu_content .container {
  padding: 0;
}
.hook-default.layout_layout5:not(.scroll_heading) .mm_bubble_text {
  top: -5px;
}
@media (min-width: 768px) and (max-width: 1199px){
    .changestatus .mm_extra_item .cart-preview a {
      display: block;
      padding: 13px 0;
    }
}
@media (min-width: 768px){
    .hook-default.layout_layout4:not(.scroll_heading) .mm_blocks_li {
      padding: 0 15px;
    }
    
    .hook-default.layout_layout4:not(.scroll_heading) .mm_columns_ul > .mm_columns_li {
      margin: 20px 0 0;
    }
    .hook-default.layout_layout4:not(.scroll_heading) .mm_columns_ul > .mm_columns_li, 
    .hook-default.layout_layout5:not(.scroll_heading) .mm_columns_ul > .mm_columns_li {
      margin: 10px 0;
    }
}
@media (max-width: 767px){
    .ets_mm_megamenu.hook-default {
      background-color: rgba(0, 0, 0, 0);
      margin-top: 10px;
      padding: 0 15px;
      width: 100%;
    }
    .mm_extra_item > div{
        margin-left: 0;
    }
    .ets-dir-rtl .mm_menu_content_title {
      float: right;
    }
}

@media (max-width: 479px){
    .mm_extra_item.active input[type="text"]{
        width: 100%!important;
    }
}










/* --- Correctif AJ (29/08/2026) : le lien mobile "Se Connecter" du megamenu (classe u-visible-mobile, non definie dans aucun CSS charge) s'affichait aussi sur desktop, cassant les couleurs et empechant le centrage du menu sous le logo. Meme breakpoint (768px) que le reste du module ets_megamenu. --- */
@media (min-width: 768px) {
    .ets_mm_megamenu .u-visible-mobile {
        display: none !important;
    }
    .ets_mm_megamenu .mm_menus_ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* --- Correctif AJ (29/08/2026) : degrade gris (blanc -> #f2f2f2) sur les bords de la barre de menu (.ets_mm_megamenu_content), visible en dehors de la zone blanche centree du menu. Passe en blanc uni pour rester coherent avec le reste du site. --- */
.ets_mm_megamenu_content {
    background-image: none !important;
    background-color: #ffffff !important;
}

/* --- Correctif AJ (29/08/2026) : suppression des bordures internes/externes du megamenu, masquage de la petite fleche apres le libelle de chaque onglet, fond blanc du sous-menu (au lieu du beige #EFE8E2) --- */
.ets_mm_megamenu_content,
.ets_mm_megamenu .mm_menus_li,
.ets_mm_megamenu .mm_columns_ul,
.ets_mm_megamenu .ets_mm_categories,
.ets_mm_megamenu .h4 {
    border: 0 none !important;
}
.ets_mm_megamenu .mm_arrow {
    display: none !important;
}
.ets_mm_megamenu .mm_columns_ul {
    background-color: #ffffff !important;
}

/* --- Correctif AJ (29/08/2026) : suppression du soulignement noir anime qui apparait sous le libelle de l'onglet au survol (span.mm_menu_content_title::after) --- */
.ets_mm_megamenu .mm_menu_content_title::after {
    display: none !important;
}

/* ===== AJ FIX - refonte visuelle menu mobile (accordéon = thème) - 29/08/2026 ===== */
@media (max-width: 767px) {
  .ets_mm_megamenu .ets_mm_categories {
    list-style: none !important;
    padding-left: 0 !important;
  }
  .ets_mm_megamenu .ets_mm_categories li {
    list-style: none !important;
  }
  .ets_mm_megamenu .ets_mm_categories li::before,
  .ets_mm_megamenu .ets_mm_categories li::marker {
    content: none !important;
  }
  .ets_mm_megamenu .ets_mm_categories a::before {
    content: none !important;
    display: none !important;
  }
  .ets_mm_megamenu .mm_menu_content_title,
  .ets_mm_megamenu .h4,
  .ets_mm_megamenu .ets_mm_categories a {
    text-transform: none !important;
  }
  .ets_mm_megamenu .mm_menus_ul .arrow::before,
  .ets_mm_megamenu .mm_menus_ul .arrow::after {
    display: none !important;
  }
  .ets_mm_megamenu .mm_menus_ul .arrow {
    background: none !important;
  }
  .ets_mm_megamenu .mm_menus_ul .arrow::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border: none !important;
    border-right: 1.5px solid #232323 !important;
    border-bottom: 1.5px solid #232323 !important;
    transform: translate(-50%, -65%) rotate(45deg) !important;
    transition: transform .2s ease !important;
  }
  .ets_mm_megamenu .mm_menus_ul .arrow.opened::before {
    transform: translate(-50%, -35%) rotate(225deg) !important;
  }
}

/* ===== AJ FIX - un seul bouton menu mobile (fusion des 2 hamburgers) - 29/08/2026 ===== */
@media (max-width: 767px) {
  /* Masquer le bouton natif du theme (casse, panneau vide) et son panneau */
  .mobile-nav #menu-icon,
  #mobile_top_menu {
    display: none !important;
  }
  /* Deplacer le bouton du module ETS (qui fonctionne) en haut a gauche, icone seule */
  .ets_mm_megamenu .ybc-menu-toggle {
    position: fixed !important;
    top: 12px !important;
    left: 9px !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    z-index: 10001 !important;
    background: none !important;
  }
}

/* ===== AJ FIX - correctif clics bloques + assombrissement double sur menu mobile - 29/08/2026 ===== */
@media (max-width: 767px) {
  /* Le bouton repositionne a un calque noir semi-transparent attache (fond assombri quand ouvert).
     En le passant au-dessus du panneau (z-index eleve), ce calque passait aussi au-dessus et bloquait tous les clics.
     On ne garde le z-index eleve que quand le bouton est FERME (pour rester visible/cliquable dans le header). */
  .ets_mm_megamenu .ybc-menu-toggle.opened {
    z-index: 1 !important;
  }
}

/* ===== AJ FIX - barre "MENU / RETOUR" remplacee par une simple croix - 29/08/2026 ===== */
@media (max-width: 767px) {
  .ets_mm_megamenu .close_menu {
    background: #fff !important;
  }
  .ets_mm_megamenu .close_menu .pull-right {
    display: none !important;
  }
  .ets_mm_megamenu .close_menu .pull-left {
    font-size: 0 !important;
  }
  .ets_mm_megamenu .mm_menus_back {
    position: relative !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
  }
  .ets_mm_megamenu .mm_menus_back .icon-bar {
    background-color: #000 !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 18px !important;
    height: 2px !important;
    margin: 0 !important;
  }
  .ets_mm_megamenu .mm_menus_back .icon-bar:nth-child(1) {
    transform: translateY(-50%) rotate(45deg) !important;
  }
  .ets_mm_megamenu .mm_menus_back .icon-bar:nth-child(2) {
    display: none !important;
  }
  .ets_mm_megamenu .mm_menus_back .icon-bar:nth-child(3) {
    transform: translateY(-50%) rotate(-45deg) !important;
  }
}

/* ===== AJ FIX - meme menu que sur mobile pour tablette (768-1199px) + espacement compact - 29/08/2026 ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  .ets_mm_megamenu .ets_mm_categories {
    list-style: none !important;
    padding-left: 0 !important;
  }
  .ets_mm_megamenu .ets_mm_categories li {
    list-style: none !important;
  }
  .ets_mm_megamenu .ets_mm_categories li::before,
  .ets_mm_megamenu .ets_mm_categories li::marker {
    content: none !important;
  }
  .ets_mm_megamenu .ets_mm_categories a::before {
    content: none !important;
    display: none !important;
  }
  .ets_mm_megamenu .mm_menu_content_title,
  .ets_mm_megamenu .h4,
  .ets_mm_megamenu .ets_mm_categories a {
    text-transform: none !important;
  }
  .ets_mm_megamenu .mm_menus_ul .arrow::before,
  .ets_mm_megamenu .mm_menus_ul .arrow::after {
    display: none !important;
  }
  .ets_mm_megamenu .mm_menus_ul .arrow {
    background: none !important;
  }
  .ets_mm_megamenu .mm_menus_ul .arrow::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border: none !important;
    border-right: 1.5px solid #232323 !important;
    border-bottom: 1.5px solid #232323 !important;
    transform: translate(-50%, -65%) rotate(45deg) !important;
    transition: transform .2s ease !important;
  }
  .ets_mm_megamenu .mm_menus_ul .arrow.opened::before {
    transform: translate(-50%, -35%) rotate(225deg) !important;
  }

  .ets_mm_megamenu .mm_menus_li > a {
    padding: 10px 15px !important;
    font-size: 13px !important;
  }
  .ets_mm_megamenu .mm_menus_li {
    width: 100% !important;
  }

  .mobile-nav #menu-icon,
  #mobile_top_menu {
    display: none !important;
  }
  .ets_mm_megamenu .ybc-menu-toggle {
    position: fixed !important;
    top: 12px !important;
    left: 9px !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    background: none !important;
  }
  .ets_mm_megamenu .ybc-menu-toggle.closed {
    z-index: 10001 !important;
  }
  .ets_mm_megamenu .ybc-menu-toggle.opened {
    z-index: 1 !important;
  }

  .ets_mm_megamenu .close_menu {
    background: #fff !important;
  }
  .ets_mm_megamenu .close_menu .pull-right {
    display: none !important;
  }
  .ets_mm_megamenu .close_menu .pull-left {
    font-size: 0 !important;
  }
  .ets_mm_megamenu .mm_menus_back {
    position: relative !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
  }
  .ets_mm_megamenu .mm_menus_back .icon-bar {
    background-color: #000 !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 18px !important;
    height: 2px !important;
    margin: 0 !important;
  }
  .ets_mm_megamenu .mm_menus_back .icon-bar:nth-child(1) {
    transform: translateY(-50%) rotate(45deg) !important;
  }
  .ets_mm_megamenu .mm_menus_back .icon-bar:nth-child(2) {
    display: none !important;
  }
  .ets_mm_megamenu .mm_menus_back .icon-bar:nth-child(3) {
    transform: translateY(-50%) rotate(-45deg) !important;
  }
}

/* ===== AJ FIX - suppression barre de recherche permanente sous le logo (desktop + tablette) - 29/08/2026 ===== */
.header-top .search_widget {
  display: none !important;
}

/* ===== AJ FIX - correctif espacement menu tablette + deplacement Francais/Contactez-nous dans le panneau burger (mobile+tablette) - 29/08/2026 ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  .ets_mm_megamenu .mm_menus_ul {
    display: block !important;
  }
  .ets_mm_megamenu .mm_menus_li {
    float: left !important;
    height: auto !important;
  }
}



/* ===== AJ FIX - Francais + Contactez-nous deplaces ensemble en fin de liste du menu mobile/tablette via JS (clock.js) - 04/09/2026 ===== */
@media (max-width: 1199px) {
  #aj-mobile-footer-slot {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 15px 20px !important;
    border-top: 1px solid #eee !important;
    background: #fff !important;
    list-style: none !important;
    float: none !important;
    position: relative !important;
    z-index: 10006 !important;
    overflow: visible !important;
  }
  #aj-mobile-footer-slot #left-quick-links {
    visibility: visible !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
  }
  #aj-mobile-footer-slot #left-quick-links .hidden-sm-down:not(.dropdown-menu) {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .mobile-nav #menu-icon {
    display: block !important;
    visibility: hidden !important;
    width: 64px !important;
  }
}

/* ===== AJ FIX - alignement logo burger tablette + affichage Francais (select natif) dans le panneau mobile - 29/08/2026 ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  .ets_mm_megamenu .ybc-menu-toggle {
    top: 40px !important;
  }
}



/* ===== AJ FIX - liste deroulante Francais ouverte vers le haut (tablette) + meme rendu bouton/liste que desktop sur mobile - 29/08/2026 ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  #left-quick-links .language-selector.dropdown.js-dropdown {
    position: relative !important;
  }
  #left-quick-links .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
  }
}

@media (max-width: 1199px) {
  #aj-mobile-footer-slot #_mobile_language_selector {
    visibility: visible !important;
    display: block !important;
  }
  #aj-mobile-footer-slot #_mobile_language_selector .language-selector-wrapper {
    display: flex !important;
    align-items: center !important;
  }
  #aj-mobile-footer-slot #_mobile_language_selector #language-selector-label {
    display: none !important;
  }
  #aj-mobile-footer-slot #_mobile_language_selector select.link {
    display: none !important;
  }
  #aj-mobile-footer-slot #_mobile_language_selector .language-selector.dropdown.js-dropdown {
    display: block !important;
    position: relative !important;
    text-align: center !important;
  }
  #aj-mobile-footer-slot #_mobile_language_selector .language-selector.dropdown.js-dropdown button.hidden-sm-down {
    display: inline-block !important;
  }
  #aj-mobile-footer-slot #_mobile_language_selector .dropdown-menu.hidden-sm-down {
    display: none !important;
  }
  #aj-mobile-footer-slot #_mobile_language_selector .dropdown-menu.hidden-sm-down[style*="display: block"] {
    display: block !important;
    position: absolute !important;
    top: auto !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10005 !important;
  }
}

/* ===== AJ FIX - suppression barre noire au survol des onglets du menu desktop - 29/08/2026 ===== */
.ets_mm_megamenu.layout_layout1 .mm_menus_li:hover > a::before,
.ets_mm_megamenu.layout_layout1 .mm_menus_li.menu_hover > a::before {
  opacity: 0 !important;
}

/* ===== AJ FIX - hauteur uniforme des vignettes produit dans les blocs "nouveautés/promo" scrollables de la homepage - 29/08/2026 ===== */
.products.scrollmenu .thumbnail-top {
  height: 0 !important;
  padding-top: 124.9% !important;
  overflow: hidden !important;
}
.products.scrollmenu .thumbnail-top picture {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.products.scrollmenu .thumbnail-top .product-img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ===== AJ FIX - suppression puces sous-menu categories sur TOUS les devices (la fleche desktop est traitee separement ci-dessous via a::after) - 03/09/2026 ===== */
.ets_mm_megamenu .ets_mm_categories {
  list-style: none !important;
  padding-left: 0 !important;
}
.ets_mm_megamenu .ets_mm_categories li {
  list-style: none !important;
}
.ets_mm_megamenu .ets_mm_categories li::before,
.ets_mm_megamenu .ets_mm_categories li::marker {
  content: none !important;
}
.ets_mm_megamenu .ets_mm_categories a::before {
  content: none !important;
  display: none !important;
}

/* ===== AJ FIX - la fleche restante etait en fait un triangle CSS (bordures) sur a::after, distinct du span .arrow deja traite. Native au module, deja masque par lui sur mobile/tablette (<1200px) -- on la masque aussi sur desktop pour ne pas toucher au chevron mobile/tablette - 03/09/2026 ===== */
@media (min-width: 1200px) {
  .ets_mm_megamenu .ets_mm_categories a::after {
    display: none !important;
  }
}

/* ===== AJ FIX - sous-panneau "Femme/Homme" (flyout imbrique) sans marge interieure gauche (texte colle au bord) et trop proche du lien parent - 03/09/2026 ===== */
.ets_mm_megamenu li.has-sub > ul.ets_mm_categories {
  padding-left: 15px !important;
  margin-left: 6px !important;
}

/* AJ FIX - lien "Discover" EN sans fleche + mal aligne (bloc NEW IN homepage) */
/* La fleche est ajoutee en FR via a:last-child ; en EN le lien est ds un span/p */
#customblockaj .cblockaj1 > span:last-child > a,
#customblockaj .cblockaj3 > span:last-child > a,
#customblockaj .cblockaj2 > p.cblockaj--text > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
}
#customblockaj .cblockaj1 > span:last-child > a::after,
#customblockaj .cblockaj3 > span:last-child > a::after,
#customblockaj .cblockaj2 > p.cblockaj--text > a::after {
  content: "" !important;
  display: inline-block !important;
  width: 1rem !important;
  height: 0.8rem !important;
  background: url("/themes/mizu/assets/css/ea0029a5f21e0067ece6.svg") 0% 0% / 1rem auto no-repeat !important;
}
#customblockaj .cblockaj2 p.cblockaj--text {
  margin-left: 0 !important;
  padding-top: 0 !important;
}

/* AJ FIX - Discover ACCESSORIES EN souligne + espacement titre/lien different du FR */
/* la version EN utilise un h3 au lieu d'un h2 (comme en FR), d'ou tailles/marges differentes */
#customblockaj .cblockaj2 p.cblockaj--text > a span {
  text-decoration: none !important;
}
#customblockaj h3.cblockaj--title {
  font-size: 1rem !important;
  margin-bottom: 0px !important;
  margin-top: 10px !important;
}

/* AJ FIX - footer desktop : 6 blocs (SHOPPING/ABOUT US/CUSTOMER SERVICE/FOLLOW US/Your account/Store information) mais grille a 4 colonnes -> les 2 derniers passaient a la ligne */
#footer .link-list {
  grid-template-columns: repeat(6, 1fr) !important;
}

/* AJ FIX - titres "Your account" / "Store information" en majuscules comme les autres colonnes du footer */
#footer h3.myaccount-title,
#footer h3.block-contact-title {
  text-transform: uppercase !important;
}

/* AJ FIX - police résultats recherche (dropdown), harmonisation avec le site (SUIT non chargée -> Manrope) */
.ui-autocomplete.searchbar-autocomplete,
.ui-autocomplete.searchbar-autocomplete .product,
.ui-autocomplete.searchbar-autocomplete button {
  font-family: 'Manrope', Arial, sans-serif !important;
}

/* AJ FIX - icone "Connexion/Mon compte" (desktop/tablette) identique a celle du theme prod, a la place du texte */
.user-info a.underline-hover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}
.user-info a.underline-hover::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'><path d='M124.4,115.7c13.9,0,25.2-11.3,25.2-25.2c0-13.9-11.3-25.2-25.2-25.2c-13.9,0-25.2,11.3-25.2,25.2c0,0,0,0,0,0C99.2,104.4,110.5,115.7,124.4,115.7z M124.4,70.6c11,0,19.9,8.9,19.9,19.9s-8.9,19.9-19.9,19.9c-11,0-19.9-8.9-19.9-19.9c0,0,0,0,0,0C104.6,79.5,113.5,70.6,124.4,70.6z'/><path d='M125.1,124.6c-25.9,0-46.9,21-46.9,46.9c0,0,0,0,0,0v10.8c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0h88.5c1.5,0,2.7-1.2,2.7-2.7l0,0v-10.8C172.1,145.7,151.1,124.6,125.1,124.6C125.1,124.6,125.1,124.6,125.1,124.6z M166.7,179.7H83.5v-8.1c0-23,18.6-41.6,41.6-41.6s41.6,18.6,41.6,41.6L166.7,179.7z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'><path d='M124.4,115.7c13.9,0,25.2-11.3,25.2-25.2c0-13.9-11.3-25.2-25.2-25.2c-13.9,0-25.2,11.3-25.2,25.2c0,0,0,0,0,0C99.2,104.4,110.5,115.7,124.4,115.7z M124.4,70.6c11,0,19.9,8.9,19.9,19.9s-8.9,19.9-19.9,19.9c-11,0-19.9-8.9-19.9-19.9c0,0,0,0,0,0C104.6,79.5,113.5,70.6,124.4,70.6z'/><path d='M125.1,124.6c-25.9,0-46.9,21-46.9,46.9c0,0,0,0,0,0v10.8c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0h88.5c1.5,0,2.7-1.2,2.7-2.7l0,0v-10.8C172.1,145.7,151.1,124.6,125.1,124.6C125.1,124.6,125.1,124.6,125.1,124.6z M166.7,179.7H83.5v-8.1c0-23,18.6-41.6,41.6-41.6s41.6,18.6,41.6,41.6L166.7,179.7z'/></svg>") no-repeat center / contain;
}

/* AJ FIX - correctif taille/couleur icone connexion + coeur, alignees sur les autres icones header (03/09/2026) */
.user-info a.underline-hover {
  width: 24px;
  height: 24px;
}
.user-info a.underline-hover::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='70 57 110 136'><path d='M124.4,115.7c13.9,0,25.2-11.3,25.2-25.2c0-13.9-11.3-25.2-25.2-25.2c-13.9,0-25.2,11.3-25.2,25.2c0,0,0,0,0,0C99.2,104.4,110.5,115.7,124.4,115.7z M124.4,70.6c11,0,19.9,8.9,19.9,19.9s-8.9,19.9-19.9,19.9c-11,0-19.9-8.9-19.9-19.9c0,0,0,0,0,0C104.6,79.5,113.5,70.6,124.4,70.6z'/><path d='M125.1,124.6c-25.9,0-46.9,21-46.9,46.9c0,0,0,0,0,0v10.8c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0h88.5c1.5,0,2.7-1.2,2.7-2.7l0,0v-10.8C172.1,145.7,151.1,124.6,125.1,124.6C125.1,124.6,125.1,124.6,125.1,124.6z M166.7,179.7H83.5v-8.1c0-23,18.6-41.6,41.6-41.6s41.6,18.6,41.6,41.6L166.7,179.7z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='70 57 110 136'><path d='M124.4,115.7c13.9,0,25.2-11.3,25.2-25.2c0-13.9-11.3-25.2-25.2-25.2c-13.9,0-25.2,11.3-25.2,25.2c0,0,0,0,0,0C99.2,104.4,110.5,115.7,124.4,115.7z M124.4,70.6c11,0,19.9,8.9,19.9,19.9s-8.9,19.9-19.9,19.9c-11,0-19.9-8.9-19.9-19.9c0,0,0,0,0,0C104.6,79.5,113.5,70.6,124.4,70.6z'/><path d='M125.1,124.6c-25.9,0-46.9,21-46.9,46.9c0,0,0,0,0,0v10.8c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0h88.5c1.5,0,2.7-1.2,2.7-2.7l0,0v-10.8C172.1,145.7,151.1,124.6,125.1,124.6C125.1,124.6,125.1,124.6,125.1,124.6z M166.7,179.7H83.5v-8.1c0-23,18.6-41.6,41.6-41.6s41.6,18.6,41.6,41.6L166.7,179.7z'/></svg>") no-repeat center / contain;
}


/* AJ FIX - icone connexion trop claire/fine + trop d'espace avant le panier (03/09/2026) */
.user-info {
  margin-right: 8px !important;
}
.user-info a.underline-hover::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='70 57 110 136'><path fill='black' stroke='black' stroke-width='6' d='M124.4,115.7c13.9,0,25.2-11.3,25.2-25.2c0-13.9-11.3-25.2-25.2-25.2c-13.9,0-25.2,11.3-25.2,25.2c0,0,0,0,0,0C99.2,104.4,110.5,115.7,124.4,115.7z M124.4,70.6c11,0,19.9,8.9,19.9,19.9s-8.9,19.9-19.9,19.9c-11,0-19.9-8.9-19.9-19.9c0,0,0,0,0,0C104.6,79.5,113.5,70.6,124.4,70.6z'/><path fill='black' stroke='black' stroke-width='6' d='M125.1,124.6c-25.9,0-46.9,21-46.9,46.9c0,0,0,0,0,0v10.8c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0h88.5c1.5,0,2.7-1.2,2.7-2.7l0,0v-10.8C172.1,145.7,151.1,124.6,125.1,124.6C125.1,124.6,125.1,124.6,125.1,124.6z M166.7,179.7H83.5v-8.1c0-23,18.6-41.6,41.6-41.6s41.6,18.6,41.6,41.6L166.7,179.7z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='70 57 110 136'><path fill='black' stroke='black' stroke-width='6' d='M124.4,115.7c13.9,0,25.2-11.3,25.2-25.2c0-13.9-11.3-25.2-25.2-25.2c-13.9,0-25.2,11.3-25.2,25.2c0,0,0,0,0,0C99.2,104.4,110.5,115.7,124.4,115.7z M124.4,70.6c11,0,19.9,8.9,19.9,19.9s-8.9,19.9-19.9,19.9c-11,0-19.9-8.9-19.9-19.9c0,0,0,0,0,0C104.6,79.5,113.5,70.6,124.4,70.6z'/><path fill='black' stroke='black' stroke-width='6' d='M125.1,124.6c-25.9,0-46.9,21-46.9,46.9c0,0,0,0,0,0v10.8c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0h88.5c1.5,0,2.7-1.2,2.7-2.7l0,0v-10.8C172.1,145.7,151.1,124.6,125.1,124.6C125.1,124.6,125.1,124.6,125.1,124.6z M166.7,179.7H83.5v-8.1c0-23,18.6-41.6,41.6-41.6s41.6,18.6,41.6,41.6L166.7,179.7z'/></svg>") no-repeat center / contain;
}

/* AJ FIX - ajustement final icone connexion (epaisseur exacte du panier) + espacement identique panier<->coeur + coeur recentre verticalement (03/09/2026) */
.user-info {
  margin-right: 0 !important;
}
.right-nav > div:first-child {
  margin-right: 8px !important;
}
.user-info a.underline-hover::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='70 57 110 136'><path fill='black' stroke='black' stroke-width='3' d='M124.4,115.7c13.9,0,25.2-11.3,25.2-25.2c0-13.9-11.3-25.2-25.2-25.2c-13.9,0-25.2,11.3-25.2,25.2c0,0,0,0,0,0C99.2,104.4,110.5,115.7,124.4,115.7z M124.4,70.6c11,0,19.9,8.9,19.9,19.9s-8.9,19.9-19.9,19.9c-11,0-19.9-8.9-19.9-19.9c0,0,0,0,0,0C104.6,79.5,113.5,70.6,124.4,70.6z'/><path fill='black' stroke='black' stroke-width='3' d='M125.1,124.6c-25.9,0-46.9,21-46.9,46.9c0,0,0,0,0,0v10.8c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0h88.5c1.5,0,2.7-1.2,2.7-2.7l0,0v-10.8C172.1,145.7,151.1,124.6,125.1,124.6C125.1,124.6,125.1,124.6,125.1,124.6z M166.7,179.7H83.5v-8.1c0-23,18.6-41.6,41.6-41.6s41.6,18.6,41.6,41.6L166.7,179.7z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='70 57 110 136'><path fill='black' stroke='black' stroke-width='3' d='M124.4,115.7c13.9,0,25.2-11.3,25.2-25.2c0-13.9-11.3-25.2-25.2-25.2c-13.9,0-25.2,11.3-25.2,25.2c0,0,0,0,0,0C99.2,104.4,110.5,115.7,124.4,115.7z M124.4,70.6c11,0,19.9,8.9,19.9,19.9s-8.9,19.9-19.9,19.9c-11,0-19.9-8.9-19.9-19.9c0,0,0,0,0,0C104.6,79.5,113.5,70.6,124.4,70.6z'/><path fill='black' stroke='black' stroke-width='3' d='M125.1,124.6c-25.9,0-46.9,21-46.9,46.9c0,0,0,0,0,0v10.8c0,1.5,1.2,2.7,2.7,2.7c0,0,0,0,0,0h88.5c1.5,0,2.7-1.2,2.7-2.7l0,0v-10.8C172.1,145.7,151.1,124.6,125.1,124.6C125.1,124.6,125.1,124.6,125.1,124.6z M166.7,179.7H83.5v-8.1c0-23,18.6-41.6,41.6-41.6s41.6,18.6,41.6,41.6L166.7,179.7z'/></svg>") no-repeat center / contain;
}

/* Mobile header : ajout icone connexion + repositionnement/reduction du logo */
.mobile-nav #menu-icon {
  margin-right: 6px !important;
}
#_mobile_logo {
  margin-right: 6px !important;
}
#_mobile_logo img {
  max-width: 125px !important;
  height: auto;
}
#_mobile_user_info {
  margin-right: 8px !important;
  display: inline-flex;
  align-items: center;
}

/* Mobile header : correction alignement logo + icone menu (03/09/2026) */
#_mobile_logo {
  margin-left: 6px !important;
}
#menu-icon {
  background-position: center !important;
}

/* Mobile header : restauration alignement a droite du groupe d'icones (03/09/2026) */
#_mobile_user_info {
  margin-left: auto !important;
}

/* Mobile header : reduction largeur menu-icon (03/09/2026) */
@media (max-width: 767px) {
  .mobile-nav #menu-icon {
    width: 14px !important;
  }
}

/* Mobile header : ajustement hauteur menu-toggle avec bandeau annonce (03/09/2026) */
body:has(#announcement-bar:not([style*="display: none"])):not(.header-stuck) .ybc-menu-toggle {
  top: 55px !important;
}

/* Mobile header : ajustement hauteur menu-toggle en mode sticky (03/09/2026) */
@media (max-width: 767px) {
  .ets_mm_megamenu .ybc-menu-toggle {
    top: 20px !important;
  }
}

/* Header tablette : elargissement du logo desktop (03/09/2026) */
@media (min-width: 768px) and (max-width: 1199px) {
  #_desktop_logo {
    width: 35% !important;
  }
}

/* Fiche produit : espacement entre le nom de marque et le titre produit (03/09/2026) */
.product-manufacturer-heading {
  margin-bottom: 10px;
}

/* Fiche produit : masquage complet du bloc declinaison couleur (03/09/2026) */
.product-variants-item:has(.input-color) {
  display: none;
}

/* Fiche produit : marge du fil d'Ariane, cohérente avec les autres pages (03/09/2026) */
#product .breadcrumb {
  margin-left: 15px;
  margin-top: 25px;
}

/* Fiche produit : masquage du fil d'Ariane sur mobile uniquement (03/09/2026) */
@media (max-width: 767px) {
  #product .breadcrumb {
    display: none !important;
  }
}

/* Fiche produit : barre de separation avant le bloc "Des questions ?" (03/09/2026) */
.product-faq-block {
  border-top: 1px solid #232323;
  padding-top: 1.5rem;
}

/* Pages categorie : masquage de l'image de couverture propre a chaque categorie (03/09/2026) */
.block-category-image {
  display: none !important;
}

/* Mobile header : augmentation espacement entre icones (compte/panier/coeur/recherche) - mobile uniquement */
@media (max-width: 767px) {
  #_mobile_cart {
    margin-right: 8px !important;
  }
  .wishlist-header-link {
    margin-right: 8px !important;
  }
  .search-trigger {
    margin-right: 8px !important;
  }
}

/* Mobile : titre HP (ex: Nouveauté Accessoires) sur une seule ligne - mobile uniquement */
@media (max-width: 767px) {
  #custom-text h1,
  #custom-text h2,
  #custom-text h3,
  #custom-text h4,
  #custom-text h5,
  #custom-text h6 {
    width: 100% !important;
  }
}

/* ===== AJ FIX - description courte fiche produit visible sur mobile/tablette (etait masquee par .hidden-md-down du theme Mizu, theme.css) - 04/09/2026 ===== */
@media (max-width: 991px) {
  .product-description-short.hidden-md-down {
    display: block !important;
  }
}

/* ===== AJ FIX - fleches navigation images fiche produit mobile/tablette - 04/09/2026 ===== */
@media (max-width: 991px) {
  #_mobile_product_images {
    position: relative;
  }
  .aj-prod-nav-arrow {
    position: absolute;
    bottom: 15px;
    z-index: 5;
    width: 14px;
    height: 14px;
    padding: 0;
  }
  .aj-prod-nav-arrow::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: #000;
    border-width: 0 2px 2px 0;
  }
  .aj-prod-nav-prev {
    left: 15px;
  }
  .aj-prod-nav-prev::before {
    transform: rotate(135deg);
  }
  .aj-prod-nav-next {
    right: 15px;
  }
  .aj-prod-nav-next::before {
    transform: rotate(-45deg);
  }
  #_mobile_product_images:has(.carousel-item:first-child.active) .aj-prod-nav-prev {
    display: none !important;
  }
  #_mobile_product_images:has(.carousel-item:last-child.active) .aj-prod-nav-next {
    display: none !important;
  }
}

/* ===== AJ FIX - bloc "Nos produits" (HP) : titre aligné a gauche + espacement aligne sur le bloc "En promo" - 04/09/2026 ===== */
.featured-products:not(.on-sale):not(.new-in) h2.products-section-title {
  margin-left: 1rem;
  margin-right: auto;
}
.featured-products:not(.on-sale):not(.new-in) {
  margin-top: 5rem;
}

/* ===== AJ FIX - bloc "Nouveautes" (New products block, HP) : titre aligne a gauche + espacement aligne sur les autres blocs - 04/09/2026 ===== */
.new-in.featured-products h2.products-section-title {
  margin-left: 1rem;
  margin-right: auto;
}
.new-in.featured-products {
  margin-top: 5rem;
}

/* Fix header tunnel de commande (page-order) : desactive le bouton menu invisible qui chevauchait le logo, 07/09/2026 */
body.page-order .ybc-menu-toggle{
    display:none !important;
}