.elementor-224 .elementor-element.elementor-element-d8fa8f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-224 .elementor-element.elementor-element-d8fa8f2:not(.elementor-motion-effects-element-type-background), .elementor-224 .elementor-element.elementor-element-d8fa8f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCF7F1;}.elementor-224 .elementor-element.elementor-element-d8fa8f2.e-con{--align-self:center;}.elementor-224 .elementor-element.elementor-element-b0eef55{width:100%;max-width:100%;}.elementor-224 .elementor-element.elementor-element-b0eef55.elementor-element{--align-self:stretch;}.elementor-224 .elementor-element.elementor-element-87bbf9f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-224 .elementor-element.elementor-element-87bbf9f:not(.elementor-motion-effects-element-type-background), .elementor-224 .elementor-element.elementor-element-87bbf9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCF7F1;}.elementor-224 .elementor-element.elementor-element-87bbf9f.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-224 .elementor-element.elementor-element-57c026c{width:100%;max-width:100%;}.elementor-224 .elementor-element.elementor-element-57c026c.elementor-element{--align-self:stretch;}.elementor-224 .elementor-element.elementor-element-223f88d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-224:not(.elementor-motion-effects-element-type-background), .elementor-224 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-224{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-224 .elementor-element.elementor-element-d8fa8f2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--z-index:99;}}/* Start custom CSS for container, class: .elementor-element-d8fa8f2 *//* ============================================================
   MAISON SAINT-MARTIN — HEADER GLOBAL CUSTOM V1.6
   Emplacement : modèle Elementor Header > CSS personnalisé, identique dans les deux conteneurs si nécessaire
   Direction : logo centré, navigation à gauche, icônes à droite,
   présence opaline sans ombre, ligne plus couture.
   V1.6 : liens mobile affinés ; source unique du header.
   ============================================================ */

:root {
  --msm-header-custom-h-desktop: 76px;
  --msm-header-custom-h-tablette: 64px;
  --msm-header-custom-bg: rgba(248, 246, 239, 0.50);
  --msm-header-custom-bg-mobile: rgba(248, 246, 239, 0.56);
  --msm-header-custom-panel-bg: rgba(248, 246, 239, 0.70);
  --msm-header-custom-border: rgba(35, 30, 24, 0.028);
  --msm-header-custom-ink: rgba(30, 26, 21, 0.88);
  --msm-header-custom-ink-soft: rgba(30, 26, 21, 0.72);
}

/* Conserve le masquage du header sur la page d'accueil. */
body.home #header-main,
body.home #show-hide-header-tablette {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Racines Elementor : coquilles fixes, opalines, sans ombre. */
#header-main,
#show-hide-header-tablette {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 2147482000 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--msm-header-custom-ink) !important;
  background: var(--msm-header-custom-bg) !important;
  border-bottom: 1px solid var(--msm-header-custom-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.035) brightness(1.01) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.035) brightness(1.01) !important;
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: visible !important;
  isolation: isolate !important;
  transition:
    transform 280ms cubic-bezier(.22, .61, .36, 1),
    opacity 220ms ease,
    visibility 220ms ease,
    background-color 260ms ease !important;
}

#header-main {
  min-height: var(--msm-header-custom-h-desktop) !important;
  max-height: 84px !important;
}

#show-hide-header-tablette {
  min-height: var(--msm-header-custom-h-tablette) !important;
  max-height: 72px !important;
  background: var(--msm-header-custom-bg-mobile) !important;
}

@media (min-width: 1025px) {
  html body #header-main:not([data-msm-header-forced-hidden-v485="1"]),
  body.msm-atlas-v34-active #header-main:not([data-msm-header-forced-hidden-v485="1"]),
  body.msm-header-desktop-v485 #header-main:not([data-msm-header-forced-hidden-v485="1"]) {
    display: block !important;
  }

  html body #show-hide-header-tablette,
  body.msm-atlas-v34-active #show-hide-header-tablette,
  body.msm-header-desktop-v485 #show-hide-header-tablette {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 1024px) {
  html body #header-main,
  body.msm-atlas-v34-active #header-main,
  body.msm-header-tablette-v485 #header-main {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  html body #show-hide-header-tablette:not([data-msm-header-forced-hidden-v485="1"]),
  body.msm-atlas-v34-active #show-hide-header-tablette:not([data-msm-header-forced-hidden-v485="1"]),
  body.msm-header-tablette-v485 #show-hide-header-tablette:not([data-msm-header-forced-hidden-v485="1"]) {
    display: block !important;
  }
}

