/* La belle histoire — static flow layout (archive used Lenis + sticky scroll) */

body.ldb-la-belle-histoire-native-page .site-la-belle-histoire.page-wrapper,
body.ldb-la-belle-histoire-native-page .site-la-belle-histoire.e-con,
body.ldb-la-belle-histoire-native-page .la-belle-histoire-body-widget,
body.ldb-la-belle-histoire-native-page .la-belle-histoire-body-widget .elementor-widget-container,
body.ldb-la-belle-histoire-native-page .about-section-root,
body.ldb-la-belle-histoire-native-page .about-section-root .elementor-widget-container,
body.ldb-la-belle-histoire-native-page .main-wrapper.overflow {
  overflow: visible !important;
}

body.ldb-la-belle-histoire-native-page .main-wrapper.overflow {
  width: 100%;
  position: relative;
  z-index: 1;
  padding-bottom: 2em;
}

body.ldb-la-belle-histoire-native-page .shopify-section {
  display: block;
  width: 100%;
  position: relative;
}

/* Page shell — white under navy hero wave (archive body) */
body.ldb-la-belle-histoire-native-page,
body.ldb-la-belle-histoire-native-page .ldb-native-body-shell,
body.ldb-la-belle-histoire-native-page .site-la-belle-histoire.page-wrapper {
  background-color: #fff;
}

/* Hero — navy SVG banner; archive .banni-re uses white copy */
body.ldb-la-belle-histoire-native-page .banni-re.in-about {
  position: relative;
  z-index: 1;
  margin-top: -7.9em;
  padding-bottom: 6em;
  color: #fff;
  overflow: hidden;
}

body.ldb-la-belle-histoire-native-page .home-hero-background.in-about {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: none;
  height: auto;
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
}

body.ldb-la-belle-histoire-native-page .banni-re.in-about .vertical-padding.large-top {
  padding-top: 12em;
  padding-bottom: 4em;
  position: relative;
  z-index: 1;
}

body.ldb-la-belle-histoire-native-page .banni-re.in-about .h1,
body.ldb-la-belle-histoire-native-page .banni-re.in-about .h1-script,
body.ldb-la-belle-histoire-native-page .banni-re.in-about .hero-paragraph,
body.ldb-la-belle-histoire-native-page .banni-re.in-about .hero-paragraph p,
body.ldb-la-belle-histoire-native-page .banni-re.in-about a {
  color: #fff;
}

body.ldb-la-belle-histoire-native-page .h1-script {
  font-family: "Captain Nelson script printed", sans-serif;
  font-size: 1.4em;
}

body.ldb-la-belle-histoire-native-page .hero-components {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  color: #fff;
}

body.ldb-la-belle-histoire-native-page .banni-re.in-about .hero-paragraph {
  width: 60em;
  max-width: 100%;
  text-align: center;
  color: #fff;
}

/* Patrimoine reuses .hero-paragraph on white — keep navy body copy */
body.ldb-la-belle-histoire-native-page .section-notre-patrimoine .hero-paragraph,
body.ldb-la-belle-histoire-native-page .section-notre-patrimoine .hero-paragraph p,
body.ldb-la-belle-histoire-native-page .notre-patrimoine-top .hero-paragraph {
  color: #2d365a;
}

body.ldb-la-belle-histoire-native-page .hero-cover-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1em;
}

body.ldb-la-belle-histoire-native-page .hero-cover {
  width: 55em;
  max-width: 100%;
  height: 35em;
  border-radius: 4em;
  overflow: hidden;
}

body.ldb-la-belle-histoire-native-page .hero-cover .cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.ldb-la-belle-histoire-native-page .indicator-script {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  opacity: 0.4;
  color: #2d365a;
  flex-direction: column;
  align-items: center;
  font-family: "Captain Nelson script printed", sans-serif;
  display: flex;
  position: absolute;
  bottom: 0.5em;
  left: -18.9em;
  z-index: 2;
}

/* Nos origines — disable archive sticky (needs Lenis) */
body.ldb-la-belle-histoire-native-page .section-nos-origines {
  position: relative;
  top: auto;
  z-index: 2;
  margin-top: -5em;
  padding-bottom: 6em;
}

body.ldb-la-belle-histoire-native-page .nos-origines-components {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
  z-index: 2;
}

body.ldb-la-belle-histoire-native-page .nos-origines-paragraph {
  max-width: 40em;
}

body.ldb-la-belle-histoire-native-page .image-map-wrapper-2 {
  justify-content: center;
  margin-top: -14vw;
  margin-bottom: 2em;
  display: flex;
  position: relative;
  z-index: 1;
  overflow: visible;
}

body.ldb-la-belle-histoire-native-page .image-map-wrapper-2 .image-map {
  width: 101%;
  max-width: none;
  margin-left: -0.8em;
  display: block;
}

body.ldb-la-belle-histoire-native-page .indicator-script.in-origines {
  margin-right: 26em;
  top: 30%;
  bottom: auto;
  left: auto;
  right: 0;
  transform: rotate(10deg);
}

body.ldb-la-belle-histoire-native-page .erquy {
  z-index: 2;
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  align-items: center;
  font-family: "Captain Nelson serif printed", sans-serif;
  font-size: 1.2em;
  display: flex;
  position: absolute;
  top: 7.3vw;
  right: 23.4vw;
}

/* Notre mission */
body.ldb-la-belle-histoire-native-page .section-notre-mission {
  background-color: #191919;
  border-radius: 10em;
  position: relative;
  z-index: 3;
  margin-top: 4em;
  padding-top: 5em;
  padding-bottom: 5em;
}