#header-main[data-msm-header-forced-hidden-v485="1"],
#show-hide-header-tablette[data-msm-header-forced-hidden-v485="1"],
#header-main.elementor-sticky__spacer,
#show-hide-header-tablette.elementor-sticky__spacer,
.elementor-sticky__spacer#header-main,
.elementor-sticky__spacer#show-hide-header-tablette {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

#header-main .elementor-widget-html,
#show-hide-header-tablette .elementor-widget-html,
#header-main .elementor-widget-html > .elementor-widget-container,
#show-hide-header-tablette .elementor-widget-html > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.msm-header-custom,
#header-main .msm-header-custom,
#show-hide-header-tablette .msm-header-custom {
  box-sizing: border-box !important;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: var(--msm-header-custom-ink) !important;
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 11.6px !important;
  font-weight: 400 !important;
  letter-spacing: 0.155em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  overflow: visible !important;
}

.msm-header-custom *,
.msm-header-custom *::before,
.msm-header-custom *::after {
  box-sizing: border-box !important;
}

/* Desktop : navigation gauche, logo strictement centré, icônes droites. */
.msm-header-custom-desktop {
  min-height: var(--msm-header-custom-h-desktop) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: clamp(24px, 4vw, 68px) !important;
  padding: 0 clamp(30px, 4.6vw, 64px) !important;
}

/* Tablette/mobile : burger gauche, logo centré, icônes droites. */
.msm-header-custom-tablette {
  position: relative !important;
  min-height: var(--msm-header-custom-h-tablette) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  padding-left: max(18px, env(safe-area-inset-left, 0px)) !important;
  padding-right: max(18px, env(safe-area-inset-right, 0px)) !important;
}

.msm-header-logo,
.msm-header-nav a,
.msm-header-mobile-panel a,
.msm-header-icon,
.msm-header-burger {
  color: var(--msm-header-custom-ink) !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.msm-header-logo {
  grid-column: 2 !important;
  justify-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  font-size: 12.9px !important;
  letter-spacing: 0.195em !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
  transform: translateX(0.095em) !important;
  transition: opacity 180ms ease !important;
}

.msm-header-custom-tablette .msm-header-logo {
  font-size: 12.6px !important;
  letter-spacing: 0.18em !important;
}

.msm-header-nav {
  grid-column: 1 !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(30px, 4.5vw, 58px) !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.msm-header-nav a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 0 7px !important;
  font-size: 11.8px !important;
  letter-spacing: 0.17em !important;
  line-height: 1 !important;
  opacity: 0.82 !important;
  transition: opacity 180ms ease !important;
}

.msm-header-nav a::after,
.msm-header-mobile-panel a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -2px !important;
  width: 16px !important;
  height: 1px !important;
  background: currentColor !important;
  opacity: 0.22 !important;
  transform: scaleX(1) !important;
  transform-origin: left center !important;
  transition: width 260ms cubic-bezier(.22, .61, .36, 1), opacity 220ms ease !important;
}

.msm-header-mobile-panel a {
  position: relative !important;
}

@media (hover: hover) and (pointer: fine) {
  .msm-header-nav a:hover,
  .msm-header-logo:hover,
  .msm-header-icon:hover,
  .msm-header-mobile-panel a:hover {
    opacity: 0.98 !important;
  }

  .msm-header-nav a:hover::after,
  .msm-header-mobile-panel a:hover::after {
    width: 30px !important;
    opacity: 0.38 !important;
  }
}

.msm-header-icons {
  grid-column: 3 !important;
  justify-self: end !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 13px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.msm-header-icon {
  width: 25px !important;
  height: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.82 !important;
  transition: opacity 180ms ease !important;
}

.msm-header-icon svg {
  display: block !important;
  width: 19.3px !important;
  height: 19.3px !important;
  overflow: visible !important;
}

.msm-header-icon svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.24 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

.msm-header-account svg path {
  stroke-width: 1.22 !important;
}

.msm-header-cart svg path:first-child {
  stroke-width: 1.18 !important;
}

.msm-header-cart svg path:last-child {
  stroke-width: 1.24 !important;
}

.msm-header-burger {
  grid-column: 1 !important;
  justify-self: start !important;
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  width: 35px !important;
  height: 35px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  cursor: pointer !important;
  opacity: 0.78 !important;
}

.msm-header-burger span {
  display: block !important;
  width: 19.5px !important;
  height: 1px !important;
  background: currentColor !important;
  transform-origin: center !important;
  transition: transform 260ms cubic-bezier(.22, .61, .36, 1), opacity 180ms ease !important;
}

.msm-header-custom-tablette.is-open .msm-header-burger span:first-child,
.msm-header-mobile-open-v4105 .msm-header-burger span:first-child {
  transform: translateY(3px) rotate(42deg) !important;
}

.msm-header-custom-tablette.is-open .msm-header-burger span:last-child,
.msm-header-mobile-open-v4105 .msm-header-burger span:last-child {
  transform: translateY(-3px) rotate(-42deg) !important;
}

.msm-header-mobile-panel {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(22px, 7vw, 40px) !important;
  padding: 20px max(22px, env(safe-area-inset-right, 0px)) 22px max(22px, env(safe-area-inset-left, 0px)) !important;
  background: var(--msm-header-custom-panel-bg) !important;
  border-bottom: 1px solid var(--msm-header-custom-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) saturate(1.025) brightness(1.01) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.025) brightness(1.01) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(0, -8px, 0) !important;
  transition: opacity 240ms ease, transform 300ms cubic-bezier(.22, .61, .36, 1), visibility 240ms ease !important;
}

.msm-header-mobile-panel a {
  color: var(--msm-header-custom-ink) !important;
  text-decoration: none !important;
  font-size: 14.1px !important;
  letter-spacing: 0.17em !important;
  line-height: 1 !important;
  opacity: 0.82 !important;
  padding-bottom: 7px !important;
}

.msm-header-custom-tablette.is-open .msm-header-mobile-panel,
.msm-header-mobile-open-v4105 .msm-header-mobile-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) !important;
}

/* États pilotés par la page produit Atlas. */
body.msm-atlas-v34-active.msm-header-top-locked-v485:not(.msm-header-hidden-v34):not(.msm-promenade-active-v38):not(.msm-autonav-fullscreen-desktop-v415):not(.msm-autonav-fullscreen-desktop-v414):not(.msm-acquisition-visible-v40) #header-main,
body.msm-atlas-v34-active.msm-header-top-locked-v485:not(.msm-header-hidden-v34):not(.msm-promenade-active-v38):not(.msm-autonav-fullscreen-desktop-v415):not(.msm-autonav-fullscreen-desktop-v414):not(.msm-acquisition-visible-v40) #show-hide-header-tablette {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.msm-header-hidden-v34 #header-main,
body.msm-header-hidden-v34 #show-hide-header-tablette,
body.msm-fullscreen-technique-actif-v429 #header-main,
body.msm-fullscreen-technique-actif-v429 #show-hide-header-tablette,
body.msm-promenade-active-v38 #header-main,
body.msm-promenade-active-v38 #show-hide-header-tablette,
body.msm-autonav-fullscreen-desktop-v415 #header-main,
body.msm-autonav-fullscreen-desktop-v415 #show-hide-header-tablette,
body.msm-autonav-fullscreen-desktop-v414 #header-main,
body.msm-autonav-fullscreen-desktop-v414 #show-hide-header-tablette {
  transform: translate3d(0, -108%, 0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  :root {
    --msm-header-custom-h-tablette: 60px;
  }

  .msm-header-custom-tablette {
    column-gap: 10px !important;
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }

  .msm-header-custom-tablette .msm-header-logo {
    font-size: 14.2px !important;
    letter-spacing: 0.165em !important;
  }

  .msm-header-icons {
    gap: 9px !important;
  }

  .msm-header-icon {
    width: 27.6px !important;
    height: 27.6px !important;
  }

  .msm-header-icon svg {
    width: 21.2px !important;
    height: 21.2px !important;
  }
}