body.ldb-la-belle-histoire-native-page .notre-mission-components {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

body.ldb-la-belle-histoire-native-page .notre-mission-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

body.ldb-la-belle-histoire-native-page .notre-mission-top {
  flex-direction: column;
  align-items: center;
  display: flex;
  width: 100%;
}

body.ldb-la-belle-histoire-native-page .logo-big {
  width: 55.9em;
  max-width: 100%;
}

body.ldb-la-belle-histoire-native-page .advantages.in-collection {
  grid-column-gap: 0.25em;
  grid-row-gap: 1em;
  grid-template-columns: 1fr 1fr;
  font-size: 0.95em;
  display: grid;
  width: 100%;
  max-width: 70em;
  margin-top: 1.5em;
}

/* Match archive .advantage-icon (4.4em); keep _w-auto height so SVGs do not blow up */
body.ldb-la-belle-histoire-native-page .advantages.in-collection .advantage-icon {
  width: 4.4em !important;
  height: 4.4em !important;
  max-width: 4.4em !important;
  margin-bottom: 0.25em;
  object-fit: contain;
  display: block;
  flex: none;
}

body.ldb-la-belle-histoire-native-page .advantages.in-collection .advantage-icon._w-auto {
  width: auto !important;
  height: 4.4em !important;
  max-width: none !important;
  max-height: 4.4em !important;
}

body.ldb-la-belle-histoire-native-page .advantages.in-collection .advantage {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

body.ldb-la-belle-histoire-native-page .advantage.v2 {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

body.ldb-la-belle-histoire-native-page .advantage.v2.authentique,
body.ldb-la-belle-histoire-native-page .advantage.v2.durable {
  margin-top: 0;
}

body.ldb-la-belle-histoire-native-page .section-notre-mission .white-text,
body.ldb-la-belle-histoire-native-page .section-notre-mission .h3-advantage.white-text,
body.ldb-la-belle-histoire-native-page .h2-surtitle.in-white {
  color: #fff;
}

body.ldb-la-belle-histoire-native-page .section-notre-mission .highlight-text {
  color: #36b1a6;
}

body.ldb-la-belle-histoire-native-page .h2-surtitle.in-white.small {
  opacity: 0.28;
  margin-bottom: -0.3em;
  font-size: 3.8em;
  font-weight: 400;
}

/* Notre patrimoine */
body.ldb-la-belle-histoire-native-page .div-block-3 {
  background-color: #fff;
  position: relative;
  z-index: 4;
  overflow: visible;
  padding-bottom: 2em;
}

body.ldb-la-belle-histoire-native-page .section-notre-patrimoine {
  background-color: #fff;
  position: relative;
  overflow: visible;
  padding-bottom: 4em;
}

body.ldb-la-belle-histoire-native-page .notre-patrimoine-components {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

body.ldb-la-belle-histoire-native-page .notre-patrimoine-top {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

body.ldb-la-belle-histoire-native-page .notre-patrimoine-content {
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
  min-height: 32em;
}

body.ldb-la-belle-histoire-native-page .patrimoine-slider {
  width: 100%;
  max-width: 54em;
  position: relative;
  z-index: 2;
}

body.ldb-la-belle-histoire-native-page .slider.patrimoine {
  margin-bottom: 0;
  padding-bottom: 3em;
  overflow: hidden;
  position: relative;
}

body.ldb-la-belle-histoire-native-page .slider.patrimoine .w-slider-mask,
body.ldb-la-belle-histoire-native-page .slider.patrimoine .mask-patrimoine {
  display: flex;
  overflow: hidden;
  width: 54em;
  max-width: 100%;
  height: 30em;
  margin-left: auto;
  margin-right: auto;
}

body.ldb-la-belle-histoire-native-page .slider.patrimoine .slide-patrimoine {
  flex: 0 0 100%;
  min-width: 100%;
}

body.ldb-la-belle-histoire-native-page .slide-patrimoine-content {
  width: 50em;
  max-width: 100%;
  height: 30em;
  border-radius: 3.5em;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 6px 19px 0 1px #191919;
}

body.ldb-la-belle-histoire-native-page .slide-patrimoine-cover {
  width: 100%;
  height: 100%;
  border-radius: 3.5em;
  overflow: hidden;
}

body.ldb-la-belle-histoire-native-page .patrimoine-flag {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  pointer-events: none;
  z-index: 1;
}

body.ldb-la-belle-histoire-native-page .breton-flag-patrimoine {
  width: 43em;
  max-width: 80%;
}

body.ldb-la-belle-histoire-native-page .button-wrapper.in-patrimoine {
  margin-top: 4em;
}

body.ldb-la-belle-histoire-native-page .slider.patrimoine .arrow.dark {
  z-index: 3;
  cursor: pointer;
}

/* Sur la route */
body.ldb-la-belle-histoire-native-page .sur-la-route-wavy-shape {
  width: 100%;
  display: block;
  position: relative;
  z-index: 5;
  margin-top: -2em;
}

body.ldb-la-belle-histoire-native-page .section-sur-la-route {
  height: auto;
  background-image: linear-gradient(#2d365a00, #141414),
    url("../ref/photo02.png");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: center;
  margin-top: -8em;
  padding-top: 24em;
  padding-bottom: 16em;
  display: flex;
  position: relative;
  z-index: 5;
}

body.ldb-la-belle-histoire-native-page .sur-la-route-components {
  width: 100%;
}

body.ldb-la-belle-histoire-native-page .nos-origines-components._2 {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  position: relative;
  top: auto;
  margin-top: 0;
}

body.ldb-la-belle-histoire-native-page .h2-script.white-text._2 {
  font-family: "Captain Nelson script printed", sans-serif;
  font-size: 3.3em;
  color: #fff;
}

body.ldb-la-belle-histoire-native-page .sur-la-route-paragraph {
  max-width: 40em;
  color: #fff;
}

body.ldb-la-belle-histoire-native-page .ancre-derniere-section {
  position: relative;
  top: auto;
  height: 0;
}

/* Blue wave before global footer (exempt from bridge duplicate-footer hide) */
body.ldb-la-belle-histoire-native-page .footer-wrapper.origines {
  display: block !important;
  margin-top: -10em;
  margin-bottom: 0;
  position: relative;
  z-index: 6;
  pointer-events: none;
}

body.ldb-la-belle-histoire-native-page .footer-wrapper.origines .footer-shape {
  width: 100%;
  display: block;
}

/* Global footer must sit above page overlaps */
body.ldb-la-belle-histoire-native-page .ldb-chrome-footer {
  position: relative;
  z-index: 100;
  margin-top: 0;
  clear: both;
  isolation: isolate;
}

@media screen and (max-width: 991px) {
  body.ldb-la-belle-histoire-native-page .home-hero-background.in-about {
    width: 167%;
  }

  body.ldb-la-belle-histoire-native-page .hero-cover {
    height: 28em;
  }

  body.ldb-la-belle-histoire-native-page .section-notre-mission {
    border-radius: 3em;
    margin-top: 2em;
    padding-top: 3em;
    padding-bottom: 3em;
  }

  body.ldb-la-belle-histoire-native-page .image-map-wrapper-2 {
    margin-top: -8vw;
  }

  body.ldb-la-belle-histoire-native-page .advantages.in-collection {
    grid-template-columns: 1fr;
  }

  body.ldb-la-belle-histoire-native-page .advantages.in-collection .advantage-icon {
    width: 3.52em !important;
    height: 3.52em !important;
    max-width: 3.52em !important;
  }

  body.ldb-la-belle-histoire-native-page .advantages.in-collection .advantage-icon._w-auto {
    width: auto !important;
    height: 3.52em !important;
    max-width: none !important;
    max-height: 3.52em !important;
  }

  body.ldb-la-belle-histoire-native-page .notre-patrimoine-content {
    min-height: 18em;
  }

  body.ldb-la-belle-histoire-native-page .slider.patrimoine .w-slider-mask,
  body.ldb-la-belle-histoire-native-page .slider.patrimoine .mask-patrimoine {
    width: 25em;
    height: 15em;
  }

  body.ldb-la-belle-histoire-native-page .slide-patrimoine-content {
    width: 90%;
    height: 15em;
    border-radius: 1.1em;
    box-shadow: 3px 10px 0 1px #191919;
  }

  body.ldb-la-belle-histoire-native-page .section-sur-la-route {
    background-position: 0 0, 45%;
    margin-top: -4em;
    margin-left: 0;
    padding-top: 16em;
    padding-bottom: 10em;
  }

  body.ldb-la-belle-histoire-native-page .footer-wrapper.origines {
    margin-top: -6em;
  }

  body.ldb-la-belle-histoire-native-page .h2-surtitle.in-white.small {
    font-size: 2.7em;
  }

  body.ldb-la-belle-histoire-native-page .logo-big {
    width: 45em;
  }
}

@media screen and (max-width: 767px) {
  body.ldb-la-belle-histoire-native-page .hero-paragraph {
    width: auto;
  }

  body.ldb-la-belle-histoire-native-page .hero-cover {
    width: auto;
    height: 16.4em;
    border-radius: 1.6em;
  }

  body.ldb-la-belle-histoire-native-page .home-hero-background.in-about {
    width: 351%;
  }

  body.ldb-la-belle-histoire-native-page .indicator-script {
    font-size: 0.7em;
    bottom: -42%;
    left: 0;
  }

  body.ldb-la-belle-histoire-native-page .indicator-script.in-origines {
    font-size: 0.7em;
    top: 26%;
    margin-right: 21.5em;
  }

  body.ldb-la-belle-histoire-native-page .h2-script.white-text._2 {
    font-size: 2.2em;
  }

  body.ldb-la-belle-histoire-native-page .section-nos-origines {
    margin-top: 0;
    padding-bottom: 3em;
  }
}