/* V1.5 — compatibilité page produit : le curseur custom doit passer au-dessus
   du header opalin sans bloquer les clics, et le curseur natif reste masque. */
.msm-cursor-couture-v429 {
  z-index: 2147483000 !important;
  pointer-events: none !important;
}



@media (hover: hover) and (pointer: fine) {
  html.msm-cursor-couture-global-v429 #header-main,
  html.msm-cursor-couture-global-v429 #header-main *,
  html.msm-cursor-couture-global-v429 #show-hide-header-tablette,
  html.msm-cursor-couture-global-v429 #show-hide-header-tablette *,
  body.msm-cursor-couture-global-v429 #header-main,
  body.msm-cursor-couture-global-v429 #header-main *,
  body.msm-cursor-couture-global-v429 #show-hide-header-tablette,
  body.msm-cursor-couture-global-v429 #show-hide-header-tablette * {
    cursor: none !important;
  }
}


/* ============================================================
   V1.5 — autorite mobile custom, sans toucher a la croix burger
   ============================================================ */
@media (max-width: 1024px) {
  #show-hide-header-tablette .msm-header-mobile-panel,
  body #show-hide-header-tablette .msm-header-mobile-panel {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(24px, 7.4vw, 44px) !important;
    white-space: nowrap !important;
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }

  #show-hide-header-tablette .msm-header-mobile-panel a,
  body #show-hide-header-tablette .msm-header-mobile-panel a {
    display: inline-flex !important;
    width: auto !important;
    white-space: nowrap !important;
    font-size: 14.1px !important;
    letter-spacing: 0.17em !important;
  }
}

@media (max-width: 767px) {
  #show-hide-header-tablette .msm-header-custom-tablette .msm-header-logo,
  body #show-hide-header-tablette .msm-header-custom-tablette .msm-header-logo {
    font-size: 14.2px !important;
    opacity: 0.96 !important;
  }

  #show-hide-header-tablette .msm-header-icon,
  body #show-hide-header-tablette .msm-header-icon {
    width: 27.6px !important;
    height: 27.6px !important;
  }

  #show-hide-header-tablette .msm-header-icon svg,
  body #show-hide-header-tablette .msm-header-icon svg {
    width: 21.2px !important;
    height: 21.2px !important;
  }
}

/* ============================================================
   V1.5 — autorité finale mobile/tablette, sélecteurs explicites
   Ce bloc est volontairement préfixé par les IDs racines.
   ============================================================ */
@media (max-width: 1024px) {
  #show-hide-header-tablette .msm-header-custom-tablette,
  body #show-hide-header-tablette .msm-header-custom-tablette {
    min-height: 64px !important;
  }

  #show-hide-header-tablette .msm-header-mobile-panel,
  body #show-hide-header-tablette .msm-header-mobile-panel {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(24px, 7.4vw, 44px) !important;
    white-space: nowrap !important;
  }

  #show-hide-header-tablette .msm-header-mobile-panel a,
  body #show-hide-header-tablette .msm-header-mobile-panel a {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    font-size: 14.1px !important;
    letter-spacing: 0.17em !important;
    line-height: 1 !important;
  }
}

@media (max-width: 767px) {
  :root {
    --msm-header-custom-h-tablette: 60px;
  }

  #show-hide-header-tablette .msm-header-custom-tablette .msm-header-logo,
  body #show-hide-header-tablette .msm-header-custom-tablette .msm-header-logo {
    font-size: 14.2px !important;
    letter-spacing: 0.165em !important;
    opacity: 0.96 !important;
  }

  #show-hide-header-tablette .msm-header-icon,
  body #show-hide-header-tablette .msm-header-icon {
    width: 27.6px !important;
    height: 27.6px !important;
  }

  #show-hide-header-tablette .msm-header-icon svg,
  body #show-hide-header-tablette .msm-header-icon svg {
    width: 21.2px !important;
    height: 21.2px !important;
  }
}



/* ============================================================
   V1.6 — liens du burger mobile : trait plus allonge et plus visible
   ============================================================ */
#show-hide-header-tablette .msm-header-mobile-panel a::after,
body #show-hide-header-tablette .msm-header-mobile-panel a::after {
  width: 22px !important;
  opacity: 0.34 !important;
  height: 1px !important;
  bottom: -3px !important;
}
#show-hide-header-tablette .msm-header-mobile-panel a:hover::after,
#show-hide-header-tablette .msm-header-mobile-panel a:focus-visible::after,
body #show-hide-header-tablette .msm-header-mobile-panel a:hover::after,
body #show-hide-header-tablette .msm-header-mobile-panel a:focus-visible::after {
  width: 38px !important;
  opacity: 0.48 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87bbf9f *//* ============================================================
   MAISON SAINT-MARTIN — HEADER GLOBAL CUSTOM V1.6
   Emplacement : modèle Elementor Header > CSS personnalisé, identique dans les deux conteneurs si nécessaire
   Direction : logo centré, navigation à gauche, icônes à droite,
   présence opaline sans ombre, ligne plus couture.
   V1.6 : liens mobile affinés ; source unique du header.
   ============================================================ */

:root {
  --msm-header-custom-h-desktop: 76px;
  --msm-header-custom-h-tablette: 64px;
  --msm-header-custom-bg: rgba(248, 246, 239, 0.50);
  --msm-header-custom-bg-mobile: rgba(248, 246, 239, 0.56);
  --msm-header-custom-panel-bg: rgba(248, 246, 239, 0.70);
  --msm-header-custom-border: rgba(35, 30, 24, 0.028);
  --msm-header-custom-ink: rgba(30, 26, 21, 0.88);
  --msm-header-custom-ink-soft: rgba(30, 26, 21, 0.72);
}

/* Conserve le masquage du header sur la page d'accueil. */
body.home #header-main,
body.home #show-hide-header-tablette {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Racines Elementor : coquilles fixes, opalines, sans ombre. */
#header-main,
#show-hide-header-tablette {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 2147482000 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--msm-header-custom-ink) !important;
  background: var(--msm-header-custom-bg) !important;
  border-bottom: 1px solid var(--msm-header-custom-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.035) brightness(1.01) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.035) brightness(1.01) !important;
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: visible !important;
  isolation: isolate !important;
  transition:
    transform 280ms cubic-bezier(.22, .61, .36, 1),
    opacity 220ms ease,
    visibility 220ms ease,
    background-color 260ms ease !important;
}

#header-main {
  min-height: var(--msm-header-custom-h-desktop) !important;
  max-height: 84px !important;
}

#show-hide-header-tablette {
  min-height: var(--msm-header-custom-h-tablette) !important;
  max-height: 72px !important;
  background: var(--msm-header-custom-bg-mobile) !important;
}

@media (min-width: 1025px) {
  html body #header-main:not([data-msm-header-forced-hidden-v485="1"]),
  body.msm-atlas-v34-active #header-main:not([data-msm-header-forced-hidden-v485="1"]),
  body.msm-header-desktop-v485 #header-main:not([data-msm-header-forced-hidden-v485="1"]) {
    display: block !important;
  }

  html body #show-hide-header-tablette,
  body.msm-atlas-v34-active #show-hide-header-tablette,
  body.msm-header-desktop-v485 #show-hide-header-tablette {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 1024px) {
  html body #header-main,
  body.msm-atlas-v34-active #header-main,
  body.msm-header-tablette-v485 #header-main {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  html body #show-hide-header-tablette:not([data-msm-header-forced-hidden-v485="1"]),
  body.msm-atlas-v34-active #show-hide-header-tablette:not([data-msm-header-forced-hidden-v485="1"]),
  body.msm-header-tablette-v485 #show-hide-header-tablette:not([data-msm-header-forced-hidden-v485="1"]) {
    display: block !important;
  }
}

#header-main[data-msm-header-forced-hidden-v485="1"],
#show-hide-header-tablette[data-msm-header-forced-hidden-v485="1"],
#header-main.elementor-sticky__spacer,
#show-hide-header-tablette.elementor-sticky__spacer,
.elementor-sticky__spacer#header-main,
.elementor-sticky__spacer#show-hide-header-tablette {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

#header-main .elementor-widget-html,
#show-hide-header-tablette .elementor-widget-html,
#header-main .elementor-widget-html > .elementor-widget-container,
#show-hide-header-tablette .elementor-widget-html > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.msm-header-custom,
#header-main .msm-header-custom,
#show-hide-header-tablette .msm-header-custom {
  box-sizing: border-box !important;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: var(--msm-header-custom-ink) !important;
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 11.6px !important;
  font-weight: 400 !important;
  letter-spacing: 0.155em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  overflow: visible !important;
}

.msm-header-custom *,
.msm-header-custom *::before,
.msm-header-custom *::after {
  box-sizing: border-box !important;
}

/* Desktop : navigation gauche, logo strictement centré, icônes droites. */
.msm-header-custom-desktop {
  min-height: var(--msm-header-custom-h-desktop) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: clamp(24px, 4vw, 68px) !important;
  padding: 0 clamp(30px, 4.6vw, 64px) !important;
}

/* Tablette/mobile : burger gauche, logo centré, icônes droites. */
.msm-header-custom-tablette {
  position: relative !important;
  min-height: var(--msm-header-custom-h-tablette) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  padding-left: max(18px, env(safe-area-inset-left, 0px)) !important;
  padding-right: max(18px, env(safe-area-inset-right, 0px)) !important;
}

.msm-header-logo,
.msm-header-nav a,
.msm-header-mobile-panel a,
.msm-header-icon,
.msm-header-burger {
  color: var(--msm-header-custom-ink) !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.msm-header-logo {
  grid-column: 2 !important;
  justify-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  font-size: 12.9px !important;
  letter-spacing: 0.195em !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
  transform: translateX(0.095em) !important;
  transition: opacity 180ms ease !important;
}

.msm-header-custom-tablette .msm-header-logo {
  font-size: 12.6px !important;
  letter-spacing: 0.18em !important;
}

.msm-header-nav {
  grid-column: 1 !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(30px, 4.5vw, 58px) !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.msm-header-nav a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 0 7px !important;
  font-size: 11.8px !important;
  letter-spacing: 0.17em !important;
  line-height: 1 !important;
  opacity: 0.82 !important;
  transition: opacity 180ms ease !important;
}

.msm-header-nav a::after,
.msm-header-mobile-panel a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -2px !important;
  width: 16px !important;
  height: 1px !important;
  background: currentColor !important;
  opacity: 0.22 !important;
  transform: scaleX(1) !important;
  transform-origin: left center !important;
  transition: width 260ms cubic-bezier(.22, .61, .36, 1), opacity 220ms ease !important;
}

.msm-header-mobile-panel a {
  position: relative !important;
}

@media (hover: hover) and (pointer: fine) {
  .msm-header-nav a:hover,
  .msm-header-logo:hover,
  .msm-header-icon:hover,
  .msm-header-mobile-panel a:hover {
    opacity: 0.98 !important;
  }

  .msm-header-nav a:hover::after,
  .msm-header-mobile-panel a:hover::after {
    width: 30px !important;
    opacity: 0.38 !important;
  }
}

.msm-header-icons {
  grid-column: 3 !important;
  justify-self: end !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 13px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.msm-header-icon {
  width: 25px !important;
  height: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.82 !important;
  transition: opacity 180ms ease !important;
}

.msm-header-icon svg {
  display: block !important;
  width: 19.3px !important;
  height: 19.3px !important;
  overflow: visible !important;
}

.msm-header-icon svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.24 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

.msm-header-account svg path {
  stroke-width: 1.22 !important;
}

.msm-header-cart svg path:first-child {
  stroke-width: 1.18 !important;
}

.msm-header-cart svg path:last-child {
  stroke-width: 1.24 !important;
}

.msm-header-burger {
  grid-column: 1 !important;
  justify-self: start !important;
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  width: 35px !important;
  height: 35px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  cursor: pointer !important;
  opacity: 0.78 !important;
}

.msm-header-burger span {
  display: block !important;
  width: 19.5px !important;
  height: 1px !important;
  background: currentColor !important;
  transform-origin: center !important;
  transition: transform 260ms cubic-bezier(.22, .61, .36, 1), opacity 180ms ease !important;
}

.msm-header-custom-tablette.is-open .msm-header-burger span:first-child,
.msm-header-mobile-open-v4105 .msm-header-burger span:first-child {
  transform: translateY(3px) rotate(42deg) !important;
}

.msm-header-custom-tablette.is-open .msm-header-burger span:last-child,
.msm-header-mobile-open-v4105 .msm-header-burger span:last-child {
  transform: translateY(-3px) rotate(-42deg) !important;
}

.msm-header-mobile-panel {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(22px, 7vw, 40px) !important;
  padding: 20px max(22px, env(safe-area-inset-right, 0px)) 22px max(22px, env(safe-area-inset-left, 0px)) !important;
  background: var(--msm-header-custom-panel-bg) !important;
  border-bottom: 1px solid var(--msm-header-custom-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) saturate(1.025) brightness(1.01) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.025) brightness(1.01) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(0, -8px, 0) !important;
  transition: opacity 240ms ease, transform 300ms cubic-bezier(.22, .61, .36, 1), visibility 240ms ease !important;
}

.msm-header-mobile-panel a {
  color: var(--msm-header-custom-ink) !important;
  text-decoration: none !important;
  font-size: 14.1px !important;
  letter-spacing: 0.17em !important;
  line-height: 1 !important;
  opacity: 0.82 !important;
  padding-bottom: 7px !important;
}

.msm-header-custom-tablette.is-open .msm-header-mobile-panel,
.msm-header-mobile-open-v4105 .msm-header-mobile-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) !important;
}

/* États pilotés par la page produit Atlas. */
body.msm-atlas-v34-active.msm-header-top-locked-v485:not(.msm-header-hidden-v34):not(.msm-promenade-active-v38):not(.msm-autonav-fullscreen-desktop-v415):not(.msm-autonav-fullscreen-desktop-v414):not(.msm-acquisition-visible-v40) #header-main,
body.msm-atlas-v34-active.msm-header-top-locked-v485:not(.msm-header-hidden-v34):not(.msm-promenade-active-v38):not(.msm-autonav-fullscreen-desktop-v415):not(.msm-autonav-fullscreen-desktop-v414):not(.msm-acquisition-visible-v40) #show-hide-header-tablette {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.msm-header-hidden-v34 #header-main,
body.msm-header-hidden-v34 #show-hide-header-tablette,
body.msm-fullscreen-technique-actif-v429 #header-main,
body.msm-fullscreen-technique-actif-v429 #show-hide-header-tablette,
body.msm-promenade-active-v38 #header-main,
body.msm-promenade-active-v38 #show-hide-header-tablette,
body.msm-autonav-fullscreen-desktop-v415 #header-main,
body.msm-autonav-fullscreen-desktop-v415 #show-hide-header-tablette,
body.msm-autonav-fullscreen-desktop-v414 #header-main,
body.msm-autonav-fullscreen-desktop-v414 #show-hide-header-tablette {
  transform: translate3d(0, -108%, 0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  :root {
    --msm-header-custom-h-tablette: 60px;
  }

  .msm-header-custom-tablette {
    column-gap: 10px !important;
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }

  .msm-header-custom-tablette .msm-header-logo {
    font-size: 14.2px !important;
    letter-spacing: 0.165em !important;
  }

  .msm-header-icons {
    gap: 9px !important;
  }

  .msm-header-icon {
    width: 27.6px !important;
    height: 27.6px !important;
  }

  .msm-header-icon svg {
    width: 21.2px !important;
    height: 21.2px !important;
  }
}

/* V1.5 — compatibilité page produit : le curseur custom doit passer au-dessus
   du header opalin sans bloquer les clics, et le curseur natif reste masque. */
.msm-cursor-couture-v429 {
  z-index: 2147483000 !important;
  pointer-events: none !important;
}



@media (hover: hover) and (pointer: fine) {
  html.msm-cursor-couture-global-v429 #header-main,
  html.msm-cursor-couture-global-v429 #header-main *,
  html.msm-cursor-couture-global-v429 #show-hide-header-tablette,
  html.msm-cursor-couture-global-v429 #show-hide-header-tablette *,
  body.msm-cursor-couture-global-v429 #header-main,
  body.msm-cursor-couture-global-v429 #header-main *,
  body.msm-cursor-couture-global-v429 #show-hide-header-tablette,
  body.msm-cursor-couture-global-v429 #show-hide-header-tablette * {
    cursor: none !important;
  }
}


/* ============================================================
   V1.5 — autorite mobile custom, sans toucher a la croix burger
   ============================================================ */
@media (max-width: 1024px) {
  #show-hide-header-tablette .msm-header-mobile-panel,
  body #show-hide-header-tablette .msm-header-mobile-panel {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(24px, 7.4vw, 44px) !important;
    white-space: nowrap !important;
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }

  #show-hide-header-tablette .msm-header-mobile-panel a,
  body #show-hide-header-tablette .msm-header-mobile-panel a {
    display: inline-flex !important;
    width: auto !important;
    white-space: nowrap !important;
    font-size: 14.1px !important;
    letter-spacing: 0.17em !important;
  }
}

@media (max-width: 767px) {
  #show-hide-header-tablette .msm-header-custom-tablette .msm-header-logo,
  body #show-hide-header-tablette .msm-header-custom-tablette .msm-header-logo {
    font-size: 14.2px !important;
    opacity: 0.96 !important;
  }

  #show-hide-header-tablette .msm-header-icon,
  body #show-hide-header-tablette .msm-header-icon {
    width: 27.6px !important;
    height: 27.6px !important;
  }

  #show-hide-header-tablette .msm-header-icon svg,
  body #show-hide-header-tablette .msm-header-icon svg {
    width: 21.2px !important;
    height: 21.2px !important;
  }
}

/* ============================================================
   V1.5 — autorité finale mobile/tablette, sélecteurs explicites
   Ce bloc est volontairement préfixé par les IDs racines.
   ============================================================ */
@media (max-width: 1024px) {
  #show-hide-header-tablette .msm-header-custom-tablette,
  body #show-hide-header-tablette .msm-header-custom-tablette {
    min-height: 64px !important;
  }

  #show-hide-header-tablette .msm-header-mobile-panel,
  body #show-hide-header-tablette .msm-header-mobile-panel {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(24px, 7.4vw, 44px) !important;
    white-space: nowrap !important;
  }

  #show-hide-header-tablette .msm-header-mobile-panel a,
  body #show-hide-header-tablette .msm-header-mobile-panel a {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    font-size: 14.1px !important;
    letter-spacing: 0.17em !important;
    line-height: 1 !important;
  }
}

@media (max-width: 767px) {
  :root {
    --msm-header-custom-h-tablette: 60px;
  }

  #show-hide-header-tablette .msm-header-custom-tablette .msm-header-logo,
  body #show-hide-header-tablette .msm-header-custom-tablette .msm-header-logo {
    font-size: 14.2px !important;
    letter-spacing: 0.165em !important;
    opacity: 0.96 !important;
  }

  #show-hide-header-tablette .msm-header-icon,
  body #show-hide-header-tablette .msm-header-icon {
    width: 27.6px !important;
    height: 27.6px !important;
  }

  #show-hide-header-tablette .msm-header-icon svg,
  body #show-hide-header-tablette .msm-header-icon svg {
    width: 21.2px !important;
    height: 21.2px !important;
  }
}



/* ============================================================
   V1.6 — liens du burger mobile : trait plus allonge et plus visible
   ============================================================ */
#show-hide-header-tablette .msm-header-mobile-panel a::after,
body #show-hide-header-tablette .msm-header-mobile-panel a::after {
  width: 22px !important;
  opacity: 0.34 !important;
  height: 1px !important;
  bottom: -3px !important;
}
#show-hide-header-tablette .msm-header-mobile-panel a:hover::after,
#show-hide-header-tablette .msm-header-mobile-panel a:focus-visible::after,
body #show-hide-header-tablette .msm-header-mobile-panel a:hover::after,
body #show-hide-header-tablette .msm-header-mobile-panel a:focus-visible::after {
  width: 38px !important;
  opacity: 0.48 !important;
}/* End custom CSS */