@import url(https://use.typekit.net/gdf1rqk.css);
/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@charset "UTF-8";
/*****************************************************
******************* Import CSS Files *****************
******************************************************/
/****************** Vendor ***************************/
/****************** Fonts ***************************/
/****************** Abstract folder *****************/
/*****************************************************
******************* Variables.scss *******************
******************************************************/
/****************** Font-size ***********************/
/********* Title *********/
/***** h1 *****/
/***** h2 *****/
/***** h3 *****/
/********* Texte *********/
/************* Container Size ***********************/
/**************** Font-family ***********************/
/****************** Colors **************************/
/**************** transition ************************/
/*****************************************************
********************* Mixin.scss *********************
******************************************************/
/****************** Reset ***************************/
/****************** Fonts ***************************/
/*****************************************************
******************* Functions.scss *******************
******************************************************/
/***************** Html & body ***************************/
html, body {
  font-size: 10px;
  min-height: 100vh;
  scrollbar-width: thin;
  scrollbar-color: #06081C rgba(6, 8, 28, 0.1);
}
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
  background: rgba(6, 8, 28, 0.1);
}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  background: #06081C;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  line-height: 1;
}

/****************** Container *************************/
.container {
  max-width: 153rem;
  width: 90%;
  margin: 0 auto;
}
.container__base {
  max-width: 153rem;
}
.container__big {
  max-width: 128.5rem;
  width: 90%;
}
.container__med {
  max-width: 100rem;
  width: 90%;
}
.container__small {
  max-width: 80rem;
  width: 90%;
}
.container__tiny {
  max-width: 61.5rem;
  width: 90%;
}
.container__fullwidth {
  max-width: 100%;
  width: 100%;
}

/****************** Vendors folder ******************/
/****************** Base folder *********************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*****************************************************
******************* typographie.scss *****************
******************************************************/
/************************************************** titre */
h1, h2, h3, h4 {
  margin: 0;
  line-height: 1;
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
}

h1 {
  font-size: 4rem;
}
h1.title__big {
  font-size: 4.8rem;
}
h1.title__small {
  font-size: 3.3rem;
}

h2 {
  font-size: 3.3rem;
}
h2.title__big {
  font-size: 4rem;
}
h2.title__small {
  font-size: 2.8rem;
}

h3 {
  font-size: 2.3rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h3.title__big {
  font-size: 2.8rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
h3.title__small {
  font-size: 1.9rem;
}

@media screen and (min-width: 1024px) {
  h1 {
    font-size: 5.5rem;
  }
  h1.title__big {
    font-size: 6.9rem;
  }
  h1.title__small {
    font-size: 4.4rem;
  }
  h2 {
    font-size: 4.4rem;
  }
  h2.title__big {
    font-size: 6.9rem;
  }
  h2.title__small {
    font-size: 3.5rem;
  }
  h3 {
    font-size: 2.8rem;
  }
  h3.title__big {
    font-size: 3.5rem;
  }
  h3.title__small {
    font-size: 2.2rem;
  }
}
/************************************** texte ****/
p, li {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.6;
}
p.body__big, li.body__big {
  font-size: 1.7rem;
}
p.body__small, li.body__small {
  font-size: 1.3rem;
}
p a, li a {
  text-decoration: none;
  display: inline-block;
  color: #58842C;
  transition: 0.4s ease;
}
p a:hover, li a:hover {
  opacity: 0.5;
}

main.page ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
main.page ul li {
  position: relative;
  padding-left: 2.4rem;
}
main.page ul li::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  transform: rotate(-45deg);
  border: 1px solid #58842C;
  background: #58842C;
  position: absolute;
  top: 0.75rem;
  left: 0;
}
main.page ul li ul {
  margin-top: 1rem;
}
main.page ul li ul li::before {
  background: transparent;
}
main.page ol {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  counter-reset: my-awesome-counter;
}
main.page ol li {
  position: relative;
  padding-left: 2.4rem;
  counter-increment: my-awesome-counter;
}
main.page ol li::before {
  content: counter(my-awesome-counter) ". ";
  display: block;
  color: #58842C;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
main.page ol li ul {
  margin-top: 1rem;
}
main.page ol li ul li {
  counter-increment: none;
}
main.page ol li ul li::before {
  content: "";
  background: transparent;
  top: 0.75rem;
}

@media screen and (min-width: 1024px) {
  p, li {
    font-size: 1.8rem;
  }
  p.body__big, li.body__big {
    font-size: 2.2rem;
  }
  p.body__small, li.body__small {
    font-size: 1.4rem;
  }
}
/****************** Layout folder *******************/
/*****************************************************
******************* Navigation.scss *******************
******************************************************/
.nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: #FFFFFF;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-100%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  overflow: hidden;
}
.nav__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
  flex-shrink: 0;
}
.nav__logo img {
  max-width: 12rem;
}
.nav__close {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  width: 4.4rem;
  height: 4.4rem;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.nav__close span {
  display: block;
  width: 2rem;
  height: 1.5px;
  background: #2D3227;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.nav__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.nav__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.nav__body {
  flex: 1;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.nav__body::-webkit-scrollbar {
  display: none;
}
.nav__body .container {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.nav__search-form {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #F4F4F4;
  border: 1px solid rgba(45, 50, 39, 0.15);
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
}
.nav__search-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  color: rgba(45, 50, 39, 0.4);
}
.nav__search-input {
  background: none;
  border: none;
  outline: none;
  color: #181818;
  font-size: 1.3rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
}
.nav__search-input::-moz-placeholder {
  color: rgba(24, 24, 24, 0.4);
}
.nav__search-input::placeholder {
  color: rgba(24, 24, 24, 0.4);
}
.nav__menu .sub-menu {
  margin: 0;
  padding: 0;
}
.nav__menu--primary > .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.nav__menu--primary > .menu > li {
  border-bottom: 1px solid rgba(45, 50, 39, 0.08);
}
.nav__menu--primary > .menu > li > a {
  text-decoration: none;
  display: inline-block;
  color: #181818;
  font-size: 1.8rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 0;
  transition: opacity 0.4s ease;
}
.nav__menu--primary > .menu > li > a:hover {
  opacity: 0.5;
}
.nav__menu--primary > .menu > li.menu-item-has-children > a::after {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-right: 1.5px solid rgba(45, 50, 39, 0.4);
  border-bottom: 1.5px solid rgba(45, 50, 39, 0.4);
  transform: rotate(45deg);
  transition: transform 0.4s ease;
  flex-shrink: 0;
}
.nav__menu--primary > .menu > li.menu-item-has-children.is-open > a::after {
  transform: rotate(-135deg);
}
.nav__menu--primary > .menu > li.menu-item-has-children > .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.nav__menu--primary > .menu > li.menu-item-has-children > .sub-menu a {
  text-decoration: none;
  display: inline-block;
  color: rgba(24, 24, 24, 0.55);
  font-size: 1.5rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: color 0.4s ease;
}
.nav__menu--primary > .menu > li.menu-item-has-children > .sub-menu a:hover {
  color: #181818;
}
.nav__menu--primary > .menu > li.menu-item-has-children.is-open > .sub-menu {
  padding: 1.2rem 0 1.6rem 0;
}
.nav__menu--top > .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.nav__menu--top > .menu > li > a {
  text-decoration: none;
  display: inline-block;
  color: rgba(24, 24, 24, 0.4);
  font-size: 1.4rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 0;
  transition: color 0.4s ease;
}
.nav__menu--top > .menu > li > a:hover {
  color: rgba(24, 24, 24, 0.7);
}
.nav__menu--top > .menu > li.menu-item-has-children > a::after {
  content: "";
  display: block;
  width: 0.55rem;
  height: 0.55rem;
  border-right: 1px solid rgba(45, 50, 39, 0.2);
  border-bottom: 1px solid rgba(45, 50, 39, 0.2);
  transform: rotate(45deg);
  transition: transform 0.4s ease;
  flex-shrink: 0;
}
.nav__menu--top > .menu > li.menu-item-has-children.is-open > a::after {
  transform: rotate(-135deg);
}
.nav__menu--top > .menu > li.menu-item-has-children > .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.nav__menu--top > .menu > li.menu-item-has-children > .sub-menu a {
  text-decoration: none;
  display: inline-block;
  color: rgba(24, 24, 24, 0.3);
  font-size: 1.3rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: color 0.4s ease;
}
.nav__menu--top > .menu > li.menu-item-has-children > .sub-menu a:hover {
  color: rgba(24, 24, 24, 0.6);
}
.nav__menu--top > .menu > li.menu-item-has-children.is-open > .sub-menu {
  padding: 0.8rem 0 1.2rem 0;
}
.nav__footer {
  flex-shrink: 0;
  padding: 2rem 0;
}
.nav__footer > .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}
.nav__footer > .menu > li > a {
  text-decoration: none;
  display: inline-block;
  color: rgba(24, 24, 24, 0.4);
  font-size: 1.2rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: color 0.4s ease;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.nav__footer > .menu > li > a:hover {
  color: #181818;
}
.nav__footer > .menu > li.current-menu-item > a {
  color: #181818;
}
.nav__footer > .menu > li.menu-item-has-children > a::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 1px solid rgba(45, 50, 39, 0.35);
  border-bottom: 1px solid rgba(45, 50, 39, 0.35);
  transform: rotate(45deg);
  transition: transform 0.4s ease;
  flex-shrink: 0;
}
.nav__footer > .menu > li.menu-item-has-children.is-open > a::after {
  transform: rotate(-135deg);
}
.nav__footer > .menu > li.menu-item-has-children > .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding-left: 0.4rem;
}
.nav__footer > .menu > li.menu-item-has-children > .sub-menu a {
  text-decoration: none;
  display: inline-block;
  color: rgba(24, 24, 24, 0.3);
  font-size: 1.1rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: color 0.4s ease;
}
.nav__footer > .menu > li.menu-item-has-children > .sub-menu a:hover {
  color: #181818;
}
.nav__footer > .menu > li.menu-item-has-children.is-open > .sub-menu {
  padding-top: 0.6rem;
}
.nav__open {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}
@media screen and (min-width: 1024px) {
  .nav {
    display: none;
  }
}

.aw-breadcrumb {
  color: #181818;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
}

.aw-breadcrumb a {
  color: #181818;
  font-size: 1.4rem;
  transition: 0.4s ease;
}
.aw-breadcrumb a:hover {
  color: #58842C;
}

.aw-breadcrumb .sep {
  padding: 0px 6px;
  color: #181818;
  font-size: 1.4rem;
}

@media screen and (min-width: 1024px) {
  .aw-breadcrumb {
    margin-bottom: 4rem;
  }
}
/*****************************************************
********************* grid.scss **********************
******************************************************/
/*****************************************************
******************** Header.scss *********************
******************************************************/
.header__top {
  background: #2D3227;
  color: #FFFFFF;
  padding: 1.2rem 0;
}
.header__top__el {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: -moz-max-content;
  max-width: max-content;
  gap: 4rem;
}
.header__top__el p {
  font-size: 1.2rem;
}
.header__logo img {
  max-width: 8.5rem;
}
.header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem 0;
}
.header-left {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.header-center {
  display: flex;
  align-items: center;
  gap: 5rem;
}
.header__ham {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  height: 3rem;
  min-width: 3rem;
  cursor: pointer;
}
.header__ham .ham__el {
  height: 1px;
  width: 100%;
  background: #58842C;
  border-radius: 0.5rem;
  transition: transform 0.3s ease, opacity 0.3s ease, max-width 0.3s ease;
}
.header__ham .ham__el:nth-child(1) {
  transform-origin: center;
  margin-bottom: auto;
}
.header__ham .ham__el:nth-child(2) {
  max-width: 2.3rem;
  transform-origin: center;
}
.header__ham .ham__el:nth-child(3) {
  max-width: 1.8rem;
  transform-origin: center;
  margin-top: auto;
}
.header__ham--close .ham__el:nth-child(1) {
  transform: translateY(calc(1.5rem - 0.5px)) rotate(45deg);
}
.header__ham--close .ham__el:nth-child(2) {
  opacity: 0;
}
.header__ham--close .ham__el:nth-child(3) {
  max-width: 100%;
  transform: translateY(calc(-1.5rem + 0.5px)) rotate(-45deg);
}
.header__fixed {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100vw;
  background: #FFFFFF;
  box-shadow: 1px 7px 20px 0px rgba(6, 8, 28, 0.1);
  transition: 0.3s ease;
  z-index: 1000;
}
.header__fixed .header__wrapper {
  padding: 2rem 0;
  border-bottom: 0;
}
.header__hide {
  top: -100%;
}
.header__show {
  top: 0;
}
.header-logo {
  text-align: center;
}
.header-logo .header__wrapper {
  justify-content: center;
  padding: 0;
  border: none;
}

@media screen and (min-width: 1024px) {
  .header__top {
    padding: 1.7rem 0;
  }
  .header__top .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header__wrapper {
    padding: 1.1rem 0;
    position: relative;
  }
  .header__logo img {
    max-width: 15rem;
  }
  .header__ham {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .header__top__el p {
    font-size: 1.4rem;
  }
}
/*****************************************************
******************** Footer.scss *********************
******************************************************/
.footer {
  background: #2D3227;
  color: #F4F4F4;
}
.footer__wrapper {
  padding: 6rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.footer-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.footer-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.footer-left__el::after {
  content: "";
  display: block;
  width: 20rem;
  margin: 0 auto;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin-top: 4rem;
}
.footer-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6rem;
}
.footer-bottom {
  text-align: center;
}
.footer .certifications {
  max-width: 29rem;
  margin: 0 auto;
}
.footer__logo {
  max-width: 23.5rem;
  margin: 0 auto;
}
.footer .copy {
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
}
.footer .copy__craft {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.2rem;
}
.footer .copy__craft img {
  max-width: 10rem;
  line-height: 1.4;
}
.footer .newsletter {
  text-align: center;
}
.footer .newsletter h2 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.footer .newsletter p {
  margin-bottom: 2rem;
}
.footer .newsletter .form .gform_wrapper.gravity-theme .gfield--type-email input {
  background: transparent;
  border-radius: 0.5rem;
  border: 1px solid #F4F4F4;
  color: #F4F4F4;
  padding: 1.4rem 2.5rem;
  text-align: center;
}
.footer .newsletter .form .gform_wrapper.gravity-theme .gfield--type-email input::-moz-placeholder {
  color: rgba(244, 244, 244, 0.5);
}
.footer .newsletter .form .gform_wrapper.gravity-theme .gfield--type-email input::placeholder {
  color: rgba(244, 244, 244, 0.5);
}
.footer .newsletter .form .gform_wrapper.gravity-theme .gform-footer {
  margin-top: 1rem;
}
.footer .newsletter .form .gform_wrapper.gravity-theme .gform-footer input {
  width: 100%;
  border-radius: 0.5rem;
  background: #F4F4F4;
  color: #2D3227;
  padding: 1.6rem 2.5rem;
  line-height: 1 !important;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.footer .newsletter .form .gform_wrapper.gravity-theme .gform-footer input:hover {
  cursor: pointer;
  background: transparent;
  color: #F4F4F4;
}

@media screen and (min-width: 1024px) {
  .footer__wrapper {
    padding: 8rem 0;
    gap: 8rem;
  }
  .footer-top {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    gap: 8rem;
  }
  .footer-left {
    max-width: 35rem;
    gap: 8rem;
  }
  .footer-left__el::after {
    margin-top: 8rem;
  }
  .footer-left__el:last-child::after {
    margin: 0;
    background: transparent;
  }
  .footer-right {
    max-width: 87.5rem;
    align-items: flex-start;
  }
  .footer-bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3rem;
  }
  .footer-bottom__el {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
  }
  .footer-bottom__el p {
    width: -moz-max-content;
    width: max-content;
  }
  .footer .copy {
    margin-bottom: 0;
    padding-right: 1.2rem;
    line-height: 1;
    border-right: 1px solid #FFFFFF;
  }
  .footer .copy__craft {
    margin: 0;
    justify-content: flex-start;
    font-size: 1.4rem;
    line-height: 1;
    width: -moz-max-content;
    width: max-content;
  }
  .footer .copy__craft img {
    max-width: 8rem;
  }
  .footer .newsletter {
    text-align: left;
  }
  .footer .newsletter .form .gform_wrapper.gravity-theme form {
    display: flex;
    align-items: stretch;
  }
  .footer .newsletter .form .gform_wrapper.gravity-theme .gfield--type-email input {
    border-radius: 0;
    text-align: left;
    padding: 1.7rem 2rem;
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .footer .newsletter .form .gform_wrapper.gravity-theme .gform-body {
    max-width: 35rem;
  }
  .footer .newsletter .form .gform_wrapper.gravity-theme .gform-footer {
    max-width: 20rem;
    margin: 0;
  }
  .footer .newsletter .form .gform_wrapper.gravity-theme .gform-footer input {
    border-radius: 0;
    border: 1px solid #FFFFFF;
    border-radius: 0 0.5rem 0.5rem 0;
    font-size: 1.9rem;
    padding: 2rem 4rem;
  }
}
@media screen and (min-width: 1280px) {
  .footer-bottom {
    justify-content: space-between;
  }
  .footer__logo {
    max-width: 35rem;
  }
  .footer-right {
    gap: 10rem;
  }
  .footer .certifications {
    max-width: 35rem;
  }
  .footer .newsletter h2 {
    font-size: 2.8rem;
  }
  .footer .newsletter p {
    font-size: 2.2rem;
  }
  .footer .newsletter .form .gform_wrapper.gravity-theme .gfield--type-email input {
    font-size: 2.2rem;
  }
  .footer .newsletter .form .gform_wrapper.gravity-theme .gform-footer input {
    font-size: 2.5rem;
  }
}
/*****************************************************
******************** Sidebar.scss ********************
******************************************************/
/*****************************************************
********************* Forms.scss *********************
******************************************************/
/**************************************** Reset GF */
.gform_required_legend,
.gform_validation_errors {
  display: none;
}

.gfield--type-honeypot,
.gform_validation_container,
.gf_invisible,
li.hidden_label.gf_invisible {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/**************************************** Gravity Forms — overrides globaux */
html .gform_wrapper.gravity-theme {
  /**************************************** Bouton submit */
  /**************************************** Confirmation */
  /**************************************** Erreurs */
}
html .gform_wrapper.gravity-theme .gform_fields {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
}
html .gform_wrapper.gravity-theme .gfield_label,
html .gform_wrapper.gravity-theme .gfield_label_before_complex,
html .gform_wrapper.gravity-theme legend.gfield_label {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
html .gform_wrapper.gravity-theme .gfield.gfield_visibility_visible {
  position: relative;
}
html .gform_wrapper.gravity-theme .gfield--type-text input, html .gform_wrapper.gravity-theme .gfield--type-email input, html .gform_wrapper.gravity-theme .gfield--type-phone input, html .gform_wrapper.gravity-theme .gfield--type-number input, html .gform_wrapper.gravity-theme .gfield--type-url input {
  background: #F4F4F4;
  border: 1px solid rgba(45, 50, 39, 0.2);
  border-radius: 0.4rem;
  padding: 2.4rem;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  outline: none;
  box-shadow: none;
  width: 100%;
  transition: border-color 0.4s ease;
}
html .gform_wrapper.gravity-theme .gfield--type-text input::-moz-placeholder, html .gform_wrapper.gravity-theme .gfield--type-email input::-moz-placeholder, html .gform_wrapper.gravity-theme .gfield--type-phone input::-moz-placeholder, html .gform_wrapper.gravity-theme .gfield--type-number input::-moz-placeholder, html .gform_wrapper.gravity-theme .gfield--type-url input::-moz-placeholder {
  color: rgba(24, 24, 24, 0.5);
}
html .gform_wrapper.gravity-theme .gfield--type-text input::placeholder, html .gform_wrapper.gravity-theme .gfield--type-email input::placeholder, html .gform_wrapper.gravity-theme .gfield--type-phone input::placeholder, html .gform_wrapper.gravity-theme .gfield--type-number input::placeholder, html .gform_wrapper.gravity-theme .gfield--type-url input::placeholder {
  color: rgba(24, 24, 24, 0.5);
}
html .gform_wrapper.gravity-theme .gfield--type-text input:focus, html .gform_wrapper.gravity-theme .gfield--type-email input:focus, html .gform_wrapper.gravity-theme .gfield--type-phone input:focus, html .gform_wrapper.gravity-theme .gfield--type-number input:focus, html .gform_wrapper.gravity-theme .gfield--type-url input:focus {
  border-color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield--type-date .ginput_container_date {
  display: flex;
  gap: 0.8rem;
}
html .gform_wrapper.gravity-theme .gfield--type-date input[type=text],
html .gform_wrapper.gravity-theme .gfield--type-date input[type=number],
html .gform_wrapper.gravity-theme .gfield--type-date input[type=date] {
  background: #F4F4F4;
  border: 1px solid rgba(45, 50, 39, 0.2);
  border-radius: 0.4rem;
  padding: 2.4rem;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  outline: none;
  box-shadow: none;
  width: 100%;
  transition: border-color 0.4s ease;
}
html .gform_wrapper.gravity-theme .gfield--type-date input[type=text]::-moz-placeholder, html .gform_wrapper.gravity-theme .gfield--type-date input[type=number]::-moz-placeholder, html .gform_wrapper.gravity-theme .gfield--type-date input[type=date]::-moz-placeholder {
  color: rgba(24, 24, 24, 0.5);
}
html .gform_wrapper.gravity-theme .gfield--type-date input[type=text]::placeholder,
html .gform_wrapper.gravity-theme .gfield--type-date input[type=number]::placeholder,
html .gform_wrapper.gravity-theme .gfield--type-date input[type=date]::placeholder {
  color: rgba(24, 24, 24, 0.5);
}
html .gform_wrapper.gravity-theme .gfield--type-date input[type=text]:focus,
html .gform_wrapper.gravity-theme .gfield--type-date input[type=number]:focus,
html .gform_wrapper.gravity-theme .gfield--type-date input[type=date]:focus {
  border-color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield--type-date .gfield_date_day,
html .gform_wrapper.gravity-theme .gfield--type-date .gfield_date_month,
html .gform_wrapper.gravity-theme .gfield--type-date .gfield_date_year {
  flex: 1;
}
html .gform_wrapper.gravity-theme .gfield--type-date .gfield_date_day label,
html .gform_wrapper.gravity-theme .gfield--type-date .gfield_date_month label,
html .gform_wrapper.gravity-theme .gfield--type-date .gfield_date_year label {
  display: block;
  font-size: 1.2rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(24, 24, 24, 0.5);
  margin-bottom: 0.4rem;
}
html .gform_wrapper.gravity-theme .gfield--type-select .ginput_container_select {
  position: relative;
}
html .gform_wrapper.gravity-theme .gfield--type-select .ginput_container_select::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.8rem;
  background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232D3227' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.4rem;
  pointer-events: none;
}
html .gform_wrapper.gravity-theme .gfield--type-select select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: #F4F4F4;
  border: 1px solid rgba(45, 50, 39, 0.2);
  border-radius: 0.4rem;
  padding: 2.4rem;
  padding-right: 5rem;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  outline: none;
  box-shadow: none;
  width: 100%;
  cursor: pointer;
  transition: border-color 0.4s ease;
}
html .gform_wrapper.gravity-theme .gfield--type-select select:focus {
  border-color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield--type-textarea textarea {
  background: #F4F4F4;
  border: 1px solid rgba(45, 50, 39, 0.2);
  border-radius: 0.4rem;
  padding: 2.4rem;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  outline: none;
  box-shadow: none;
  resize: none;
  min-height: 19.7rem;
  width: 100%;
  transition: border-color 0.4s ease;
}
html .gform_wrapper.gravity-theme .gfield--type-textarea textarea::-moz-placeholder {
  color: rgba(24, 24, 24, 0.5);
}
html .gform_wrapper.gravity-theme .gfield--type-textarea textarea::placeholder {
  color: rgba(24, 24, 24, 0.5);
}
html .gform_wrapper.gravity-theme .gfield--type-textarea textarea:focus {
  border-color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield--type-checkbox {
  padding-bottom: 1.5rem;
}
html .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_checkbox {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
html .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice {
  display: flex;
}
html .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice input[type=checkbox] {
  display: none;
}
html .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice input[type=checkbox]:checked + label {
  background: #58842C;
  border-color: #58842C;
  color: #181818;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
html .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice label {
  display: inline-flex;
  align-items: center;
  max-width: none;
  padding: 0.8rem 1.8rem;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  background: #F4F4F4;
  border: 1px solid rgba(45, 50, 39, 0.2);
  border-radius: 10rem;
  cursor: pointer;
  transition: background 0.4s ease, border-color 0.4s ease, color 0.4s ease;
}
html .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice label:hover {
  border-color: #58842C;
  color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield--type-radio {
  padding-bottom: 1.5rem;
}
html .gform_wrapper.gravity-theme .gfield--type-radio .gfield_radio {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
html .gform_wrapper.gravity-theme .gfield--type-radio .gchoice {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
html .gform_wrapper.gravity-theme .gfield--type-radio .gchoice input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  background: #F4F4F4;
  border: 1px solid rgba(45, 50, 39, 0.2);
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  transition: border-color 0.4s ease, background 0.4s ease;
}
html .gform_wrapper.gravity-theme .gfield--type-radio .gchoice input[type=radio]::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
html .gform_wrapper.gravity-theme .gfield--type-radio .gchoice input[type=radio]:checked {
  background: #58842C;
  border-color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield--type-radio .gchoice input[type=radio]:checked::after {
  opacity: 1;
}
html .gform_wrapper.gravity-theme .gfield--type-radio .gchoice input[type=radio]:focus {
  border-color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield--type-radio .gchoice label {
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  cursor: pointer;
  margin: 0;
}
html .gform_wrapper.gravity-theme .gfield--type-fileupload input[type=file] {
  width: 100%;
  background: #F4F4F4;
  border: 1px solid rgba(45, 50, 39, 0.2);
  border-radius: 0.4rem;
  padding: 2rem 2.4rem;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  cursor: pointer;
  transition: border-color 0.4s ease;
  outline: none;
}
html .gform_wrapper.gravity-theme .gfield--type-fileupload input[type=file]::file-selector-button {
  background: #58842C;
  color: #181818;
  border: none;
  border-radius: 0.4rem;
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  cursor: pointer;
  margin-right: 1.6rem;
  transition: background 0.4s ease;
}
html .gform_wrapper.gravity-theme .gfield--type-fileupload input[type=file]::file-selector-button:hover {
  background: rgb(67.6, 101.4, 33.8);
}
html .gform_wrapper.gravity-theme .gfield--type-fileupload input[type=file]:focus {
  border-color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield--type-section {
  margin-bottom: 0.8rem;
}
html .gform_wrapper.gravity-theme .gfield--type-section .gsection_title {
  margin-top: 2rem;
}
html .gform_wrapper.gravity-theme .gform_footer,
html .gform_wrapper.gravity-theme .gform_page_footer {
  padding: 0;
  margin: 2.4rem 0 0;
}
html .gform_wrapper.gravity-theme .gform_footer input[type=submit],
html .gform_wrapper.gravity-theme .gform_footer button[type=submit],
html .gform_wrapper.gravity-theme .gform_footer .gform_button,
html .gform_wrapper.gravity-theme .gform_page_footer input[type=submit],
html .gform_wrapper.gravity-theme .gform_page_footer button[type=submit],
html .gform_wrapper.gravity-theme .gform_page_footer .gform_button {
  width: 100%;
  background: #58842C;
  color: #FFFFFF;
  border: none;
  border-radius: 0.4rem;
  padding: 2rem 4rem;
  font-size: 2.25rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  cursor: pointer;
  transition: background-color 0.4s ease;
  line-height: 1;
  margin: 0;
}
html .gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover,
html .gform_wrapper.gravity-theme .gform_footer button[type=submit]:hover,
html .gform_wrapper.gravity-theme .gform_footer .gform_button:hover,
html .gform_wrapper.gravity-theme .gform_page_footer input[type=submit]:hover,
html .gform_wrapper.gravity-theme .gform_page_footer button[type=submit]:hover,
html .gform_wrapper.gravity-theme .gform_page_footer .gform_button:hover {
  background-color: rgb(67.6, 101.4, 33.8);
}
html .gform_wrapper.gravity-theme .gform_footer input[type=button].gform_previous_button,
html .gform_wrapper.gravity-theme .gform_page_footer input[type=button].gform_previous_button {
  background: transparent;
  color: #2D3227;
  border: 1px solid rgba(45, 50, 39, 0.3);
}
html .gform_wrapper.gravity-theme .gform_footer input[type=button].gform_previous_button:hover,
html .gform_wrapper.gravity-theme .gform_page_footer input[type=button].gform_previous_button:hover {
  background: rgba(45, 50, 39, 0.05);
}
html .gform_wrapper.gravity-theme .gform_confirmation_message {
  margin: 1.6rem 0 0;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #58842C;
}
html .gform_wrapper.gravity-theme .gfield_validation_message,
html .gform_wrapper.gravity-theme .validation_message {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0.6rem 0 0;
  font-size: 1.4rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: red;
}
html .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
  border-color: red;
}
html .gform_wrapper.gravity-theme .gfield_error label,
html .gform_wrapper.gravity-theme .gfield_error legend {
  color: #FFFFFF;
}
html .gform_wrapper.gravity-theme .gform_ajax_spinner {
  max-width: 100%;
  width: 5rem;
  display: block;
  margin: 0;
}

/**************************************** Desktop */
@media screen and (min-width: 1024px) {
  html .gform_wrapper.gravity-theme .gform_footer input[type=submit],
  html .gform_wrapper.gravity-theme .gform_footer button[type=submit],
  html .gform_wrapper.gravity-theme .gform_footer .gform_button,
  html .gform_wrapper.gravity-theme .gform_page_footer input[type=submit],
  html .gform_wrapper.gravity-theme .gform_page_footer button[type=submit],
  html .gform_wrapper.gravity-theme .gform_page_footer .gform_button {
    width: auto;
  }
}
/*****************************************************
******************* Slide-in.scss *******************
******************************************************/
.shop-float-btn {
  position: fixed;
  bottom: 3.2rem;
  right: 3.2rem;
  z-index: 9000;
}
.shop-float-btn a {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.2rem 2rem;
  background: #967860;
  color: #FFFFFF;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  transition: background-color 0.4s ease, transform 0.4s ease;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  white-space: nowrap;
}
.shop-float-btn a:hover {
  background: rgb(131.3414634146, 105.0731707317, 84.0585365854);
  transform: translateY(-2px);
}
.shop-float-btn a svg {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}
@media (max-width: 767px) {
  .shop-float-btn {
    bottom: 2rem;
    right: 2rem;
  }
  .shop-float-btn span {
    display: none;
  }
  .shop-float-btn a {
    padding: 1.4rem;
    border-radius: 50%;
  }
  .shop-float-btn a svg {
    width: 2.2rem;
    height: 2.2rem;
  }
}

.slide-in {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  pointer-events: none;
}
.slide-in .btn__close {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  background: #58842C;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  font-size: 0;
  display: flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.slide-in .btn__close .close {
  margin: auto;
  width: 50%;
  height: 50%;
  position: relative;
}
.slide-in .btn__close .close__el {
  width: 100%;
  height: 3px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
}
.slide-in .btn__close .close__el:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.slide-in .btn__close .close__el:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.slide-in__left {
  display: none;
  transition: 0.4s ease;
}
.slide-in__right {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  padding: 5rem 0;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transform: translateX(103%);
  transition: 0.4s ease;
}
.slide-in__right::-webkit-scrollbar {
  display: none;
}
.slide-in__wrapper {
  width: 90%;
  max-width: 62rem;
  margin: 0 auto;
}
.slide-in__open {
  pointer-events: all;
}
.slide-in__open .slide-in__right {
  transform: translateX(0);
  transition: 0.4s ease;
}
.slide-in__open .btn__close {
  opacity: 1;
  pointer-events: all;
  transition: 0.4s ease;
}
.slide-in__open .slide-in__left {
  opacity: 1;
  transition: 0.4s ease;
  transition-delay: 0.2s;
}
.slide-in__multicontent .slide-in__content {
  display: none;
}
.slide-in__content {
  /************************************* Margin Top : Medium **/
  /************************************* Listes  **/
  /************************************* Margin top : Large **/
}
.slide-in__content :where(h1, h2, h3) + :where(p, ul, ol, figure, .wp-block-image) {
  margin-top: 2.5rem;
}
.slide-in__content :where(.wp-block-image) + :where(h1, h2, h3, p, ul, ol, .wp-block-buttons) {
  margin-top: 2.5rem;
}
.slide-in__content :where(p, ul, ol) + :where(p, ul, ol, figure, .wp-block-buttons, .wp-block-image) {
  margin-top: 2.5rem;
}
.slide-in__content :where(figure) + :where(p, ul, ol, .wp-block-buttons) {
  margin-top: 2.5rem;
}
.slide-in__content :where(.wp-block-buttons) + :where(p,
ul,
ol,
figure,
.wp-block-image,
blockquote,
pre,
table) {
  margin-top: 2.5rem;
}
.slide-in__content :where(li + li) {
  margin-top: 1.25rem;
}
.slide-in__content :where(p, ul, ol, figure, .wp-block-buttons) + :where(h1, h2, h3) {
  margin-top: 6rem;
}
.slide-in__content :where(h1) + :where(h2),
.slide-in__content :where(h2) + :where(h3) {
  margin-top: 6rem;
}
.slide-in__content :where(hr, .wp-block-separator) {
  margin-top: 6rem;
}
.slide-in__content :where(hr, .wp-block-separator) + :where(h1, h2, h3),
.slide-in__content :where(hr, .wp-block-separator) + * {
  margin-top: 6rem;
}
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=text],
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=email],
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=tel],
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=number],
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=url],
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=date],
.slide-in__wrapper .gform_wrapper.gravity-theme select,
.slide-in__wrapper .gform_wrapper.gravity-theme textarea {
  background: #F4F4F4 !important;
  border: 1px solid rgba(150, 120, 96, 0.4) !important;
  color: #181818 !important;
  padding: 1.6rem 2rem !important;
}
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=text]::-moz-placeholder, .slide-in__wrapper .gform_wrapper.gravity-theme input[type=email]::-moz-placeholder, .slide-in__wrapper .gform_wrapper.gravity-theme input[type=tel]::-moz-placeholder, .slide-in__wrapper .gform_wrapper.gravity-theme input[type=number]::-moz-placeholder, .slide-in__wrapper .gform_wrapper.gravity-theme input[type=url]::-moz-placeholder, .slide-in__wrapper .gform_wrapper.gravity-theme input[type=date]::-moz-placeholder, .slide-in__wrapper .gform_wrapper.gravity-theme select::-moz-placeholder, .slide-in__wrapper .gform_wrapper.gravity-theme textarea::-moz-placeholder {
  color: rgba(24, 24, 24, 0.5) !important;
}
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=text]::placeholder,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=email]::placeholder,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=tel]::placeholder,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=number]::placeholder,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=url]::placeholder,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=date]::placeholder,
.slide-in__wrapper .gform_wrapper.gravity-theme select::placeholder,
.slide-in__wrapper .gform_wrapper.gravity-theme textarea::placeholder {
  color: rgba(24, 24, 24, 0.5) !important;
}
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=text]:focus,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=email]:focus,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=tel]:focus,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=number]:focus,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=url]:focus,
.slide-in__wrapper .gform_wrapper.gravity-theme input[type=date]:focus,
.slide-in__wrapper .gform_wrapper.gravity-theme select:focus,
.slide-in__wrapper .gform_wrapper.gravity-theme textarea:focus {
  border-color: #58842C !important;
}
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice input[type=checkbox],
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice input[type=radio],
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield--type-radio .gchoice input[type=checkbox],
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield--type-radio .gchoice input[type=radio] {
  background: #F4F4F4 !important;
  border-color: rgba(150, 120, 96, 0.4) !important;
}
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice label,
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield--type-radio .gchoice label {
  color: #181818 !important;
}
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield--type-fileupload input[type=file] {
  background: #F4F4F4 !important;
  border-color: rgba(150, 120, 96, 0.4) !important;
  color: #181818 !important;
}
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield_date_day label,
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield_date_month label,
.slide-in__wrapper .gform_wrapper.gravity-theme .gfield_date_year label {
  color: rgba(24, 24, 24, 0.5) !important;
}
@media (max-width: 767px) {
  .slide-in__wrapper .gform_wrapper.gravity-theme .gform_footer input[type=submit],
  .slide-in__wrapper .gform_wrapper.gravity-theme .gform_footer button[type=submit],
  .slide-in__wrapper .gform_wrapper.gravity-theme .gform_footer .gform_button,
  .slide-in__wrapper .gform_wrapper.gravity-theme .gform_page_footer input[type=submit],
  .slide-in__wrapper .gform_wrapper.gravity-theme .gform_page_footer button[type=submit],
  .slide-in__wrapper .gform_wrapper.gravity-theme .gform_page_footer .gform_button {
    width: 100% !important;
  }
}

@media screen and (min-width: 1024px) {
  .slide-in {
    display: flex;
    align-items: stretch;
  }
  .slide-in__right {
    width: 70%;
  }
  .slide-in__left {
    display: block;
    opacity: 0;
    width: 30%;
    height: 100%;
    background: rgba(6, 8, 28, 0.4);
  }
}
@media screen and (min-width: 1280px) {
  .slide-in__right {
    width: 55%;
  }
  .slide-in__left {
    width: 45%;
  }
}
@media screen and (min-width: 1440px) {
  .slide-in__wrapper {
    padding: 10rem 0;
  }
  .slide-in .btn__close {
    width: 6rem;
    height: 6rem;
    top: 3rem;
    right: 5rem;
  }
}
/*****************************************************
********************** Blog.scss *********************
******************************************************/
/************************************************* Archive */
.post-cards {
  position: relative;
  min-height: 400px;
  transition: opacity 0.3s ease;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 5rem;
}
.post-cards.is-loading {
  opacity: 0.5;
  pointer-events: none;
}
.post-cards.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #58842C;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 10;
}
.post-cards__el {
  width: 100%;
}
.post-cards__featured {
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 2rem;
  padding-top: 70%;
  position: relative;
}
.post-cards__featured img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(-50%, -50%);
  transition: 0.4s ease;
}
.post-cards__featured a:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}
.post-cards h2 {
  margin-bottom: 2rem;
}
.post-cards h2 a {
  color: #06081C;
  transition: 0.4s ease;
}
.post-cards h2 a:hover {
  cursor: pointer;
  color: rgba(0, 0, 255, 0.5);
}
.post-cards .cat {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.post-cards .cat__el {
  color: rgba(0, 0, 255, 0.5);
}
.post-cards .btn-container {
  margin-top: 2rem;
}
.post-cards__content p + p, .post-cards__content p + ul, .post-cards__content ul + p {
  margin-top: 1rem;
}
.post-cards__content h2 + p {
  margin-top: 2rem;
}

@media screen and (min-width: 800px) {
  .post-cards {
    gap: 4%;
    justify-content: flex-start;
    align-items: stretch;
    row-gap: 5rem;
  }
  .post-cards__el {
    max-width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .post-cards {
    gap: 3.5%;
    row-gap: 5rem;
  }
  .post-cards__el {
    max-width: 31%;
  }
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/************************************************* Single Post */
.page__single--post .single-post__back {
  padding-top: 2.4rem;
}
.page__single--post .single-post__back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  color: #967860;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-decoration: underline;
  transition: opacity 0.4s ease;
}
.page__single--post .single-post__back-link svg {
  display: none;
}
.page__single--post .single-post__back-link:hover {
  opacity: 0.7;
}
.page__single--post .single-post__header {
  padding: 4rem 0 0;
  text-align: center;
}
.page__single--post .single-post__header .single-post__cats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 4rem;
}
.page__single--post .single-post__header .single-post__cats li {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.7rem;
  color: #58842C;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding-left: 0;
}
.page__single--post .single-post__header .single-post__cats li::before {
  display: none;
}
.page__single--post .single-post__header .single-post__title {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 4rem;
  color: #58842C;
  line-height: 1.2;
  margin: 0 0 4rem;
}
.page__single--post .single-post__header .single-post__excerpt {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  line-height: 1.5;
  margin: 0 auto;
}
.page__single--post .single-post__featured {
  padding-top: 6rem;
}
.page__single--post .single-post__featured .single-post__img {
  display: block;
  width: 100%;
  height: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.4rem;
}
.page__single--post .single-post__content {
  padding: 6rem 0 8rem;
}
.page__single--post .single-post__content .single-post__body h2, .page__single--post .single-post__content .single-post__body .title__small {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.3rem;
  color: #2d3327;
  line-height: 1.3;
  margin: 0 0 4rem;
}
.page__single--post .single-post__content .single-post__body p, .page__single--post .single-post__content .single-post__body .body__base {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  line-height: 1.6;
  margin-bottom: 2.4rem;
}
.page__single--post .single-post__content .single-post__body p:last-child, .page__single--post .single-post__content .single-post__body .body__base:last-child {
  margin-bottom: 0;
}
.page__single--post .single-post__content .single-post__body * + h2 {
  margin-top: 5rem;
}
.page__single--post .single-post__content .single-post__body blockquote,
.page__single--post .single-post__content .single-post__body .wp-block-quote {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  margin: 4rem 0;
  padding: 0;
  border: none;
}
.page__single--post .single-post__content .single-post__body blockquote::before,
.page__single--post .single-post__content .single-post__body .wp-block-quote::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 3rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' fill='%2358842c'%3E%3Cpath d='M0 20V12q0-3.6 1.8-6.3Q3.6 3 7.2 1.2L9 4.8Q6.6 6 5.4 7.8 4.2 9.6 4.2 12H9v8H0zm15 0V12q0-3.6 1.8-6.3Q18.6 3 22.2 1.2L24 4.8Q21.6 6 20.4 7.8 19.2 9.6 19.2 12H24v8H15z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.page__single--post .single-post__content .single-post__body blockquote p,
.page__single--post .single-post__content .single-post__body .wp-block-quote p {
  font-family: "miller-display", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.3rem;
  color: #58842C;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 0;
}
.page__single--post .single-post__content .single-post__body blockquote cite,
.page__single--post .single-post__content .single-post__body .wp-block-quote cite {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  color: #967860;
  font-style: normal;
}
.page__single--post .single-post__content .single-post__body .wp-block-gallery {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin: 4rem 0;
}
.page__single--post .single-post__content .single-post__body .wp-block-gallery .wp-block-image,
.page__single--post .single-post__content .single-post__body .wp-block-gallery figure {
  margin: 0;
  border-radius: 0.4rem;
  overflow: hidden;
}
.page__single--post .single-post__content .single-post__body .wp-block-gallery .wp-block-image img,
.page__single--post .single-post__content .single-post__body .wp-block-gallery figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page__single--post .single-post__content .single-post__body .wp-block-gallery.columns-2, .page__single--post .single-post__content .single-post__body .wp-block-gallery.columns-3, .page__single--post .single-post__content .single-post__body .wp-block-gallery.columns-4 {
  flex-direction: row;
  flex-wrap: wrap;
}
.page__single--post .single-post__content .single-post__body .wp-block-gallery.columns-2 figure, .page__single--post .single-post__content .single-post__body .wp-block-gallery.columns-3 figure, .page__single--post .single-post__content .single-post__body .wp-block-gallery.columns-4 figure {
  flex: 1 0 calc(50% - 0.6rem);
}
.page__single--post .section-related-posts {
  padding: 0 0 10rem;
}
.page__single--post .section-related-posts__title {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 4rem;
  color: #58842C;
  line-height: 1.3;
  margin: 0 0 4rem;
}
.page__single--post .section-related-posts .related-posts-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media screen and (min-width: 1024px) {
  .page__single--post .single-post__back {
    padding-top: 4rem;
  }
  .page__single--post .single-post__back-link {
    font-size: 1.6rem;
    text-decoration: none;
  }
  .page__single--post .single-post__back-link svg {
    display: block;
  }
  .page__single--post .single-post__header {
    padding: 8rem 0 0;
  }
  .page__single--post .single-post__header .single-post__cats {
    margin-bottom: 8rem;
  }
  .page__single--post .single-post__header .single-post__cats li {
    font-size: 2.25rem;
  }
  .page__single--post .single-post__header .single-post__title {
    font-size: 6.9rem;
    margin-bottom: 4rem;
  }
  .page__single--post .single-post__header .single-post__excerpt {
    font-size: 1.8rem;
    line-height: 1.6;
    max-width: 80rem;
  }
  .page__single--post .single-post__featured {
    padding-top: 8rem;
  }
  .page__single--post .single-post__featured .single-post__img {
    height: 55.8rem;
  }
  .page__single--post .single-post__content {
    padding: 8rem 0 12rem;
  }
  .page__single--post .single-post__content .single-post__body {
    padding: 0 14rem;
  }
  .page__single--post .single-post__content .single-post__body h2, .page__single--post .single-post__content .single-post__body .title__small {
    font-size: 3.5rem;
    margin-bottom: 5rem;
  }
  .page__single--post .single-post__content .single-post__body p, .page__single--post .single-post__content .single-post__body .body__base {
    font-size: 1.8rem;
    margin-bottom: 5rem;
  }
  .page__single--post .single-post__content .single-post__body blockquote,
  .page__single--post .single-post__content .single-post__body .wp-block-quote {
    margin: 6rem 0;
  }
  .page__single--post .single-post__content .single-post__body blockquote p,
  .page__single--post .single-post__content .single-post__body .wp-block-quote p {
    font-size: 2.8rem;
  }
  .page__single--post .section-related-posts {
    padding: 0 0 16rem;
  }
  .page__single--post .section-related-posts__title {
    font-size: 5.5rem;
    margin-bottom: 8rem;
  }
  .page__single--post .section-related-posts .related-posts-grid {
    flex-direction: row;
    gap: 4rem;
    align-items: stretch;
  }
}

.post-card {
  display: flex;
  flex-direction: column;
}
.post-card + .post-card {
  padding-top: 2.4rem;
  margin-top: 2.4rem;
  border-top: 1px solid rgba(150, 120, 96, 0.2);
}
.post-card__featured {
  border-radius: 0.4rem;
  overflow: hidden;
  margin-bottom: 2rem;
  padding-top: 63%;
  position: relative;
}
.post-card__featured a {
  position: absolute;
  inset: 0;
}
.post-card__featured img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease;
}
.post-card__featured:hover img {
  transform: translate(-50%, -50%) scale(1.05);
}
.post-card__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1;
}
.post-card__cats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.post-card__cats li {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7rem;
  color: #58842C;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding-left: 0 !important;
}
.post-card__cats li::before {
  display: none !important;
}
.post-card__title {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.9rem;
  color: #2d3327;
  line-height: 1.4;
  margin: 0;
}
.post-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.4s ease;
}
.post-card__title a:hover {
  color: #58842C;
}
.post-card__excerpt {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  line-height: 1.6;
  opacity: 0.8;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}
.post-card__btn {
  margin-top: auto;
}
.post-card__btn .btn__primaire a {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  font-size: 1.8rem;
  padding: 2rem 2.4rem;
}
@media screen and (min-width: 1024px) {
  .post-card + .post-card {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  .post-card__featured {
    margin-bottom: 2.4rem;
  }
  .post-card__cats li {
    font-size: 1.8rem;
  }
  .post-card__title {
    font-size: 2.25rem;
  }
  .post-card__excerpt {
    font-size: 1.8rem;
  }
  .post-card__btn .btn__primaire a {
    font-size: 1.8rem;
    padding: 2rem 2.4rem;
  }
}

.post-cards .post-card {
  width: 100%;
}

@media screen and (min-width: 800px) {
  .post-cards .post-card {
    max-width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .post-cards .post-card {
    max-width: 31%;
  }
}
.section-actu-une {
  padding: 6rem 0 8rem;
}
.section-actu-une__label {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.3rem;
  color: #58842C;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 2.4rem;
}

.actu-une {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.actu-une__img {
  border-radius: 0.4rem;
  overflow: hidden;
  padding-top: 62%;
  position: relative;
  flex-shrink: 0;
}
.actu-une__img a {
  position: absolute;
  inset: 0;
}
.actu-une__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.actu-une__img:hover img {
  transform: scale(1.04);
}
.actu-une__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.actu-une__cat {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7rem;
  color: #58842C;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0;
}
.actu-une__title {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.92rem;
  color: #2d3327;
  line-height: 1.4;
  margin: 0;
}
.actu-une__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.4s ease;
}
.actu-une__title a:hover {
  color: #58842C;
}
.actu-une__excerpt {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  line-height: 1.6;
  opacity: 0.8;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.actu-une__btn .btn__primaire a {
  display: block;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  font-size: 1.8rem;
  padding: 2rem 2.4rem;
}

@media screen and (min-width: 1024px) {
  .section-actu-une {
    padding: 0 0 0;
  }
  .actu-une {
    flex-direction: row;
    align-items: flex-end;
    gap: 10rem;
  }
  .actu-une__img {
    order: 2;
    flex: 1 0 57%;
    padding-top: 0;
    height: 49.3rem;
  }
  .actu-une__content {
    order: 1;
    flex: 0 0 auto;
    width: 36%;
    gap: 2.4rem;
    padding-bottom: 0;
  }
  .actu-une__cat {
    font-size: 2rem;
  }
  .actu-une__title {
    font-size: 2.85rem;
  }
  .actu-une__excerpt {
    font-size: 2.15rem;
    -webkit-line-clamp: 4;
  }
  .actu-une__btn .btn__primaire a {
    width: auto;
    font-size: 2.25rem;
    padding: 2rem 4rem;
  }
}
.section-actu-grid {
  padding-bottom: 8rem;
}
.section-actu-grid .filter {
  margin: 4rem 0;
  position: relative;
}
.section-actu-grid .filter .filter__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.9rem 1.4rem;
  background: #FFFFFF;
  border: 1px solid rgba(150, 120, 96, 0.4);
  border-radius: 0.4rem;
  cursor: pointer;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  color: #2D3227;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: left;
  transition: border-color 0.4s ease;
}
.section-actu-grid .filter .filter__trigger svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: transform 0.4s ease;
  color: #967860;
}
.section-actu-grid .filter.is-open .filter__trigger {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.section-actu-grid .filter.is-open .filter__trigger svg {
  transform: rotate(180deg);
}
.section-actu-grid .filter .filter-list {
  display: none;
  flex-direction: column;
  align-items: stretch;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 20;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid rgba(150, 120, 96, 0.4);
  border-top: none;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.section-actu-grid .filter.is-open .filter-list {
  display: flex;
}
.section-actu-grid .filter .filter-list__el {
  padding-left: 0;
}
.section-actu-grid .filter .filter-list__el::before {
  display: none;
}
.section-actu-grid .filter .filter-list__el a {
  display: block;
  padding: 0.9rem 1.4rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  color: #2D3227;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: left;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(150, 120, 96, 0.15);
  border-radius: 0;
  opacity: 1;
  transition: background 0.4s ease, color 0.4s ease;
}
.section-actu-grid .filter .filter-list__el a.active, .section-actu-grid .filter .filter-list__el a:hover {
  background: rgba(88, 132, 44, 0.06);
  color: #58842C;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  opacity: 1;
}
.section-actu-grid .post-cards {
  justify-content: flex-start;
  align-items: stretch;
  row-gap: 0;
  gap: 0;
}
.section-actu-grid .post-cards .post-card {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .section-actu-grid {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .section-actu-grid .filter {
    position: static;
    margin: 0 0 8rem;
    border-bottom: 1px solid rgba(150, 120, 96, 0.3);
  }
  .section-actu-grid .filter .filter__trigger {
    display: none;
  }
  .section-actu-grid .filter .filter-list {
    display: flex !important;
    flex-direction: row;
    gap: 6rem;
    position: static;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .section-actu-grid .filter .filter-list__el {
    padding-left: 0;
    margin: 0;
  }
  .section-actu-grid .filter .filter-list__el::before {
    display: none;
  }
  .section-actu-grid .filter .filter-list__el a {
    font-family: "gotham", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #967860;
    padding: 0 0 1.5rem;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-bottom: -1px;
    background: none;
    transition: color 0.4s ease, border-color 0.4s ease;
  }
  .section-actu-grid .filter .filter-list__el a.active, .section-actu-grid .filter .filter-list__el a:hover {
    font-family: "gotham", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #2D3227;
    background: none;
    border-bottom-color: #58842C;
    opacity: 1;
  }
  .section-actu-grid .post-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 4rem;
         column-gap: 4rem;
    row-gap: 8rem;
    min-height: 0;
  }
  .section-actu-grid .post-cards .post-card {
    max-width: 100%;
    width: 100%;
  }
  .section-actu-grid .post-card__btn .btn__primaire a {
    width: auto;
    font-size: 2.25rem;
    padding: 1.2rem 2.4rem;
  }
}

.section-actu-grid .pagination {
  margin-top: 6rem;
  gap: 0.4rem;
}
.section-actu-grid .pagination a,
.section-actu-grid .pagination span {
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  border-radius: 50%;
  background: transparent;
  text-decoration: none;
  transition: background-color 0.4s ease, color 0.4s ease;
}
.section-actu-grid .pagination a.current, .section-actu-grid .pagination a:hover,
.section-actu-grid .pagination span.current,
.section-actu-grid .pagination span:hover {
  background: #58842C;
  color: #FFFFFF;
}
.section-actu-grid .pagination a.dots,
.section-actu-grid .pagination span.dots {
  background: transparent !important;
  color: #181818;
  pointer-events: none;
}
.section-actu-grid .pagination a.prev, .section-actu-grid .pagination a.next,
.section-actu-grid .pagination span.prev,
.section-actu-grid .pagination span.next {
  background: transparent !important;
  color: #181818 !important;
}
@media screen and (min-width: 1024px) {
  .section-actu-grid .pagination {
    margin-top: 8rem;
    gap: 0.8rem;
  }
  .section-actu-grid .pagination a, .section-actu-grid .pagination span {
    font-size: 1.8rem;
  }
}

/*****************************************************
**************** Evenements.scss **************
******************************************************/
/*************************************************  Single Event Page */
.page__single--evenements {
  background: #F4F4F4;
}
.page__single--evenements .single-event__back-wrap {
  padding: 2.4rem 0 0;
}
.page__single--evenements .single-event__back {
  display: inline-block;
  color: #967860;
  font-size: 1.4rem;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: opacity 0.4s ease;
}
.page__single--evenements .single-event__back:hover {
  opacity: 0.6;
}
.page__single--evenements .single-event__header {
  padding-top: 3.2rem;
  padding-bottom: 4rem;
}
.page__single--evenements ul.single-event__cat {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin-bottom: 1.6rem;
}
.page__single--evenements ul.single-event__cat li {
  padding-left: 0;
}
.page__single--evenements ul.single-event__cat li::before {
  display: none;
}
.page__single--evenements ul.single-event__cat .single-event__cat__el a {
  display: inline-block;
  color: #58842C;
  font-size: 1.7rem;
  text-transform: uppercase;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.04em;
  text-decoration: none;
}
.page__single--evenements h1.single-event__title {
  color: #58842C;
  line-height: 1.1;
  margin-bottom: 3.2rem;
}
.page__single--evenements .single-event__featured {
  border-radius: 0.4rem;
  overflow: hidden;
  margin-top: 3.2rem;
}
.page__single--evenements .single-event__featured img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.page__single--evenements .single-event__content {
  padding-top: 4rem;
  padding-bottom: 8rem;
}
@media screen and (min-width: 1024px) {
  .page__single--evenements .single-event__header {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .page__single--evenements .single-event__back {
    font-size: 1.6rem;
    margin-bottom: 3.2rem;
  }
  .page__single--evenements ul.single-event__cat .single-event__cat__el a {
    font-size: 2.2rem;
  }
  .page__single--evenements h1.single-event__title {
    margin-bottom: 4rem;
  }
  .page__single--evenements .single-event__featured {
    margin-top: 4rem;
  }
  .page__single--evenements .single-event__featured img {
    height: 55.8rem;
  }
  .page__single--evenements .single-event__content {
    padding-top: 8rem;
    padding-bottom: 12rem;
  }
}

/*************************************************  Event info card */
.event-infos-card {
  background: #FFFFFF;
  border: 1px solid rgba(235, 227, 220, 0.9);
  border-radius: 1rem;
  padding: 2.4rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
  text-align: left;
  margin-top: 0;
}
.event-infos-card__cell {
  display: flex;
  align-items: flex-start;
  gap: 1.4rem;
}
.event-infos-card__icon {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background: rgba(88, 132, 44, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #58842C;
}
.event-infos-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding-top: 0.4rem;
}
.event-infos-card__label {
  font-size: 1.2rem;
  color: #58842C;
  text-transform: uppercase;
  letter-spacing: 0.035em;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.event-infos-card__value {
  font-size: 1.5rem;
  color: #181818;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
}
.event-infos-card__map-link {
  display: inline-block;
  font-size: 1.3rem;
  color: #58842C;
  text-decoration: underline;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 0.2rem;
  transition: opacity 0.4s ease;
}
.event-infos-card__map-link:hover {
  opacity: 0.6;
}
@media screen and (min-width: 768px) {
  .event-infos-card {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-infos-card {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem 1.6rem;
    padding: 2.8rem 3.2rem;
  }
  .event-infos-card__label {
    font-size: 1.4rem;
  }
  .event-infos-card__value {
    font-size: 1.7rem;
  }
}

/*************************************************  Event reservation */
.event-reservation {
  margin-top: 4rem;
  text-align: center;
}

/*************************************************  Section upcoming events */
.section-upcoming-events {
  padding: 0 0 6rem;
}
.section-upcoming-events h2 {
  color: #58842C;
  margin-bottom: 4rem;
}
.section-upcoming-events .post-cards--upcoming {
  display: flex;
  flex-direction: column;
  gap: 0;
  row-gap: 0;
}
@media screen and (min-width: 1024px) {
  .section-upcoming-events {
    padding: 0 0 8rem;
  }
  .section-upcoming-events h2 {
    font-size: 5.5rem;
    margin-bottom: 6rem;
  }
}

/*************************************************  Event card (archive + upcoming) */
html .event-card {
  padding-bottom: 2.4rem;
  border-bottom: 1px solid rgba(150, 120, 96, 0.25);
  width: 100%;
}
html .event-card:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
html .event-card + .event-card {
  padding-top: 2.4rem;
}
html .event-card--past {
  opacity: 0.65;
}
html .event-card__featured {
  border-radius: 0.3rem;
  overflow: hidden;
  margin-bottom: 2.4rem;
}
html .event-card__featured a {
  display: block;
}
html .event-card__featured img {
  width: 100%;
  height: 22rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
html .event-card__content {
  display: flex;
  flex-direction: column;
}
html .event-card ul.event-card__cat {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.8rem;
  margin-bottom: 1.2rem;
}
html .event-card ul.event-card__cat li {
  padding-left: 0;
  color: #58842C;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
}
html .event-card ul.event-card__cat li::before {
  display: none;
}
html .event-card__title {
  font-size: 2.6rem;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 2.4rem;
  max-width: 76rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #2D3227;
}
html .event-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.4s ease;
}
html .event-card__title a:hover {
  color: #58842C;
}
html .event-card__infos {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 4rem;
  flex: 1;
}
html .event-card__info {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
}
html .event-card__label {
  font-size: 1.6rem;
  color: #58842C;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  flex-shrink: 0;
  min-width: 5rem;
}
html .event-card__value {
  font-size: 1.6rem;
  color: #181818;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
}
html .event-card__btn {
  margin-top: auto;
}
html .event-card__btn .btn a {
  font-size: 1.6rem;
  padding: 1.2rem 2.4rem;
}

@media screen and (min-width: 1024px) {
  html .event-card {
    display: flex;
    align-items: center;
    gap: 4rem;
  }
  html .event-card__featured {
    border-radius: 0.4rem;
    margin-bottom: 0;
    flex-shrink: 0;
    width: 50%;
    max-width: 61rem;
  }
  html .event-card__featured img {
    height: 34rem;
  }
  html .event-card__content {
    flex: 1;
    min-width: 0;
  }
  html .event-card ul.event-card__cat li {
    font-size: 1.8rem;
  }
  html .event-card__title {
    font-size: 3.5rem;
    margin-bottom: 4rem;
  }
  html .event-card__infos {
    margin-bottom: 5rem;
  }
  html .event-card__label, html .event-card__value {
    font-size: 1.8rem;
  }
  html .event-card__btn .btn a {
    font-size: 1.8rem;
    padding: 1.2rem 2.4rem;
  }
}
@media screen and (min-width: 1280px) {
  html .event-card__featured {
    width: 47%;
  }
}
/*************************************************  Section archive events */
.section-archive-events {
  background: #FFFFFF;
  padding: 5rem 0 6rem;
}
.section-archive-events__header {
  margin-bottom: 4rem;
}
.section-archive-events__title {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.3rem;
  line-height: 1.1;
  color: #2D3227;
  margin: 0;
}
.section-archive-events .post-cards {
  row-gap: 0;
  gap: 0;
  min-height: 0;
}
.section-archive-events .pagination {
  margin-top: 6rem;
}
.section-archive-events .pagination a, .section-archive-events .pagination span {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  font-size: 1.8rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2D3227;
}
.section-archive-events .pagination a.current, .section-archive-events .pagination a:hover, .section-archive-events .pagination span.current, .section-archive-events .pagination span:hover {
  background: #58842C;
  color: #F4F4F4;
}
@media screen and (min-width: 1024px) {
  .section-archive-events .pagination {
    margin-top: 8rem;
  }
}
.section-archive-events .filter {
  margin: 0;
  margin-top: 2.5rem;
  position: relative;
}
.section-archive-events .filter .filter__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.9rem 1.4rem;
  background: #FFFFFF;
  border: 1px solid rgba(150, 120, 96, 0.4);
  border-radius: 0.4rem;
  cursor: pointer;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  color: #2D3227;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: left;
  transition: border-color 0.4s ease;
}
.section-archive-events .filter .filter__trigger svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: transform 0.4s ease;
  color: #967860;
}
.section-archive-events .filter.is-open .filter__trigger {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: rgba(150, 120, 96, 0.4);
}
.section-archive-events .filter.is-open .filter__trigger svg {
  transform: rotate(180deg);
}
.section-archive-events .filter .filter-list {
  display: none;
  flex-direction: column;
  align-items: stretch;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 20;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid rgba(150, 120, 96, 0.4);
  border-top: none;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.section-archive-events .filter.is-open .filter-list {
  display: flex;
}
.section-archive-events .filter .filter-list__el {
  padding-left: 0;
}
.section-archive-events .filter .filter-list__el::before {
  display: none;
}
.section-archive-events .filter .filter-list__el a {
  display: block;
  padding: 0.9rem 1.4rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  color: #2D3227;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: left;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(150, 120, 96, 0.15);
  border-radius: 0;
  opacity: 1;
  transition: background 0.4s ease, color 0.4s ease;
}
.section-archive-events .filter .filter-list__el a.active, .section-archive-events .filter .filter-list__el a:hover {
  background: rgba(88, 132, 44, 0.06);
  color: #58842C;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  opacity: 1;
}
.section-archive-events .filter .filter-list__el:last-child a {
  border-bottom: none;
}
@media screen and (min-width: 1024px) {
  .section-archive-events {
    padding: 8rem 0 12rem;
  }
  .section-archive-events__header {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
  }
  .section-archive-events__title {
    display: none;
  }
  .section-archive-events .filter {
    position: static;
    border-bottom: 1px solid rgba(150, 120, 96, 0.3);
  }
  .section-archive-events .filter .filter__trigger {
    display: none;
  }
  .section-archive-events .filter .filter-list {
    display: flex !important;
    flex-direction: row;
    gap: 6rem;
    position: static;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .section-archive-events .filter .filter-list__el a {
    font-family: "gotham", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #967860;
    padding: 0 0 1.5rem;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-bottom: -1px;
    background: none;
    transition: color 0.4s ease, border-color 0.4s ease;
  }
  .section-archive-events .filter .filter-list__el a.active, .section-archive-events .filter .filter-list__el a:hover {
    font-family: "gotham", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #2D3227;
    background: none;
    border-bottom-color: #967860;
  }
}

.page__single--vinotheques {
  padding-top: 0 !important;
}

.vino-hero__image {
  width: 100%;
  height: 35.5rem;
  overflow: hidden;
}
.vino-hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  display: block;
  pointer-events: none;
}
.postid-358 .vino-hero__image img {
  -o-object-position: center;
     object-position: center;
}
.vino-hero__content {
  background-color: #EBE3DC;
  padding: 3.2rem 2rem;
}
.vino-hero__label {
  display: block;
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  color: #2D3227;
  margin-bottom: 0.8rem;
  line-height: 1.4;
}
.vino-hero__ville {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 3.6rem;
  line-height: 1.05;
  color: #2D3227;
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .vino-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 72rem;
  }
  .vino-hero__image {
    position: absolute;
    inset: 0;
    flex: none;
    width: 100%;
    height: 100%;
    min-height: unset;
    z-index: 0;
  }
  .vino-hero__content {
    position: relative;
    z-index: 1;
    flex: none;
    width: auto;
    padding: 5.2rem 10rem;
    margin-bottom: -12rem;
    align-self: flex-end;
  }
  .vino-hero__label {
    font-size: 3.8rem;
    margin-bottom: 1.2rem;
  }
  .vino-hero__ville {
    font-size: 8rem;
    word-break: normal;
  }
}
@media screen and (min-width: 1024px) {
  .section__infos .wp-block-columns {
    justify-content: space-between;
  }
  .section__infos .wp-block-columns > .wp-block-column:first-child {
    max-width: 66rem;
  }
  .section__infos .wp-block-columns > .wp-block-column:last-child {
    max-width: 46rem;
  }
}
.bloc-histoire {
  display: flex;
  flex-direction: column;
}
.bloc-histoire__image {
  width: 100%;
}
.bloc-histoire__image img {
  width: 100%;
  height: auto;
  display: block;
}
.bloc-histoire__content {
  padding: 4rem 2rem;
}
.bloc-histoire__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.6rem;
  line-height: 1.15;
  color: #58842C;
  margin: 0 0 2.4rem;
}
.bloc-histoire__texte {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.7;
  color: #2D3227;
}
.bloc-histoire__texte p {
  margin: 0 0 1.6rem;
}
.bloc-histoire__texte strong {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}

@media screen and (min-width: 1024px) {
  .bloc-histoire {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 17rem;
  }
  .bloc-histoire__image {
    flex: 0 0 auto;
    max-width: 52.5rem;
  }
  .bloc-histoire__content {
    flex: 1;
    padding: 0;
    max-width: 76.5rem;
  }
  .bloc-histoire__titre {
    font-size: 5.2rem;
    margin-bottom: 3.2rem;
  }
  .bloc-histoire__texte {
    font-size: 1.6rem;
  }
}
/****************** Components folder ***************/
/*****************************************************
******************** buttons.scss ********************
******************************************************/
a {
  text-decoration: none;
  display: inline-block;
}

.btn,
.editor-styles-wrapper .btn {
  text-decoration: none;
  display: inline-block;
}
.btn a,
.editor-styles-wrapper .btn a {
  text-decoration: none;
  display: inline-block;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
}
.btn__primaire a, .btn__primaire .wp-block-button__link, .btn__primaire--icon a, .btn__primaire--icon .wp-block-button__link,
.editor-styles-wrapper .btn__primaire a,
.editor-styles-wrapper .btn__primaire .wp-block-button__link,
.editor-styles-wrapper .btn__primaire--icon a,
.editor-styles-wrapper .btn__primaire--icon .wp-block-button__link {
  background: #58842C;
  color: #FFFFFF;
  padding: 1.2rem 2.4rem;
  line-height: 1;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0.4rem;
  border: 1px solid #58842C;
  transition: 0.4s ease;
}
.btn__primaire a:hover, .btn__primaire .wp-block-button__link:hover, .btn__primaire--icon a:hover, .btn__primaire--icon .wp-block-button__link:hover,
.editor-styles-wrapper .btn__primaire a:hover,
.editor-styles-wrapper .btn__primaire .wp-block-button__link:hover,
.editor-styles-wrapper .btn__primaire--icon a:hover,
.editor-styles-wrapper .btn__primaire--icon .wp-block-button__link:hover {
  background: transparent;
  color: #58842C;
}
.btn__primaire--white a, .btn__primaire--white .wp-block-button__link,
.editor-styles-wrapper .btn__primaire--white a,
.editor-styles-wrapper .btn__primaire--white .wp-block-button__link {
  background: #FFFFFF;
  border: 1px solid #2D3227;
  color: #2D3227;
}
.btn__primaire--white a:hover, .btn__primaire--white .wp-block-button__link:hover,
.editor-styles-wrapper .btn__primaire--white a:hover,
.editor-styles-wrapper .btn__primaire--white .wp-block-button__link:hover {
  background: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.btn__primaire--icon a, .btn__primaire--icon .wp-block-button__link,
.editor-styles-wrapper .btn__primaire--icon a,
.editor-styles-wrapper .btn__primaire--icon .wp-block-button__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
}
.btn__primaire--icon a:before, .btn__primaire--icon .wp-block-button__link:before,
.editor-styles-wrapper .btn__primaire--icon a:before,
.editor-styles-wrapper .btn__primaire--icon .wp-block-button__link:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(../icons/icon-mail.svg) no-repeat center/contain;
}
.btn__primaire--icon.telephone a:before, .btn__primaire--icon.telephone .wp-block-button__link:before,
.editor-styles-wrapper .btn__primaire--icon.telephone a:before,
.editor-styles-wrapper .btn__primaire--icon.telephone .wp-block-button__link:before {
  background: url(../icons/icon-phone.svg) no-repeat center/contain;
  transition: 0.4s ease;
}
.btn__primaire--icon.telephone a:hover:before, .btn__primaire--icon.telephone .wp-block-button__link:hover:before,
.editor-styles-wrapper .btn__primaire--icon.telephone a:hover:before,
.editor-styles-wrapper .btn__primaire--icon.telephone .wp-block-button__link:hover:before {
  background: url(../icons/icon-phone-hover.svg) no-repeat center/contain;
}
.btn__primaire--icon.mail a:before, .btn__primaire--icon.mail .wp-block-button__link:before,
.editor-styles-wrapper .btn__primaire--icon.mail a:before,
.editor-styles-wrapper .btn__primaire--icon.mail .wp-block-button__link:before {
  background: url(../icons/icon-mail.svg) no-repeat center/contain;
  transition: 0.4s ease;
}
.btn__primaire--icon.mail a:hover:before, .btn__primaire--icon.mail .wp-block-button__link:hover:before,
.editor-styles-wrapper .btn__primaire--icon.mail a:hover:before,
.editor-styles-wrapper .btn__primaire--icon.mail .wp-block-button__link:hover:before {
  background: url(../icons/icon-mail-hover.svg) no-repeat center/contain;
}
.btn__primaire--icon.download a:before, .btn__primaire--icon.download .wp-block-button__link:before,
.editor-styles-wrapper .btn__primaire--icon.download a:before,
.editor-styles-wrapper .btn__primaire--icon.download .wp-block-button__link:before {
  background: url(../icons/icon-download.svg) no-repeat center/contain;
  transition: 0.4s ease;
}
.btn__primaire--icon.download a:hover:before, .btn__primaire--icon.download .wp-block-button__link:hover:before,
.editor-styles-wrapper .btn__primaire--icon.download a:hover:before,
.editor-styles-wrapper .btn__primaire--icon.download .wp-block-button__link:hover:before {
  background: url(../icons/icon-mail-hover.svg) no-repeat center/contain;
}
.btn__primaire--icon.contact a:before, .btn__primaire--icon.contact .wp-block-button__link:before,
.editor-styles-wrapper .btn__primaire--icon.contact a:before,
.editor-styles-wrapper .btn__primaire--icon.contact .wp-block-button__link:before {
  background: url(../icons/icon-contact.svg) no-repeat center/contain;
  transition: 0.4s ease;
}
.btn__primaire--icon.contact a:hover:before, .btn__primaire--icon.contact .wp-block-button__link:hover:before,
.editor-styles-wrapper .btn__primaire--icon.contact a:hover:before,
.editor-styles-wrapper .btn__primaire--icon.contact .wp-block-button__link:hover:before {
  background: url(../icons/icon-contact-hover.svg) no-repeat center/contain;
}
.btn__primaire--icon.addcart a:before, .btn__primaire--icon.addcart .wp-block-button__link:before,
.editor-styles-wrapper .btn__primaire--icon.addcart a:before,
.editor-styles-wrapper .btn__primaire--icon.addcart .wp-block-button__link:before {
  background: url(../icons/icon-addcart.svg) no-repeat center/contain;
  transition: 0.4s ease;
}
.btn__primaire--icon.addcart a:hover:before, .btn__primaire--icon.addcart .wp-block-button__link:hover:before,
.editor-styles-wrapper .btn__primaire--icon.addcart a:hover:before,
.editor-styles-wrapper .btn__primaire--icon.addcart .wp-block-button__link:hover:before {
  background: url(../icons/icon-addcart-hover.svg) no-repeat center/contain;
}

.bkg__ebony .btn__primaire--icon a:hover, .bkg__ebony .btn__primaire--icon .wp-block-button__link:hover {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.bkg__ebony .btn__primaire--icon.telephone a:hover::before, .bkg__ebony .btn__primaire--icon.telephone .wp-block-button__link:hover::before {
  background-image: url(../icons/icon-phone.svg);
}
.bkg__ebony .btn__primaire--icon.mail a:hover::before, .bkg__ebony .btn__primaire--icon.mail .wp-block-button__link:hover::before {
  background-image: url(../icons/icon-mail.svg);
}

.btn__secondaire a, .btn__secondaire .wp-block-button__link, .editor-styles-wrapper .btn__secondaire a, .editor-styles-wrapper .btn__secondaire .wp-block-button__link {
  background: transparent;
  color: #FFFFFF;
  padding: 1.2rem 2.4rem;
  line-height: 1;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0.4rem;
  border: 1px solid #FFFFFF;
  transition: 0.4s ease;
}
.btn__secondaire a:hover, .btn__secondaire .wp-block-button__link:hover, .editor-styles-wrapper .btn__secondaire a:hover, .editor-styles-wrapper .btn__secondaire .wp-block-button__link:hover {
  border: 1px solid #58842C;
  color: #58842C;
}

@media screen and (min-width: 1024px) {
  .btn a, .editor-styles-wrapper .btn a {
    font-size: 2.2rem;
  }
  .btn__primaire a, .btn__primaire .wp-block-button__link, .btn__primaire--icon a, .btn__primaire--icon .wp-block-button__link, .editor-styles-wrapper .btn__primaire a, .editor-styles-wrapper .btn__primaire .wp-block-button__link, .editor-styles-wrapper .btn__primaire--icon a, .editor-styles-wrapper .btn__primaire--icon .wp-block-button__link {
    padding: 2rem 4rem;
  }
  .btn__primaire--icon a, .btn__primaire--icon .wp-block-button__link, .editor-styles-wrapper .btn__primaire--icon a, .editor-styles-wrapper .btn__primaire--icon .wp-block-button__link {
    gap: 1.2rem;
  }
  .btn__primaire--icon a:before, .btn__primaire--icon .wp-block-button__link:before, .editor-styles-wrapper .btn__primaire--icon a:before, .editor-styles-wrapper .btn__primaire--icon .wp-block-button__link:before {
    width: 3rem;
    height: 3rem;
  }
  .btn__secondaire a, .btn__secondaire .wp-block-button__link, .editor-styles-wrapper .btn__secondaire a, .editor-styles-wrapper .btn__secondaire .wp-block-button__link {
    padding: 2rem 4rem;
  }
}
/*****************************************************
********************* Menu.scss **********************
******************************************************/
/************************************************* All */
.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu a {
  text-decoration: none;
  display: inline-block;
}
.menu .menu-item-has-children .sub-menu {
  margin-top: 1rem;
  padding-left: 2rem;
  gap: 1.5rem;
}
.menu .menu-item-has-children .sub-menu a {
  font-size: 2rem;
  line-height: 1;
}

.menu__langue {
  position: relative;
}
.menu__langue > .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu__langue > .menu > li > a {
  text-decoration: none;
  display: inline-block;
  color: #181818;
  font-size: 1.9rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  transition: 0.3s ease;
}
.menu__langue > .menu > li > a:hover {
  opacity: 0.5;
  cursor: pointer;
}
.menu__langue > .menu > li.menu-item-has-children > a::after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 1px solid #06081C;
  border-bottom: 1px solid #06081C;
  transform: rotate(-45deg);
  transition: 0.4s ease;
  flex-shrink: 0;
}
.menu__langue > .menu > li.menu-item-has-children:hover > a::after {
  transform: rotate(45deg);
}
.menu__langue > .menu > li.menu-item-has-children > .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: calc(100% + 0.8rem);
  left: 0;
  background: #F4F4F4;
  border-radius: 0.4rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 1.2rem 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.5rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.menu__langue > .menu > li.menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  bottom: -0.8rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
}
.menu__langue > .menu > li.menu-item-has-children > .sub-menu a {
  text-decoration: none;
  display: inline-block;
  color: rgba(6, 8, 28, 0.6);
  font-size: 1.5rem;
  transition: 0.3s ease;
  white-space: nowrap;
}
.menu__langue > .menu > li.menu-item-has-children > .sub-menu a:hover {
  color: #58842C;
}
.menu__langue > .menu > li.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

@media screen and (min-width: 1024px) {
  header .menu .menu-item-has-children {
    position: static;
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  header .menu .menu-item-has-children::after {
    content: "";
    display: block;
    width: 1rem;
    height: 0.8rem;
    background: url(../../assets/icons/submenu-arrow.svg) no-repeat center/cover;
    transition: 0.4s ease;
  }
  header .menu .menu-item-has-children .sub-menu {
    margin-top: 0;
    padding-left: 0;
    position: absolute;
    z-index: 2;
    border-radius: 0.5rem;
    left: 50%;
    top: 100%;
    width: -moz-max-content;
    width: max-content;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    background: #FFFFFF;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%) translateY(-1rem);
    transition: opacity 0.3s ease, transform 0.3s ease;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  header .menu .menu-item-has-children .sub-menu a {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 400;
  }
  header .menu .menu-item-has-children .sub-menu::before {
    content: "";
    position: absolute;
    top: -5.5rem;
    left: 0;
    right: 0;
    height: 5.5rem;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu {
    flex-direction: row;
    align-items: flex-start;
    gap: 2.4rem;
    padding: 4rem;
    width: 100%;
    max-width: 153rem;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu > li {
    text-align: center;
    flex: 1;
    min-width: 0;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
    font-weight: 400;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu > li > a:hover {
    opacity: 1;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu > li > a:hover .megamenu-img--default {
    opacity: 0.1;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu > li > a:hover .megamenu-img--hover {
    opacity: 1;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu > li > a:hover .megamenu-label {
    color: #58842C;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu .megamenu-img-wrapper {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3/4;
    border-radius: 0.8rem;
    overflow: hidden;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu .megamenu-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: opacity 0.4s ease;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu .megamenu-img--hover {
    opacity: 0;
    -o-object-fit: contain;
       object-fit: contain;
    width: 90%;
    height: auto;
    max-height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu .megamenu-label {
    transition: color 0.3s ease;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu.mega-menu--1 .megamenu-img-wrapper, header .menu .menu-item-has-children .sub-menu.mega-menu.mega-menu--2 .megamenu-img-wrapper, header .menu .menu-item-has-children .sub-menu.mega-menu.mega-menu--3 .megamenu-img-wrapper {
    aspect-ratio: 4/3;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop {
    background: url(../images/VIN-cta-bkg.webp) rgb(24.3707865169, 27.0786516854, 21.1213483146);
    padding: 10rem 0;
    max-width: 153rem;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop > li {
    text-align: left;
    flex: inherit;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop > li.mega-menu__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5rem;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop > li.mega-menu__col:not(:last-child) {
    padding-left: 15rem;
    padding-right: 10rem;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop > li.mega-menu__col:not(:first-child) {
    padding-left: 10rem;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop .mega-menu__col-heading {
    display: block;
    color: rgba(255, 255, 255, 0.75);
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-family: "gotham", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.4;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop ul.mega-menu__col-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop ul.mega-menu__col-links > li > a {
    color: #FFFFFF;
    font-size: 2.4rem;
    font-family: "gotham", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop ul.mega-menu__col-links > li > a:hover {
    color: #58842C;
    opacity: 1;
  }
  header .menu .menu-item-has-children.is-megamenu-open::after {
    transform: rotate(180deg);
  }
  header .menu .menu-item-has-children.is-megamenu-open > .sub-menu {
    transform: translateX(-50%) translateY(0);
    pointer-events: all;
    opacity: 1;
  }
  /* Bridge invisible sur le <a> : empêche mouseleave de se déclencher
     dans le gap entre le lien et le submenu (le <a> est descendant du <li>,
     donc rester dans ::after ne fire pas mouseleave sur le <li>) */
  .header__menu--desktop > ul > li.menu-item-has-children.is-megamenu-open > a {
    position: relative;
  }
  .header__menu--desktop > ul > li.menu-item-has-children.is-megamenu-open > a::after {
    content: "";
    position: absolute;
    top: 100%;
    left: -4rem;
    right: -4rem;
    height: 4rem;
  }
}
@media screen and (min-width: 1280px) {
  header .menu .menu-item-has-children .sub-menu.mega-menu > li > a {
    font-size: 2rem;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu > li > a .megamenu-label {
    margin-top: 1.2rem;
  }
  header .menu .menu-item-has-children .sub-menu.mega-menu--shop .mega-menu__col-links > li > a {
    font-size: 2.4rem;
  }
}
/************************************************* Header */
.header__menu--desktop {
  display: none;
}
.header__menu--top {
  display: none;
}
.header__menu--secondaire .langue {
  display: none;
}
.header__menu--secondaire ul {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.header__menu--secondaire ul a {
  font-size: 0;
  display: block;
  min-width: 3rem;
  width: 3rem;
  height: 3.2rem;
}
.header__menu--secondaire ul li.panier a {
  background: url(../icons/icon-header-cart.svg) no-repeat center/contain;
}
.header__menu--secondaire ul li.account a {
  background: url(../icons/icon-header-account.svg) no-repeat center/contain;
}

@media screen and (min-width: 780px) {
  .header__menu--secondaire ul li.panier a {
    background: #58842C;
    color: #F4F4F4;
    width: -moz-max-content;
    width: max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    height: auto;
    padding: 1.2rem 2.4rem;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
  }
  .header__menu--secondaire ul li.panier a::before {
    content: "";
    display: block;
    width: 2.5rem;
    height: 2.4rem;
    background: url(../icons/icon-header-cart-2.svg) no-repeat center/contain;
  }
}
@media screen and (min-width: 1024px) {
  .header__menu--desktop {
    display: block;
  }
  .header__menu ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3rem;
  }
  .header__menu a {
    color: #06081C;
    font-size: 1.5rem;
    transition: 0.3s ease;
  }
  .header__menu a:hover {
    opacity: 0.5;
    cursor: pointer;
    color: #58842C;
  }
  .header__menu--top {
    display: block;
  }
  .header__menu--top ul {
    gap: 2rem;
  }
  .header__menu--top li {
    line-height: 1;
    font-size: 1.2rem;
  }
  .header__menu--top li:nth-child(2) {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .header__menu--top li:nth-child(2)::after {
    content: "";
    display: block;
    width: 1px;
    height: 1.2rem;
    background: #F4F4F4;
  }
  .header__menu--top a {
    color: #F4F4F4;
    font-size: 1.2rem;
  }
  .header__menu--top a:hover {
    color: rgba(244, 244, 244, 0.75);
  }
  .header__menu--secondaire .account {
    display: none;
  }
  .header__menu--secondaire ul {
    gap: 1.8rem;
  }
  .header__menu--secondaire ul li.langue a {
    font-size: 1.4rem;
    width: -moz-max-content;
    width: max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    height: auto;
  }
}
@media screen and (min-width: 1280px) {
  .header__menu--top ul {
    gap: 4rem;
  }
  .header__menu--top li {
    font-size: 1.4rem;
  }
  .header__menu--top li:nth-child(2) {
    gap: 4rem;
  }
  .header__menu--top li:nth-child(2)::after {
    height: 1.7rem;
  }
  .header__menu--top a {
    color: #F4F4F4;
    font-size: 1.4rem;
  }
  .header__menu--desktop a {
    font-size: 1.8rem;
  }
  .header__menu--secondaire ul {
    gap: 2.4rem;
  }
  .header__menu--secondaire ul li.langue a {
    font-size: 1.8rem;
  }
  .header__menu--secondaire ul li.panier a {
    gap: 0.8rem;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1440px) {
  .header__menu--desktop ul {
    gap: 5rem;
  }
}
/************************************************* Menu top — dropdown Espace pro */
@media screen and (min-width: 1024px) {
  header .header__menu--top .menu-item-has-children {
    position: relative;
  }
  header .header__menu--top .menu-item-has-children::after {
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-right: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    transform: rotate(45deg);
    transition: 0.4s ease;
    flex-shrink: 0;
    margin-top: -0.2rem;
  }
  header .header__menu--top .menu-item-has-children:hover::after {
    transform: rotate(-135deg);
    margin-top: 0.2rem;
  }
  header .header__menu--top .menu-item-has-children > .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.8rem);
    left: 0;
    background: rgb(32.106741573, 35.6741573034, 27.8258426966);
    border-radius: 0.4rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    padding: 1.2rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-width: 13rem;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.4rem);
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1001;
  }
  header .header__menu--top .menu-item-has-children > .sub-menu li::after {
    display: none;
  }
  header .header__menu--top .menu-item-has-children > .sub-menu a {
    color: rgba(244, 244, 244, 0.75);
    font-size: 1.2rem;
    white-space: nowrap;
    transition: color 0.2s ease;
  }
  header .header__menu--top .menu-item-has-children > .sub-menu a:hover {
    color: #F4F4F4;
    opacity: 1;
  }
  header .header__menu--top .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
  }
}
/************************************************* Menu secondaire — dropdown langue */
@media screen and (min-width: 1024px) {
  header .header__menu--secondaire .menu-item-has-children {
    position: relative;
  }
  header .header__menu--secondaire .menu-item-has-children::after {
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 1px solid #06081C;
    border-bottom: 1px solid #06081C;
    transform: rotate(45deg);
    transition: 0.4s ease;
    flex-shrink: 0;
    margin-top: -0.2rem;
    background: none;
  }
  header .header__menu--secondaire .menu-item-has-children:hover::after {
    transform: rotate(-135deg);
    margin-top: 0.2rem;
  }
  header .header__menu--secondaire .menu-item-has-children > .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.8rem);
    right: auto;
    left: 50%;
    background: #F4F4F4;
    border-radius: 0.4rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    padding: 1.2rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-width: 5rem;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) translateY(-0.4rem);
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1001;
  }
  header .header__menu--secondaire .menu-item-has-children > .sub-menu li::after {
    display: none;
  }
  header .header__menu--secondaire .menu-item-has-children > .sub-menu a {
    color: rgba(6, 8, 28, 0.7);
    font-size: 1.4rem;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    height: auto;
    transition: color 0.2s ease;
  }
  header .header__menu--secondaire .menu-item-has-children > .sub-menu a:hover {
    color: #58842C;
    opacity: 1;
  }
  header .header__menu--secondaire .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateX(-50%) translateY(0);
  }
}
/************************************************* Footer */
.footer__menu {
  width: 100%;
}
.footer__menu > .menu {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.footer__menu > .menu > .menu-item-has-children {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__menu > .menu > .menu-item-has-children > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 0.8rem 0;
  color: #FFFFFF;
  font-size: 1.8rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.footer__menu > .menu > .menu-item-has-children > a::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  transform: rotate(45deg);
  transition: 0.4s ease;
  flex-shrink: 0;
  margin-left: 1rem;
}
.footer__menu > .menu > .menu-item-has-children.is-open > a::after {
  transform: rotate(-135deg);
}
.footer__menu > .menu > .menu-item-has-children > .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
}
.footer__menu > .menu > .menu-item-has-children > .sub-menu a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.5rem;
}
.footer__menu > .menu > .menu-item-has-children.is-open > .sub-menu {
  padding-bottom: 1.8rem;
}
.footer__menu a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.6rem;
}
.footer__menu--bottom > ul.menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}
.footer__menu--bottom a {
  font-size: 1.4rem;
}

@media screen and (min-width: 1024px) {
  .footer__menu {
    margin-bottom: 0;
  }
  .footer__menu > .menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 4rem;
  }
  .footer__menu > .menu > .menu-item-has-children {
    border-bottom: none;
    max-width: 43.3rem;
    width: 45%;
  }
  .footer__menu > .menu > .menu-item-has-children > a {
    padding: 0;
    margin-bottom: 2rem;
    pointer-events: none;
  }
  .footer__menu > .menu > .menu-item-has-children > a::after {
    display: none;
  }
  .footer__menu > .menu > .menu-item-has-children > .sub-menu {
    max-height: none !important;
    overflow: visible;
    padding-bottom: 0;
    gap: 1rem;
  }
  .footer__menu a {
    transition: 0.3s ease;
  }
  .footer__menu a:hover {
    opacity: 0.5;
  }
  .footer__menu--bottom {
    width: -moz-max-content;
    width: max-content;
  }
  .footer__menu--bottom > ul.menu {
    flex-direction: row;
    gap: 1.2rem;
    line-height: 1;
  }
  .footer__menu--bottom > ul.menu li {
    line-height: 1;
    padding-right: 1.2rem;
    border-right: 1px solid #FFFFFF;
    font-size: 1.4rem;
  }
  .footer__menu--bottom > ul.menu li a {
    line-height: 1;
  }
  .footer__menu--bottom > ul.menu li:last-child {
    padding-right: 0;
    border-right: none;
  }
}
@media screen and (min-width: 1280px) {
  .footer__menu > .menu {
    row-gap: 7.5rem;
  }
  .footer__menu > .menu > .menu-item-has-children > a {
    font-size: 2.2rem;
  }
  .footer__menu > .menu > .menu-item-has-children > .sub-menu a {
    font-size: 1.8rem;
  }
}
/************************************************* Social */
.socials p {
  font-size: 1.8rem;
  text-transform: uppercase;
  text-align: center;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 2rem;
}
.socials .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
.socials a {
  display: block;
  font-size: 0;
  max-width: 4rem;
  width: 100%;
  max-height: 4rem;
  height: 100%;
  line-height: 1;
  transition: 0.4s ease;
  margin: auto;
}
.socials a:hover {
  opacity: 0.5;
}
.socials li {
  width: 4rem;
  height: 4rem;
  display: flex;
}
.socials li.facebook a {
  background: url(../..//assets/icons/facebook.svg) no-repeat center/contain;
}
.socials li.instagram a {
  background: url(../..//assets/icons/instagram.svg) no-repeat center/contain;
}
.socials li.youtube a {
  background: url(../..//assets/icons/youtube.svg) no-repeat center/contain;
}
.socials li.linkedin a {
  background: url(../..//assets/icons/linkedin.svg) no-repeat center/contain;
}

@media screen and (min-width: 1280px) {
  .socials p {
    font-size: 2.8rem;
  }
}
/*****************************************************
***************** Custom-block.scss ******************
******************************************************/
/****************************************** Contact info list (partagé bloc-contact-hero + bloc-liste-icones) **/
.contact-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style: none !important;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3.6rem;
}
.contact-info-list__item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-left: 0 !important;
}
.contact-info-list__item::before {
  display: none !important;
  content: none !important;
}
.contact-info-list__icon {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #FFFFFF;
}
.contact-info-list__icon svg {
  width: 2rem;
  height: 2rem;
}
.contact-info-list__value {
  font-size: 1.6rem;
  color: #FFFFFF;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
}
.contact-info-list__value a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.4s ease;
}
.contact-info-list__value a:hover {
  opacity: 0.7;
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .contact-info-list {
    gap: 2.4rem;
    margin-bottom: 4.4rem;
  }
  .contact-info-list__icon {
    width: 4.7rem;
    height: 4.7rem;
  }
  .contact-info-list__value {
    font-size: 1.8rem;
  }
}

/****************************************** Bloc Liste Icones **/
.bloc-liste-icones__title {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.8rem;
  color: #2D3227;
  margin-bottom: 1.2rem;
}
.bloc-liste-icones__subtitle {
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #967860;
  margin-bottom: 2.4rem;
}
.bloc-liste-icones .contact-info-list {
  margin-bottom: 0;
}
.bloc-liste-icones .contact-info-list__icon {
  background: rgba(88, 132, 44, 0.08);
  color: #58842C;
}
.bloc-liste-icones .contact-info-list__value {
  color: #2D3227;
}
.bloc-liste-icones .contact-info-list__value a {
  color: #58842C;
}
.bloc-liste-icones.is-dark .contact-info-list__icon {
  background: #F4F4F4;
  color: #58842C !important;
}
.bloc-liste-icones.is-dark .contact-info-list__value {
  color: #FFFFFF;
}
.bloc-liste-icones.is-dark .contact-info-list__value a {
  color: #FFFFFF;
}

/****************************************** Bloc FAQ **/
.bloc-faq {
  width: 100%;
}

.faq-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.faq-list li {
  padding-left: 0 !important;
  list-style: none !important;
}
.faq-list li::before {
  display: none !important;
  content: none !important;
}

.faq-item {
  border-bottom: 1px solid rgba(150, 120, 96, 0.25);
}
.faq-item__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 2rem 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  gap: 1.6rem;
}
.faq-item__trigger:focus-visible {
  outline: 2px solid #58842C;
  outline-offset: 2px;
  border-radius: 0.2rem;
}
.faq-item__question {
  font-size: 1.7rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818 !important;
  line-height: 1.4;
}
.faq-item__icon {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #58842C;
}
.faq-item__icon .faq-icon-v {
  transition: opacity 0.4s ease;
}
.faq-item.is-open .faq-item__icon .faq-icon-v {
  opacity: 0;
}
.faq-item__body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}
.faq-item__answer {
  padding-bottom: 2.4rem;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  line-height: 1.75;
}
.faq-item__answer p {
  margin: 0 0 1rem;
}
.faq-item__answer p:last-child {
  margin-bottom: 0;
}
.faq-item__answer a {
  color: #58842C;
  text-decoration: underline;
}
.faq-item__answer strong {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #2D3227;
}
@media screen and (min-width: 1024px) {
  .faq-item__question {
    font-size: 1.9rem;
  }
  .faq-item__answer {
    font-size: 1.7rem;
  }
}

/****************************************** Bloc Citation **/
.bloc-citation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  margin: 4rem 0;
}
.bloc-citation__icon {
  flex-shrink: 0;
  width: 3rem;
  height: 2rem;
}
.bloc-citation__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.bloc-citation__text {
  font-family: "miller-display", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 2.3rem !important;
  color: #58842C !important;
  text-align: center;
  line-height: 1.4 !important;
  margin: 0 !important;
}
@media screen and (min-width: 1024px) {
  .bloc-citation {
    flex-direction: row;
    align-items: flex-start;
    gap: 4rem;
  }
  .bloc-citation__icon {
    margin-top: 0.6rem;
  }
  .bloc-citation__text {
    font-size: 2.8rem !important;
    text-align: left;
  }
}

/****************************************** Bloc Galerie **/
.bloc-galerie {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin: 4rem 0;
}
.bloc-galerie__main {
  position: relative;
  border-radius: 0.4rem;
  overflow: hidden;
}
.bloc-galerie__main .swiper-slide img {
  display: block;
  width: 100%;
  height: 19.7rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.bloc-galerie__prev, .bloc-galerie__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: #58842C;
  border: none;
  border-radius: 0.4rem;
  width: 3.2rem;
  height: 3.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.4s ease;
}
.bloc-galerie__prev:hover, .bloc-galerie__next:hover {
  background: rgb(67.6, 101.4, 33.8);
}
.bloc-galerie__prev {
  left: 1rem;
}
.bloc-galerie__next {
  right: 1rem;
}
.bloc-galerie__thumbs .swiper-slide {
  height: 9rem;
  border-radius: 0.4rem;
  overflow: hidden;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.bloc-galerie__thumbs .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bloc-galerie__thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .bloc-galerie__main .swiper-slide img {
    height: 40.2rem;
  }
  .bloc-galerie__prev {
    left: 3rem;
    width: 4.2rem;
    height: 5.2rem;
  }
  .bloc-galerie__next {
    right: 3rem;
    width: 4.2rem;
    height: 5.2rem;
  }
}

/********************************************** Bloc Engagements **/
.bloc-engagements {
  background: #EBE3DC;
  padding: 6rem 0;
}
.bloc-engagements__grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.bloc-engagements__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  max-width: 37.5rem;
}
.bloc-engagements__icon-wrap {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
  justify-content: center;
}
.bloc-engagements__line {
  display: block;
  flex: 1;
  max-width: 8rem;
  height: 1px;
  background: #967860;
  opacity: 0.4;
}
.bloc-engagements__icon {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.bloc-engagements__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.76rem;
  color: #58842C;
  line-height: 1.4;
  margin: 0;
  padding-top: 1.6rem;
}
.bloc-engagements__texte {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  line-height: 1.5;
  margin: 0 !important;
  padding-top: 2.4rem;
  max-width: 30rem;
}
@media (min-width: 1024px) {
  .bloc-engagements {
    padding: 4rem 0;
  }
  .bloc-engagements__grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 4rem;
  }
  .bloc-engagements__item {
    flex: 0 0 auto;
    padding: 0;
  }
  .bloc-engagements__texte {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .bloc-engagements__grid {
    justify-content: space-between;
  }
}

/********************************************** Bloc Offre — À ne pas manquer **/
.bloc-offre {
  background: #2D3227;
  overflow: hidden;
  border-radius: 0.4rem;
}
.bloc-offre__inner {
  display: flex;
  flex-direction: column;
}
.bloc-offre__text {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 6rem 2rem;
}
@media (min-width: 640px) {
  .bloc-offre__text {
    padding: 6rem 4rem;
  }
}
.bloc-offre__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.2rem;
  color: #FFFFFF;
  line-height: 1.1;
  margin: 0;
}
.bloc-offre__titre em {
  font-style: italic;
}
.bloc-offre__desc {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  margin: 0 !important;
}
.bloc-offre__slider-wrap {
  position: relative;
  width: 100%;
}
.bloc-offre__swiper {
  overflow: hidden;
}
.bloc-offre__slide img {
  width: 100%;
  height: 28rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.bloc-offre__pagination {
  position: absolute !important;
  bottom: 1.6rem !important;
  left: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center;
  gap: 0.6rem;
  z-index: 10;
}
.bloc-offre__pagination .swiper-pagination-bullet {
  display: inline-block !important;
  width: 0.8rem !important;
  height: 0.8rem !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  cursor: pointer;
  transition: background 0.2s;
}
.bloc-offre__pagination .swiper-pagination-bullet-active {
  background: #FFFFFF !important;
}
.bloc-offre__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.bloc-offre__nav:hover {
  background: rgba(255, 255, 255, 0.3);
}
.bloc-offre__nav--prev {
  left: 1.2rem;
}
.bloc-offre__nav--next {
  right: 1.2rem;
}
@media (min-width: 1024px) {
  .bloc-offre__inner {
    flex-direction: row;
    align-items: stretch;
    min-height: 50rem;
  }
  .bloc-offre__text {
    flex: 0 0 auto;
    width: 42%;
    max-width: 39rem;
    padding: 8rem 8rem;
    justify-content: center;
    gap: 2.4rem;
  }
  .bloc-offre__titre {
    font-size: 5.6rem;
  }
  .bloc-offre__slider-wrap {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    position: relative;
  }
  .bloc-offre__swiper {
    height: 100%;
  }
  .bloc-offre__slide {
    height: 100%;
  }
  .bloc-offre__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/********************************************** Bloc Best-sellers **/
.bloc-bestsellers {
  padding: 6rem 0;
}
.bloc-bestsellers__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.2rem;
}
.bloc-bestsellers__titre {
  color: #58842C;
  margin: 0;
}
.bloc-bestsellers__titre em {
  font-style: italic;
}
.bloc-bestsellers__link {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  color: #967860;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity 0.4s ease;
  white-space: nowrap;
  display: none;
}
.bloc-bestsellers__link:hover {
  opacity: 0.7;
}
.bloc-bestsellers__link--mobile {
  display: flex;
  justify-content: center;
  margin-top: 2.4rem;
}
.bloc-bestsellers__slider-wrap {
  position: relative;
  padding: 0 2rem;
}
@media (min-width: 640px) {
  .bloc-bestsellers__slider-wrap {
    padding: 0 4rem;
  }
}
.bloc-bestsellers__swiper {
  overflow: hidden;
}
.bloc-bestsellers .swiper-wrapper {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.bloc-bestsellers__pagination {
  position: relative !important;
  bottom: auto !important;
  margin-top: 2.4rem;
  display: flex !important;
  justify-content: center;
  gap: 0.6rem;
}
.bloc-bestsellers__pagination .swiper-pagination-bullet {
  display: inline-block !important;
  width: 0.8rem !important;
  height: 0.8rem !important;
  border-radius: 50% !important;
  background: rgba(150, 120, 96, 0.4) !important;
  opacity: 1 !important;
  cursor: pointer;
  transition: background 0.2s;
}
.bloc-bestsellers__pagination .swiper-pagination-bullet-active {
  background: #58842C !important;
}
.bloc-bestsellers__nav {
  display: flex;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 10;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: none;
  background: #EBE3DC;
  color: #967860;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: background 0.4s ease, border-color 0.4s ease, color 0.4s ease;
}
.bloc-bestsellers__nav:hover {
  background: #58842C;
  border-color: #58842C;
  color: #FFFFFF;
}
.bloc-bestsellers__nav--prev {
  left: 0;
}
.bloc-bestsellers__nav--next {
  right: 0;
}
@media (min-width: 1024px) {
  .bloc-bestsellers {
    padding: 8rem 0;
  }
  .bloc-bestsellers__header {
    margin-bottom: 4rem;
  }
  .bloc-bestsellers__link {
    display: inline;
  }
  .bloc-bestsellers__link--mobile {
    display: none;
  }
  .bloc-bestsellers__slider-wrap {
    padding: 0;
  }
  .bloc-bestsellers__pagination {
    margin-top: 8rem;
  }
  .bloc-bestsellers__nav {
    width: 5rem;
    height: 5rem;
  }
  .bloc-bestsellers__nav--prev {
    left: -2.5rem;
  }
  .bloc-bestsellers__nav--next {
    right: -2.5rem;
  }
}

/********************************************** Bloc Occasion — Un vin pour chaque occasion **/
.bloc-occasion {
  background-color: #2D3227;
  background-image: url("../../assets/images/VIN-bkg-large.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 6rem 0;
  overflow: hidden;
}
.bloc-occasion__inner {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.bloc-occasion__left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.bloc-occasion__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.6rem;
  color: #FFFFFF;
  line-height: 1.15;
  margin: 0;
}
.bloc-occasion__titre em {
  font-style: italic;
}
.bloc-occasion__desc {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.6;
  margin: 0 !important;
}
.bloc-occasion__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.bloc-occasion__item {
  padding-left: 0 !important;
  margin-top: 0 !important;
}
.bloc-occasion__item + .bloc-occasion__item {
  margin-top: 0 !important;
}
.bloc-occasion__item::before {
  display: none !important;
  content: none !important;
}
.bloc-occasion__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8rem 0;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  opacity: 0.5;
  text-decoration: none;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.2;
  transition: opacity 0.4s ease;
  gap: 2rem;
}
.bloc-occasion__link span {
  flex: 1;
}
.bloc-occasion__link:hover, .bloc-occasion__item.is-active .bloc-occasion__link {
  opacity: 1;
}
.bloc-occasion__link:hover .bloc-occasion__arrow, .bloc-occasion__item.is-active .bloc-occasion__link .bloc-occasion__arrow {
  opacity: 1;
}
.bloc-occasion__arrow {
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
  color: #FFFFFF;
}
@media (min-width: 1024px) {
  .bloc-occasion {
    padding: 10rem 0;
  }
  .bloc-occasion__inner {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem;
  }
  .bloc-occasion__left {
    flex: 0 0 55rem;
    width: 56rem;
    padding-top: 2rem;
    gap: 3rem;
  }
  .bloc-occasion__titre {
    font-size: 5.6rem;
    max-width: 45rem;
  }
  .bloc-occasion__desc {
    font-size: 1.8rem;
  }
  .bloc-occasion__list {
    flex: 0 0 71rem;
    max-width: 71rem;
  }
  .bloc-occasion__link {
    font-size: 3rem;
    padding: 2.2rem 0;
  }
}

/********************************************** Bloc Marques **/
.bloc-marques__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.bloc-marques__card {
  background: #EBE3DC;
  width: calc(50% - 0.4rem);
  aspect-ratio: 1;
  display: flex;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 0.4rem;
}
.bloc-marques__card-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.bloc-marques__card-content {
  margin: auto;
  max-width: 65%;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloc-marques__card-logo {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.4s ease;
}
.bloc-marques__card-name {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  color: #2D3227;
  text-align: center;
  transition: opacity 0.4s ease;
}
.bloc-marques__card:hover .bloc-marques__card-bg {
  opacity: 1;
}
.bloc-marques__card:hover .bloc-marques__card-logo {
  opacity: 0;
}
.bloc-marques__card:hover .bloc-marques__card-name {
  opacity: 0;
}
@media (min-width: 1024px) {
  .bloc-marques__grid {
    flex-wrap: nowrap;
    gap: 0.8rem;
  }
  .bloc-marques__card {
    flex: 1;
    width: auto;
  }
}

/****************************************** Bloc — Ça se passe chez nous **/
.bloc-chez-nous {
  padding: 6rem 0;
}
.bloc-chez-nous__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.6rem;
  line-height: 1.1;
  color: #58842C;
  margin: 0 0 3.2rem;
}
.bloc-chez-nous__tabs {
  display: flex;
  gap: 3.2rem;
  border-bottom: 1px solid rgba(45, 50, 39, 0.15);
  margin-bottom: 4rem;
  width: -moz-max-content;
  width: max-content;
}
.bloc-chez-nous__tab {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #967860;
  padding-bottom: 1.4rem;
  position: relative;
  cursor: pointer;
  transition: color 0.4s ease;
}
.bloc-chez-nous__tab::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #967860;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.bloc-chez-nous__tab.is-active {
  color: #967860;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.bloc-chez-nous__tab.is-active::after {
  opacity: 1;
}
.bloc-chez-nous__panel.is-hidden {
  display: none;
}
.bloc-chez-nous__actus {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
}
.bloc-chez-nous__actus .post-card + .post-card {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.bloc-chez-nous__actus .post-card {
  width: 100%;
}
.bloc-chez-nous__actus .post-card__cats {
  margin: 0 !important;
}
.bloc-chez-nous__actus .post-card__title {
  margin: 0 !important;
}
.bloc-chez-nous__actus .post-card__excerpt {
  margin: 0 !important;
}
.bloc-chez-nous__footer {
  margin-top: 4rem;
}
.bloc-chez-nous__link {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #967860;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  transition: opacity 0.4s ease;
}
.bloc-chez-nous__link:hover {
  opacity: 0.7;
}
@media (min-width: 1024px) {
  .bloc-chez-nous {
    padding: 10rem 0;
  }
  .bloc-chez-nous__titre {
    font-size: 5.6rem;
    margin-bottom: 4.8rem;
  }
  .bloc-chez-nous__tabs {
    gap: 4.8rem;
    margin-bottom: 6rem;
  }
  .bloc-chez-nous__tab {
    font-size: 1.4rem;
  }
  .bloc-chez-nous__actus {
    gap: 2.4rem;
  }
  .bloc-chez-nous__actus .post-card {
    width: calc(33.333% - 1.6rem);
  }
}

.bloc-offres {
  position: relative;
  overflow: hidden;
}
.bloc-offres::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 55%;
  background-image: linear-gradient(rgba(50, 54, 45, 0.5), rgba(50, 54, 45, 0.5)), var(--offres-bg, none);
  background-size: cover;
  background-position: center;
  background-color: #967860;
  z-index: 0;
}
.bloc-offres::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: #FFFFFF;
  z-index: 0;
}
.bloc-offres__inner {
  position: relative;
  z-index: 1;
  padding: 9.2rem 0 0;
}
.bloc-offres__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.6rem;
  color: #FFFFFF;
  margin: 0 0 5rem;
  text-align: center;
}
.bloc-offres__grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #EBE3DC;
  padding: 4rem 3.2rem;
  border-radius: 4px;
}
.bloc-offres__item {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 3.2rem 0;
  max-width: 37.6rem;
}
.bloc-offres__item:first-child {
  padding-top: 0;
}
.bloc-offres__item:last-child {
  padding-bottom: 0;
}
.bloc-offres__icon-row {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.bloc-offres__icon-row::before, .bloc-offres__icon-row::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #58842C;
}
.bloc-offres__icon {
  width: 3.2rem;
  height: 3.2rem;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.bloc-offres__item-titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.3rem;
  color: #58842C;
  margin: 0;
  text-align: center;
}
.bloc-offres__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.bloc-offres__list li {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #2D3227;
  padding-left: 1.6rem;
  position: relative;
}
.bloc-offres__list li::before {
  content: "◆";
  position: absolute;
  left: 0;
  font-size: 0.7rem;
  top: 0.4rem;
  color: #58842C;
}
@media (min-width: 1024px) {
  .bloc-offres__inner {
    padding: 15rem 0 0;
  }
  .bloc-offres__titre {
    font-size: 5.6rem;
    margin-bottom: 14rem;
  }
  .bloc-offres__grid {
    flex-direction: row;
    justify-content: space-between;
    gap: 4rem;
    padding: 6rem;
  }
  .bloc-offres__item {
    flex: 0 1 37.6rem;
    padding: 0;
  }
  .bloc-offres__item:first-child {
    border-left: none;
  }
  .bloc-offres__item:last-child {
    padding-right: 0;
  }
  .bloc-offres__icon {
    width: 4.2rem;
    height: 4.2rem;
  }
  .bloc-offres__item-titre {
    font-size: 2.8rem;
  }
}
.bloc-offres__note {
  position: relative;
  z-index: 1;
  background: #EBE3DC;
  padding: 2.4rem 3.2rem;
  margin-top: 0;
}
.bloc-offres__note::before {
  content: "";
  position: absolute;
  top: 0;
  left: 3.2rem;
  right: 3.2rem;
  height: 2px;
  background: #58842C;
}
.bloc-offres__note p {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.7;
  color: #2D3227;
  margin: 0;
}
@media (min-width: 1024px) {
  .bloc-offres__note {
    padding: 3.2rem 6rem;
  }
  .bloc-offres__note::before {
    left: 6rem;
    right: 6rem;
  }
  .bloc-offres__note p {
    font-size: 1.6rem;
  }
}

/*****************************************************
************** Bloc Infos pratiques ******************
******************************************************/
.bloc-infos-pratiques__inner {
  background: #EBE3DC;
  border-radius: 0.4rem;
  padding: 3.2rem 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2rem;
}
.bloc-infos-pratiques__titre {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #967860;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0;
  text-align: center;
}
.bloc-infos-pratiques__grid {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 100%;
}
.bloc-infos-pratiques__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  text-align: center;
}
.bloc-infos-pratiques__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloc-infos-pratiques__icon {
  width: 5.6rem;
  height: 5.6rem;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.bloc-infos-pratiques__texte {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  line-height: 1.6;
  margin: 0;
}
@media (min-width: 1024px) {
  .bloc-infos-pratiques__inner {
    padding: 4rem;
    gap: 4rem;
  }
  .bloc-infos-pratiques__titre {
    font-size: 2.25rem;
  }
  .bloc-infos-pratiques__grid {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4rem;
  }
  .bloc-infos-pratiques__item {
    flex: 1;
    min-width: 0;
  }
  .bloc-infos-pratiques__texte {
    font-size: 1.8rem;
  }
}

/*****************************************************
************** bloc-section-citation.scss *************
******************************************************/
.bloc-section-citation {
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: #2D3227;
  padding: 17rem 0;
}
.bloc-section-citation::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(50, 54, 45, 0.6);
  pointer-events: none;
}
.bloc-section-citation__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.bloc-section-citation__icon {
  width: 4.7rem;
  height: auto;
}
.bloc-section-citation__texte {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-style: italic;
  font-size: 2.7rem;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
}
@media (min-width: 1024px) {
  .bloc-section-citation {
    padding: 20rem 0;
  }
  .bloc-section-citation__texte {
    font-size: 4.4rem;
  }
}

/*****************************************************
**************** bloc-vinotheques ********************
******************************************************/
.bloc-vinotheques__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.bloc-vinotheques__card {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  text-decoration: none;
}
.bloc-vinotheques__card:hover .bloc-vinotheques__card-img img {
  transform: scale(1.04);
}
.bloc-vinotheques__card-img {
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio: 3/4;
}
.bloc-vinotheques__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.bloc-vinotheques__card-name {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  margin: 0;
  text-align: center;
}
.bloc-vinotheques__card-ville {
  font-size: 0.85em;
}
@media (min-width: 1024px) {
  .bloc-vinotheques__grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 2.4rem;
  }
  .bloc-vinotheques__card-name {
    font-size: 1.8rem;
    margin-top: 2.4rem;
  }
}

.bloc-vignoble {
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding-top: 40.5rem;
  padding-bottom: 6rem;
}
.bloc-vignoble__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.bloc-vignoble__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(50, 54, 45, 0.8) 0%, rgba(50, 54, 45, 0.3) 100%);
  pointer-events: none;
}
.bloc-vignoble .container {
  position: relative;
  z-index: 1;
}
.bloc-vignoble__content {
  display: flex;
  flex-direction: column;
  max-width: 60rem;
}
.bloc-vignoble__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 4.8rem;
  line-height: 1.1;
  color: #f8f8f8;
  margin: 0;
}
.bloc-vignoble__paragraphe {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.7;
  color: rgba(248, 248, 248, 0.9);
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .bloc-vignoble {
    align-items: flex-end;
    padding-top: 55rem;
    padding-bottom: 6rem;
  }
  .bloc-vignoble__content {
    max-width: 72rem;
  }
  .bloc-vignoble .container {
    width: 100%;
  }
  .bloc-vignoble__titre {
    font-size: 6.9rem;
  }
  .bloc-vignoble__paragraphe {
    font-size: 1.7rem;
  }
}
.bloc-valeurs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.bloc-valeurs__card {
  background-color: #EBE3DC;
  border-radius: 4px;
  padding: 3rem 2.4rem;
  max-width: 34.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.6rem;
}
.bloc-valeurs__card > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.bloc-valeurs__card-icon {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
}
.bloc-valeurs__card-icon::before, .bloc-valeurs__card-icon::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #58842C;
}
.bloc-valeurs__card-icon img {
  width: 4.8rem;
  height: 4.8rem;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.bloc-valeurs__card-titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.8rem;
  line-height: 1.2;
  color: #58842C;
  margin: 0;
}
.bloc-valeurs__card-desc {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #2D3227;
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .bloc-valeurs {
    gap: 2rem;
  }
  .bloc-valeurs__card {
    padding: 4rem 3.2rem;
    gap: 2rem;
  }
  .bloc-valeurs__card-icon img {
    width: 6rem;
    height: 6rem;
  }
  .bloc-valeurs__card-titre {
    font-size: 3.5rem;
  }
  .bloc-valeurs__card-desc {
    font-size: 1.8rem;
  }
}
.bloc-certifications {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 3.2rem 4rem;
  margin-top: 4rem;
}
.bloc-certifications__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloc-certifications__item img {
  width: auto;
  height: auto;
  max-height: 8rem;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

@media screen and (min-width: 1024px) {
  .bloc-certifications {
    gap: 4rem 7rem;
    margin-top: 5rem;
    max-width: 97rem;
    margin-left: auto;
    margin-right: auto;
  }
  .bloc-certifications__item img {
    max-height: 10rem;
  }
}
.bloc-equipe {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.bloc-equipe__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.4rem;
}
.bloc-equipe__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: calc(50% - 1.2rem);
  max-width: 35rem;
}
.bloc-equipe__card-photo {
  width: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.bloc-equipe__card-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  display: block;
}
.bloc-equipe__card-nom {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-size: 3.3rem;
  line-height: 1.2;
  color: #967860;
  margin: 0 0 0.6rem;
}
.bloc-equipe__card-fonction {
  display: block;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #181818;
  margin-bottom: 0.6rem;
}
.bloc-equipe__card-citation {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  font-style: italic;
  color: #967860;
  line-height: 1.5;
  margin: 0 0 1rem;
}
.bloc-equipe__card-contacts {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.bloc-equipe__card-contact {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  color: #58842C;
  text-decoration: none;
}
.bloc-equipe__card-contact:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1024px) {
  .bloc-equipe {
    gap: 5rem;
  }
  .bloc-equipe__row {
    gap: 3.2rem;
  }
  .bloc-equipe__card {
    width: 35rem;
    max-width: 35rem;
  }
  .bloc-equipe__card-nom {
    font-size: 4.4rem;
  }
  .bloc-equipe__card-fonction {
    font-size: 1.8rem;
  }
  .bloc-equipe__card-citation {
    font-size: 1.4rem;
  }
  .bloc-equipe__row--president .bloc-equipe__card {
    width: 42rem;
    max-width: 42rem;
  }
  .bloc-equipe__row--president .bloc-equipe__card-nom {
    font-size: 5.2rem;
  }
  .bloc-equipe__row--president .bloc-equipe__card-fonction {
    font-size: 2rem;
  }
}
.bloc-articles-vinotheque .post-cards {
  min-height: 0;
}
.bloc-articles-vinotheque .post-card + .post-card {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.bloc-articles-vinotheque .post-card__content > * {
  margin-top: 0 !important;
}

.bloc-vinotheque__section-titre {
  margin-bottom: 2.4rem;
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .bloc-vinotheque__section-titre {
    margin-bottom: 4rem;
  }
}
.bloc-vinotheque__btn {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
}
.bloc-vinotheque__btn a {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #967860;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  transition: opacity 0.2s ease;
}
.bloc-vinotheque__btn a:hover {
  opacity: 0.75;
}

@media screen and (min-width: 1024px) {
  .bloc-vinotheque__btn {
    justify-content: flex-start;
  }
}
.bloc-horaires {
  background: #EBE3DC;
  padding: 3.2rem 2.4rem;
  margin-top: 4rem;
  max-width: 41.5rem;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.bloc-horaires__titre {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #967860;
  margin: 0 0 2.4rem;
}
.bloc-horaires__note {
  font-style: normal;
}
.bloc-horaires__content {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.8;
  color: #181818;
}
.bloc-horaires__content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.bloc-horaires__content table {
  width: 100%;
  border-collapse: collapse;
}
.bloc-horaires__content table td {
  padding: 0.4rem 1.2rem 0.4rem 0;
  vertical-align: top;
  font-size: 1.5rem;
  line-height: 1.6;
}
.bloc-horaires__content table td:first-child {
  font-weight: 500;
  min-width: 14rem;
  color: #181818;
}
.bloc-horaires__content table td:last-child {
  color: #181818;
  opacity: 0.8;
}
.bloc-horaires__content ul, .bloc-horaires__content ol {
  padding-left: 1.6rem;
}
.bloc-horaires__content ul li, .bloc-horaires__content ol li {
  margin-bottom: 0.4rem;
}
.bloc-horaires__note {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #181818;
  font-style: italic;
  margin: 1.2rem 0 0;
  padding-top: 1.6rem;
  border-top: 1px solid rgb(212.7454545455, 195.8436363636, 181.0545454545);
}

@media screen and (min-width: 1024px) {
  .bloc-horaires {
    padding: 4rem 4.8rem;
  }
  .bloc-horaires__titre {
    font-size: 2.2rem;
  }
  .bloc-horaires__content {
    font-size: 1.6rem;
  }
  .bloc-horaires__note {
    font-size: 1.4rem;
  }
}
.wp-block-acf-bloc-infos-vinotheque {
  margin-top: 0 !important;
}

.bloc-infos-vinotheque {
  background: #EBE3DC;
  padding: 3.2rem 2.4rem;
  max-width: 41.5rem;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.bloc-infos-vinotheque__titre {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #967860;
  margin: 0 0 2.4rem;
}
.bloc-infos-vinotheque__liste {
  list-style: none;
  margin: 0 !important;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.bloc-infos-vinotheque__liste li {
  padding-left: 0 !important;
}
.bloc-infos-vinotheque__liste li::before {
  display: none !important;
}
.bloc-infos-vinotheque__item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.bloc-infos-vinotheque__icon {
  flex-shrink: 0;
  width: 4.7rem;
  height: 4.7rem;
  border-radius: 50%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloc-infos-vinotheque__icon svg {
  width: 2.6rem;
  height: 2.6rem;
  fill: #58842C;
}
.bloc-infos-vinotheque__text {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.bloc-infos-vinotheque__label {
  display: none;
}
.bloc-infos-vinotheque__value {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #181818;
}
.bloc-infos-vinotheque__value a {
  color: #181818;
  text-decoration: none;
}
.bloc-infos-vinotheque__value a:hover {
  text-decoration: underline;
}
.bloc-infos-vinotheque__maps-link {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  color: #58842C;
  text-decoration: underline;
  transition: opacity 0.4s ease;
}
.bloc-infos-vinotheque__maps-link:hover {
  opacity: 0.75;
}

@media screen and (min-width: 1024px) {
  .bloc-infos-vinotheque {
    padding: 4rem 4.8rem;
  }
  .bloc-infos-vinotheque__titre {
    font-size: 2.2rem;
  }
  .bloc-infos-vinotheque__icon {
    width: 4.7rem;
    height: 4.7rem;
  }
  .bloc-infos-vinotheque__icon svg {
    width: 2.6rem;
    height: 2.6rem;
  }
  .bloc-infos-vinotheque__value {
    font-size: 1.6rem;
  }
}
.bloc-chronologie__inner {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.bloc-chronologie__images {
  display: none;
}
.bloc-chronologie__timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.bloc-chronologie__line {
  display: none;
}
.bloc-chronologie__item {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 4rem;
  border-left: 1px solid rgba(150, 120, 96, 0.3);
}
.bloc-chronologie__content {
  position: relative;
  width: 100%;
}
.bloc-chronologie__dot {
  position: absolute;
  left: -2.5rem;
  top: 2.4rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #967860;
  transition: transform 0.4s ease;
}
.bloc-chronologie__item.is-active .bloc-chronologie__dot {
  transform: scale(2);
}
.bloc-chronologie__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
  width: 100%;
  background: none;
  border: none;
  padding: 1.2rem 0;
  cursor: pointer;
  text-align: left;
}
.bloc-chronologie__annee {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-style: normal;
  font-size: 2.7rem;
  color: #967860;
}
.bloc-chronologie__titre-short {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-style: normal;
  font-size: 2.7rem;
  color: rgba(24, 24, 24, 0.4);
  transition: color 0.3s ease;
}
.bloc-chronologie__item.is-active .bloc-chronologie__titre-short {
  color: #181818;
}
.bloc-chronologie__body {
  overflow: hidden;
}
.bloc-chronologie__image-mobile {
  margin-bottom: 2rem;
}
.bloc-chronologie__image-mobile img {
  width: 100%;
  height: 28rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.bloc-chronologie__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-style: normal;
  font-size: 2.7rem;
  color: #181818;
  margin-bottom: 1.6rem;
}
.bloc-chronologie__titre > * {
  margin-top: 0 !important;
}
.bloc-chronologie__texte {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.7;
  color: #181818;
  padding-bottom: 2.4rem;
}
.bloc-chronologie__texte > * {
  margin-top: 0 !important;
}
.bloc-chronologie__texte p + p {
  margin-top: 1.2rem !important;
}
.bloc-chronologie__texte a {
  color: #58842C;
  transition: opacity 0.2s ease;
}
.bloc-chronologie__texte a:hover {
  opacity: 0.5;
}
@media (min-width: 1024px) {
  .bloc-chronologie__inner {
    flex-direction: row;
    align-items: flex-start;
    gap: 8rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .bloc-chronologie__images {
    display: block;
    position: sticky;
    top: 25vh;
    width: 40%;
    flex-shrink: 0;
    height: 50vh;
  }
  .bloc-chronologie__image {
    position: absolute;
    inset: 0;
    opacity: 0;
    border-radius: 4px;
    overflow: hidden;
  }
  .bloc-chronologie__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  }
  .bloc-chronologie__timeline {
    flex: 1;
    padding: 0;
  }
  .bloc-chronologie__line {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(150, 120, 96, 0.3);
  }
  .bloc-chronologie__item {
    border-left: none;
    padding-left: 5rem;
    padding-bottom: 0;
    min-height: 80rem;
    display: flex;
    align-items: center;
  }
  .bloc-chronologie__item .bloc-chronologie__content {
    width: 100%;
  }
  .bloc-chronologie__dot {
    width: 1.2rem;
    height: 1.2rem;
    left: -5.6rem;
    top: 1.6rem;
  }
  .bloc-chronologie__item {
    opacity: 0.2;
    transition: opacity 0.4s ease;
  }
  .bloc-chronologie__item.is-active {
    opacity: 1;
  }
  .bloc-chronologie__header {
    cursor: default;
    pointer-events: none;
    padding: 0 0 0.8rem;
  }
  .bloc-chronologie__annee {
    font-size: 3.5rem;
  }
  .bloc-chronologie__titre-short {
    display: none;
  }
  .bloc-chronologie__body {
    height: auto !important;
    overflow: visible !important;
  }
  .bloc-chronologie__image-mobile {
    display: none;
  }
  .bloc-chronologie__titre {
    font-size: 3.5rem;
    margin-bottom: 2rem;
  }
  .bloc-chronologie__texte {
    font-size: 1.6rem;
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .section__intro .wp-block-columns {
    justify-content: space-between;
  }
  .section__intro .wp-block-column:first-child {
    max-width: 74.5rem;
    flex: 0 1 74.5rem;
  }
  .section__intro .wp-block-column:last-child {
    max-width: 51.5rem;
    flex: 0 1 51.5rem;
  }
}
.section__contact {
  background-color: #2D3227;
  background-image: url("../images/VIN-bkg-large.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
}

@media screen and (min-width: 1024px) {
  .section__contact .wp-block-columns {
    justify-content: space-between;
  }
  .section__contact .wp-block-column:first-child {
    max-width: 49.1rem;
    flex: 0 1 49.1rem;
  }
  .section__contact .wp-block-column:last-child {
    max-width: 64.2rem;
    flex: 0 1 64.2rem;
  }
}
.section__techspec .wp-block-columns,
.section__creation .wp-block-columns {
  align-items: stretch !important;
}
.section__techspec .wp-block-column,
.section__creation .wp-block-column {
  display: flex;
  flex-direction: column;
}
.section__techspec .wp-block-column > [class*=wp-block-acf-bloc-lp],
.section__creation .wp-block-column > [class*=wp-block-acf-bloc-lp] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.section__techspec .wp-block-column > [class*=wp-block-acf-bloc-lp] > [class*=bloc-lp-],
.section__creation .wp-block-column > [class*=wp-block-acf-bloc-lp] > [class*=bloc-lp-] {
  flex: 1;
}

.page__content .bloc-lp-titre-section *,
.page__content .bloc-lp-contenances *,
.page__content .bloc-lp-tarifs *,
.page__content .bloc-lp-dimensions *,
.page__content .bloc-lp-design *,
.page__content .bloc-lp-carte-info * {
  margin-top: 0;
}

.bloc-lp-titre-section__inner {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.bloc-lp-titre-section__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  min-width: 4.8rem;
  background: #58842C;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 2.4rem;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
}
.bloc-lp-titre-section__title {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3rem;
  line-height: 1.3;
  color: #58842C;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .bloc-lp-titre-section__title {
    font-size: 4.4rem;
  }
}

.bloc-lp-contenances__grid {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.bloc-lp-contenances__card {
  background: #EBE3DC;
  border-radius: 0.4rem;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.bloc-lp-contenances__card-head {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.bloc-lp-contenances__bottle-icon {
  flex-shrink: 0;
  width: 1.2rem;
  height: auto;
}
.bloc-lp-contenances__label {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  line-height: 1.4;
  color: #58842C;
  flex: 1;
}
.bloc-lp-contenances__sep {
  border: none;
  border-top: 1px solid rgba(88, 132, 44, 0.3);
  margin: 0;
}
.bloc-lp-contenances__price {
  line-height: 0;
}
.bloc-lp-contenances__price-value {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #58842C;
}
.bloc-lp-contenances__price-unit {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #58842C;
}
.bloc-lp-contenances__min {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #181818;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .bloc-lp-contenances__grid {
    flex-direction: row;
    gap: 4rem;
  }
  .bloc-lp-contenances__card {
    flex: 1;
  }
  .bloc-lp-contenances__label {
    font-size: 3.8rem;
  }
}

.bloc-lp-tarifs__grid {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.bloc-lp-tarifs__card {
  background: transparent;
  border: 2px solid #58842C;
  border-radius: 0.4rem;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.bloc-lp-tarifs__card-title {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #181818;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.bloc-lp-tarifs__sep {
  border: none;
  border-top: 1px solid rgba(88, 132, 44, 0.3);
  margin: 0;
}
.bloc-lp-tarifs__rows {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.bloc-lp-tarifs__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.bloc-lp-tarifs__qte {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #181818;
}
.bloc-lp-tarifs__price {
  line-height: 0;
  white-space: nowrap;
}
.bloc-lp-tarifs__price-value {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #58842C;
}
.bloc-lp-tarifs__price-unit {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #58842C;
}
@media screen and (min-width: 1024px) {
  .bloc-lp-tarifs__grid {
    flex-direction: row;
    gap: 4rem;
  }
  .bloc-lp-tarifs__card {
    flex: 1;
  }
}

.bloc-lp-dimensions {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.bloc-lp-dimensions__card {
  flex: 1;
  background: transparent;
  border: 2px solid #58842C;
  border-radius: 0.4rem;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.bloc-lp-dimensions__card-title {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #181818;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.bloc-lp-dimensions__sep {
  border: none;
  border-top: 1px solid rgba(88, 132, 44, 0.3);
  margin: 0;
}
.bloc-lp-dimensions__rows {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.bloc-lp-dimensions__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.6rem;
}
.bloc-lp-dimensions__label {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #181818;
}
.bloc-lp-dimensions__value {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #58842C;
  white-space: nowrap;
}

.bloc-lp-design {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.bloc-lp-design__card {
  flex: 1;
  background: #2D3227;
  border-radius: 0.4rem;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.bloc-lp-design__title {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #FFFFFF;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.bloc-lp-design__sep {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0;
}
.bloc-lp-design__items {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.bloc-lp-design__item {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
}
.bloc-lp-design__check {
  flex-shrink: 0;
  margin-top: 0.2rem;
}
.bloc-lp-design__text {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}
.bloc-lp-design__text strong {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.bloc-lp-carte-info {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.bloc-lp-carte-info__card {
  flex: 1;
  background: #EBE3DC;
  border-radius: 0.4rem;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.bloc-lp-carte-info__head {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.bloc-lp-carte-info__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloc-lp-carte-info__icon svg {
  display: block;
}
.bloc-lp-carte-info__title {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.9rem;
  line-height: 1.4;
  color: #181818;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .bloc-lp-carte-info__title {
    font-size: 2.8rem;
  }
}
.bloc-lp-carte-info__sep {
  border: none;
  border-top: 1px solid rgba(88, 132, 44, 0.3);
  margin: 0;
}
.bloc-lp-carte-info__items {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.bloc-lp-carte-info__item {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #181818;
  margin: 0;
}
.bloc-lp-carte-info__item strong {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ep-password-gate {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(6, 8, 28, 0.35);
  animation: age-gate-in 0.4s ease forwards;
}
.ep-password-gate__card {
  background: #2D3227;
  border-radius: 1.6rem;
  padding: 4rem 3.2rem;
  width: 100%;
  max-width: 47.6rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (min-width: 1024px) {
  .ep-password-gate__card {
    padding: 5.6rem 4.8rem;
    gap: 3.2rem;
  }
}
.ep-password-gate__logo img {
  display: block;
}
.ep-password-gate__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 1.2;
  color: #FFFFFF;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .ep-password-gate__titre {
    font-size: 3.6rem;
  }
}
.ep-password-gate__text {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .ep-password-gate__text {
    font-size: 1.6rem;
  }
}
.ep-password-gate__form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .ep-password-gate__form {
    flex-direction: row;
  }
}
.ep-password-gate__input {
  flex: 1;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #FFFFFF;
}
.ep-password-gate__input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ep-password-gate__input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ep-password-gate__input:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.6);
}
.ep-password-gate__btn {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  padding: 1.6rem 3.2rem;
  border-radius: 0.4rem;
  background: #58842C;
  color: #FFFFFF;
  cursor: pointer;
  transition: background-color 0.4s ease;
  white-space: nowrap;
}
.ep-password-gate__btn:hover {
  background: rgb(72.7, 109.05, 36.35);
}

.bloc-ep-hero {
  position: relative;
  background-color: #2D3227;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 15.5rem 0 3.6rem;
}
.bloc-ep-hero .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 1024px) {
  .bloc-ep-hero {
    padding: 15.5rem 0 3.6rem;
  }
  .bloc-ep-hero .container {
    flex-direction: row;
    align-items: center;
  }
}
.bloc-ep-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(45, 50, 39, 0.6);
  pointer-events: none;
}
.bloc-ep-hero__content {
  position: relative;
  z-index: 1;
  flex: 1;
}
.bloc-ep-hero__text {
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  text-shadow: 0 4px 70px rgba(0, 0, 0, 0.6);
}
.bloc-ep-hero__surtitre {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .bloc-ep-hero__surtitre {
    font-size: 2.8rem;
  }
}
.bloc-ep-hero__titre {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 6rem;
  line-height: 1.1;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .bloc-ep-hero__titre {
    font-size: 11rem;
  }
}

.ep-contact-card {
  position: relative;
  z-index: 1;
  background: #EBE3DC;
  border-radius: 0.4rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 3.2rem;
}
@media screen and (min-width: 1024px) {
  .ep-contact-card {
    margin-top: 0;
    align-self: flex-end;
  }
}
.ep-contact-card__label {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #967860;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .ep-contact-card__label {
    font-size: 1.85rem;
  }
}
.ep-contact-card__name {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.ep-contact-card__name strong {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
  color: #181818;
  display: block;
}
.ep-contact-card__name span {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #181818;
  line-height: 1.6;
}
.ep-contact-card__row {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.ep-contact-card__row a {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #181818;
  text-decoration: none;
  line-height: 1.6;
  word-break: break-all;
}
.ep-contact-card__row a:hover {
  color: #58842C;
}
.ep-contact-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.7rem;
  height: 4.7rem;
  border-radius: 50%;
  background: #FFFFFF;
  flex-shrink: 0;
}
.ep-contact-card__icon img {
  width: 2.3rem;
  height: 2.3rem;
}

.ep-tabs__select {
  display: block;
  width: 100%;
  margin-bottom: 3.2rem;
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #967860;
  background: #FFFFFF;
  border: 1px solid rgba(24, 24, 24, 0.2);
  border-radius: 0.4rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23181818' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.6rem center;
}
@media screen and (min-width: 1280px) {
  .ep-tabs__select {
    display: none;
  }
}

.ep-tabs {
  display: none;
}
@media screen and (min-width: 1280px) {
  .ep-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3.2rem;
    border-bottom: 1px solid rgba(24, 24, 24, 0.12);
    width: 100%;
  }
}
.ep-tabs__btn {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #967860;
  background: none;
  border: none;
  padding: 1.2rem 0;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  transition: color 0.4s ease;
}
.ep-tabs__btn::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: #967860;
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.ep-tabs__btn--active {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.ep-tabs__btn--active::after {
  transform: scaleX(1);
}
.ep-tabs__btn:hover:not(.ep-tabs__btn--active) {
  color: rgb(118.9024390244, 95.1219512195, 76.0975609756);
}

.ep-documents__panel {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.ep-documents__panel--hidden {
  display: none;
}

.ep-documents__empty {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: rgba(24, 24, 24, 0.6);
  padding: 2.4rem 0;
}

.ep-document-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.4rem;
  padding: 2rem;
  border: 1px solid #EBE3DC;
  border-radius: 0.4rem;
  background: white;
}
@media screen and (min-width: 768px) {
  .ep-document-card {
    flex-wrap: nowrap;
  }
}
.ep-document-card__icon {
  flex-shrink: 0;
  display: flex;
}
.ep-document-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  min-width: 0;
}
.ep-document-card__titre {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
  color: #2D3227;
  line-height: 1.4;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .ep-document-card__titre {
    font-size: 2.25rem;
  }
}
.ep-document-card__date {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ep-document-card__date span {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #181818;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .ep-document-card__date span {
    font-size: 1.8rem;
  }
}
.ep-document-card__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  width: calc(100% - 4.8rem);
  background: #58842C;
  color: #FFFFFF;
  border: none;
  border-radius: 0.4rem;
  padding: 1.2rem 2.4rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.4s ease;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .ep-document-card__btn {
    width: auto;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .ep-document-card__btn {
    font-size: 2.25rem;
  }
}
.ep-document-card__btn:hover {
  background: rgb(67.6, 101.4, 33.8);
  color: #FFFFFF;
}

/*****************************************************
******************** Calls to action *****************
******************************************************/
html .cta {
  margin-top: 5rem;
}
html .cta__main {
  background: url(../images/VIN-cta-bkg.webp) #2D3227 no-repeat center/cover;
}
html .cta__main h2 + p {
  margin-top: 2.4rem;
}
html .cta__main p + .wp-block-buttons {
  margin-top: 4rem;
}
html .cta__main p {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}
html .cta__main .wp-block-buttons {
  gap: 2rem;
}
html .cta__main--about {
  background: url(../images/VIN-cta-about-bkg.jpg) #2D3227 no-repeat center/cover;
}

html .bloc-cta .cta {
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  html .cta {
    margin-top: 10rem;
  }
  html .cta__main h2 + p {
    margin-top: 5rem;
  }
  html .cta__main .wp-block-buttons {
    gap: 3rem;
  }
  html .bloc-cta .cta {
    margin-top: 0;
  }
}
/*****************************************************
********************** Spacer.scss *******************
******************************************************/
.spacer__base {
  height: 6rem !important;
}
.spacer__huge {
  height: 10rem !important;
}
.spacer__big {
  height: 8rem !important;
}
.spacer__med {
  height: 2.4rem !important;
}
.spacer__small {
  height: 1.2rem !important;
}

@media screen and (min-width: 1024px) {
  .spacer__base {
    height: 8rem !important;
  }
  .spacer__huge {
    height: 16rem !important;
  }
  .spacer__big {
    height: 12rem !important;
  }
  .spacer__med {
    height: 4rem !important;
  }
  .spacer__small {
    height: 2.4rem !important;
  }
}
/*****************************************************
********************* Images.scss ********************
******************************************************/
img {
  display: block;
  width: 100%;
  height: auto;
}

/*****************************************************
**************** Notification-bar.scss **************
******************************************************/
.notification-bar {
  background: var(--notification-bg, #58842C);
  color: #FFFFFF;
  position: relative;
  z-index: 50;
  font-size: 14px;
  line-height: 1;
  /********************************* icon */
  /********************************* viewport */
}
.notification-bar p {
  line-height: 0.4rem;
}
.notification-bar__viewport {
  height: 5rem;
  overflow: hidden;
  position: relative;
  padding-inline: 1.6rem;
  display: flex;
}
.notification-bar__track {
  display: flex;
  align-items: center;
  margin: auto 0;
  gap: 3rem;
  will-change: transform;
}
.notification-bar__item {
  display: inline-flex;
  align-items: center;
  gap: 3rem;
  white-space: nowrap;
}
.notification-bar__icon {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
}
.notification-bar__txt {
  font-size: 1.6rem;
}
.notification-bar__title {
  font-weight: 700;
  margin-right: 1.5rem;
  font-size: 1.6rem;
  font-family: var(--font-title);
}
.notification-bar__link {
  display: block;
  color: inherit;
  text-decoration: none;
  height: 100%;
  width: 100%;
}
.notification-bar__link:hover {
  color: #fff;
  text-decoration: none;
}
.notification-bar__viewport {
  position: relative;
  isolation: isolate;
}
.notification-bar__viewport::before, .notification-bar__viewport::after {
  content: "";
  position: absolute;
  top: 0;
  width: 7%;
  max-width: 16rem; /* largeur du fondu */
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.notification-bar__viewport::before {
  left: 0;
  background: linear-gradient(to right, var(--notification-bg, #58842C) 0%, transparent 100%);
}
.notification-bar__viewport::after {
  right: 0;
  background: linear-gradient(to left, var(--notification-bg, #58842C) 0%, transparent 100%);
}

/* Pause au survol ou au focus clavier */
.notification-bar:hover .notification-bar__track,
.notification-bar__link:hover .notification-bar__track,
.notification-bar__viewport:hover .notification-bar__track,
.notification-bar:focus-within .notification-bar__track {
  animation-play-state: paused;
}

/* Respecte les préférences utilisateur */
@media (prefers-reduced-motion: reduce) {
  .notification-bar__track {
    animation: none !important;
    transform: translateX(0) !important;
  }
}
/*****************************************************
********************* Filtres.scss *******************
******************************************************/
.filter {
  margin: 4rem 0;
}
.filter ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.filter ul a {
  padding: 1rem 2rem;
  border: 1px solid rgba(235, 227, 220, 0.1);
  border-radius: 1rem;
  background: rgba(235, 227, 220, 0.1);
  color: #EBE3DC;
}
.filter ul a:hover, .filter ul a.active {
  opacity: 1;
  color: #58842C;
  background: rgba(88, 132, 44, 0.1);
  border: 1px solid rgba(88, 132, 44, 0.1);
}

@media screen and (min-width: 1024px) {
  .filter {
    margin: 6rem 0;
  }
}
/*****************************************************
******************** pagination.scss *****************
******************************************************/
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 7.5rem 0 0 0;
}
.pagination a, .pagination span {
  padding: 1rem;
  display: block;
  color: #EBE3DC;
  border-radius: 0.5rem;
  transition: 0.4s ease;
}
.pagination a.current, .pagination a:hover, .pagination span.current, .pagination span:hover {
  color: #FFFFFF;
  background: #58842C;
}

@media screen and (min-width: 1024px) {
  .pagination {
    margin: 10rem 0 0 0;
  }
}
/*****************************************************
********************* Sections.scss ******************
******************************************************/
/************************************************* section savoir**/
.section-savoir {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 13rem;
  position: relative;
}
.section-savoir::after {
  content: "";
  display: block;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  max-height: 22rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.section-savoir h2 {
  color: #F4F4F4;
  text-align: center;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4.5rem;
}
.section-savoir__content {
  background: #EBE3DC;
  border-radius: 4px;
  position: relative;
  z-index: 3;
}
.section-savoir__content .wrapper {
  padding: 6rem 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 4rem;
}
.section-savoir__item {
  text-align: center;
  max-width: 38.5rem;
}
.section-savoir__item .icon {
  margin-bottom: 1.6rem;
  position: relative;
}
.section-savoir__item .icon::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 23.2rem;
  height: 1px;
  background: #58842C;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-savoir__item .icon img {
  max-width: 3.2rem;
  padding: 0 2rem;
  margin: 0 auto;
  background: #EBE3DC;
  position: relative;
  z-index: 3;
}
.section-savoir__item h3 {
  color: #58842C;
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 1.6rem;
  line-height: 1.4;
}

@media screen and (min-width: 1024px) {
  .section-savoir {
    padding-top: 8rem;
  }
  .section-savoir::after {
    max-height: 13rem;
  }
  .section-savoir h2 {
    margin-bottom: 9.5rem;
  }
  .section-savoir__content .wrapper {
    padding: 4rem;
  }
  .section-savoir__item .icon {
    margin-bottom: 2.4rem;
  }
  .section-savoir__item .icon::after {
    max-width: 29rem;
  }
  .section-savoir__item .icon img {
    max-width: 4.8rem;
    padding: 0 2rem;
  }
  .section-savoir__item h3 {
    margin-bottom: 2.4rem;
  }
}
.section__certifications.has-ebony-background-color {
  background-image: url("../../assets/images/VIN-bkg-large.webp");
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 1280px) {
  .section-savoir__content .wrapper {
    padding: 4rem 8rem;
    gap: 7rem;
    justify-content: space-evenly;
  }
}
/*****************************************************
***************** hero-banner.scss *******************
******************************************************/
.aw-hero-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 20rem;
  padding-bottom: 4rem;
  background-size: cover;
  background-position: center;
  background-color: rgba(50, 54, 45, 0.9);
}
.aw-hero-banner--mobile-left {
  background-position: left center;
}
.aw-hero-banner__overlay {
  position: absolute;
  inset: 0;
  background: rgba(50, 54, 45, 0.7);
  pointer-events: none;
}
.aw-hero-banner .container {
  position: relative;
  z-index: 1;
}
.aw-hero-banner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.4rem;
  color: #f8f8f8;
  text-shadow: 0 0 70px rgba(0, 0, 0, 0.8);
  max-width: 82rem;
  margin: 0 auto;
}
.aw-hero-banner__title {
  font-family: "miller-display", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.1;
  color: inherit;
  margin: 0;
}
.aw-hero-banner__title em {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: italic;
}
.aw-hero-banner__desc {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  color: inherit;
  margin: 0;
}

.aw-hero-banner.lp {
  padding-top: 60rem;
  padding-bottom: 4rem;
  justify-content: flex-end;
}
.aw-hero-banner.lp .aw-hero-banner__overlay {
  background: rgba(45, 50, 39, 0.85);
}
.aw-hero-banner.lp .aw-hero-banner__content {
  text-align: left;
  align-items: flex-start;
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .aw-hero-banner.lp {
    padding-top: 25.5rem;
    padding-bottom: 25.5rem;
    justify-content: flex-end;
  }
  .aw-hero-banner.lp .aw-hero-banner__overlay {
    background: rgba(45, 50, 39, 0.75);
  }
  .aw-hero-banner.lp .aw-hero-banner__content {
    text-align: left;
    align-items: flex-start;
    gap: 4rem;
  }
}
.page-id-161 .aw-hero-banner {
  background-position: left center;
}
@media screen and (min-width: 1024px) {
  .page-id-161 .aw-hero-banner {
    background-position: center;
  }
}

@media screen and (min-width: 1024px) {
  .aw-hero-banner {
    min-height: 0;
    justify-content: center;
    align-items: center;
    padding: 15rem 0;
    background-position: center;
  }
  .aw-hero-banner--mobile-left {
    background-position: center;
  }
  .aw-hero-banner__overlay {
    background: rgba(50, 54, 45, 0.6);
  }
  .aw-hero-banner__content {
    text-align: center;
    align-items: center;
    gap: 5rem;
  }
  .aw-hero-banner__title {
    font-size: 6.87rem;
  }
  .aw-hero-banner__desc {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
/*****************************************************
****************** communaute.scss *******************
******************************************************/
.section-communaute {
  background: url(../images/VIN-communaute-bkg.webp) #EBE3DC no-repeat center/cover;
  padding: 4rem 0;
}
.section-communaute__card {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.section-communaute__title {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.8rem;
  line-height: 1.15;
  color: #58842C;
  margin: 0;
}
.section-communaute__title em {
  font-style: italic;
}
.section-communaute__body {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.section-communaute__text {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #2D3227;
  margin: 0;
}
.section-communaute__btn a {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  font-size: 1.8rem;
  color: #FFFFFF;
  background: #58842C;
  padding: 1.8rem 3.6rem;
  border-radius: 0.4rem;
  text-decoration: none;
  transition: background 0.4s ease;
}
.section-communaute__btn a:hover {
  background: rgb(67.6, 101.4, 33.8);
}
@media (min-width: 1024px) {
  .section-communaute {
    background: transparent;
    padding: 6rem 0;
  }
  .section-communaute__card {
    background: url(../images/VIN-communaute-bkg.webp) #EBE3DC no-repeat center/cover;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8rem;
    padding: 6rem 8rem;
  }
  .section-communaute__title {
    font-size: 6.8rem;
    flex: 0 0 44.5rem;
    max-width: 44.5rem;
  }
  .section-communaute__body {
    flex: 1;
    max-width: 51.2rem;
  }
  .section-communaute__text {
    font-size: 1.8rem;
  }
}
@media (min-width: 1280px) {
  .section-communaute__card {
    padding: 6rem 14rem;
  }
}
@media (min-width: 1440px) {
  .section-communaute__card {
    padding: 6rem 20rem;
  }
}

.section__communaute {
  background: #FFFFFF;
}
.section__communaute h2.wp-block-heading {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.6rem;
  line-height: 1.1;
  color: #58842C !important;
  margin: 0 0 2.4rem;
}
.section__communaute h2.wp-block-heading em {
  font-style: italic;
}
.section__communaute p {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #181818 !important;
  margin: 0 0 3.2rem !important;
}
.section__communaute .wp-block-buttons .wp-block-button__link {
  font-size: 1.8rem;
}
.section__communaute .wp-block-image {
  margin: 0;
}
.section__communaute .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.4rem;
}

@media screen and (min-width: 1024px) {
  .section__communaute .wp-block-columns {
    flex-direction: row-reverse;
    align-items: center !important;
    gap: 8rem;
  }
  .section__communaute .wp-block-column:not(:has(.wp-block-image)) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .section__communaute h2.wp-block-heading {
    font-size: 6.8rem;
    margin-bottom: 3.2rem;
  }
  .section__communaute p {
    font-size: 1.8rem;
    max-width: 51rem;
  }
  .section__communaute .wp-block-buttons .wp-block-button__link {
    font-size: 1.8rem;
    padding: 1.6rem 3.2rem;
    white-space: nowrap;
  }
}
/*****************************************************
********************* Search.scss ********************
******************************************************/
.nav__search-form {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  padding: 1.2rem 2rem;
  background: #FFFFFF;
  border: 1px solid rgba(24, 24, 24, 0.4);
  border-radius: 4px;
}
.nav__search-icon {
  flex-shrink: 0;
  width: 1.9rem;
  height: 1.9rem;
}
.nav__search-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  outline: none;
  min-width: 0;
}
.nav__search-input::-moz-placeholder {
  color: #181818;
  opacity: 0.5;
}
.nav__search-input::placeholder {
  color: #181818;
  opacity: 0.5;
}

.search-results__header {
  position: relative;
  padding-top: 6rem;
}
.search-results__header::after {
  content: "";
  display: block;
  width: 90%;
  max-width: 153rem;
  margin: 2rem auto 0;
  border-bottom: 1px solid #EBE3DC;
}
.search-results__label {
  font-size: 1.4rem;
  color: #58842C;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 1.2rem;
}
.search-results__title {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 4rem;
  color: #181818;
  margin-bottom: 1.2rem;
  line-height: 1.2;
}
.search-results__count {
  font-size: 1.6rem;
  color: rgba(24, 24, 24, 0.55);
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}
.search-results__grid {
  padding-top: 4rem;
}
.search-results__pagination {
  margin-top: 6rem;
}
.search-results__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 4px;
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #181818;
  text-decoration: none;
  transition: background-color 0.4s ease;
}
.search-results__pagination .page-numbers:hover, .search-results__pagination .page-numbers.current {
  background: #58842C;
  color: #FFFFFF;
}
.search-results__empty {
  padding: 6rem 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.search-results__empty-text {
  font-size: 1.6rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(24, 24, 24, 0.65);
  max-width: 50rem;
  line-height: 1.6;
}

.search-card {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #EBE3DC;
  transition: box-shadow 0.4s ease;
}
.search-card:hover {
  box-shadow: 0 4px 20px rgba(6, 8, 28, 0.08);
}
.search-card__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #F4F4F4;
  flex-shrink: 0;
}
.search-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.search-card:hover .search-card__img {
  transform: scale(1.04);
}
.search-card__body {
  padding: 2rem 2.4rem 2.4rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1rem;
}
.search-card__type {
  font-size: 1.2rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #58842C;
}
.search-card__title {
  font-size: 1.9rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #181818;
  line-height: 1.35;
  margin: 0;
}
.search-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.4s ease;
}
.search-card__title a:hover {
  color: #58842C;
}
.search-card__excerpt {
  font-size: 1.5rem;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(24, 24, 24, 0.65);
  line-height: 1.6;
  margin: 0;
  flex: 1;
}
.search-card__price {
  font-size: 2rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #181818;
  margin: 0;
}
.search-card__price .woocommerce-Price-amount {
  color: inherit;
}
.search-card__link {
  display: inline-flex;
  align-items: center;
  font-size: 1.4rem;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #58842C;
  text-decoration: none;
  gap: 0.6rem;
  margin-top: auto;
  padding-top: 1.2rem;
  transition: gap 0.4s ease;
}
.search-card__link::after {
  content: "→";
}
.search-card__link:hover {
  gap: 1rem;
}

@media screen and (min-width: 640px) {
  .search-results__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .search-results__header {
    padding-top: 8rem;
  }
  .search-results__header::after {
    margin-top: 4rem;
  }
  .search-results__title {
    font-size: 5.5rem;
  }
  .search-results__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.header__search-btn {
  display: none;
}

.search-banner {
  display: none;
}

@media screen and (min-width: 1024px) {
  .search-banner {
    display: block;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 153rem;
    z-index: 998;
    background-color: #32362D;
    background-image: url("../../assets/images/VIN-bkg-large.webp");
    background-size: cover;
    background-position: center;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) translateY(-0.8rem);
    transition: opacity 0.25s ease, transform 0.25s ease;
  }
  .search-banner.is-open {
    opacity: 1;
    pointer-events: all;
    transform: translateX(-50%) translateY(0);
  }
  .search-banner__inner {
    border-radius: 3px;
    padding: 3rem 6rem;
    max-width: 63rem;
    margin: 0 auto;
  }
  .search-banner__form {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin-bottom: 2rem;
  }
  .search-banner__icon {
    flex-shrink: 0;
    width: 2.8rem;
    height: 2.8rem;
    color: #FFFFFF;
  }
  .search-banner__input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 2rem;
    font-family: "gotham", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.3);
    min-width: 0;
  }
  .search-banner__input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .search-banner__input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .search-banner__submit {
    background: #58842C;
    border: none;
    border-radius: 4px;
    width: 5.2rem;
    height: 5.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.4s ease;
  }
  .search-banner__submit:hover {
    background-color: rgb(67.6, 101.4, 33.8);
  }
  .search-banner__submit svg {
    width: 2rem;
    height: 2rem;
    color: #FFFFFF;
  }
  .search-banner__chips {
    display: flex;
    align-items: center;
    gap: 1.6rem;
  }
  .search-banner__chip {
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 100px;
    padding: 0.6rem 1rem;
    font-size: 1.3rem;
    font-family: "gotham", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #EBE3DC;
    cursor: pointer;
    line-height: 1.2;
    white-space: nowrap;
    transition: background-color 0.4s ease;
  }
  .search-banner__chip:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #FFFFFF;
  }
  .header__search-btn {
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.4s ease;
    flex-shrink: 0;
  }
  .header__search-btn svg {
    width: 2rem;
    height: 2rem;
  }
  .header__search-btn:hover {
    background: rgba(24, 24, 24, 0.06);
  }
  .header__search-btn[aria-expanded=true] {
    background: rgba(24, 24, 24, 0.08);
  }
}
/*****************************************************
******************* Age Gate (+18) *******************
******************************************************/
.age-gate {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(6, 8, 28, 0.35);
  animation: age-gate-in 0.4s ease forwards;
}
.age-gate--closing {
  animation: age-gate-out 0.35s ease forwards;
}

.age-gate__card {
  background-color: #2D3227;
  background-image: url("../../assets/images/VIN-bkg-large.webp");
  background-size: cover;
  background-position: center;
  border-radius: 1.6rem;
  padding: 4rem 3.2rem;
  width: 100%;
  max-width: 47.6rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}

.age-gate__title {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 1.2;
  color: #FFFFFF;
  max-width: 41rem;
  margin: 0;
}

.age-gate__text {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}

.age-gate__actions {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
}

.age-gate__btn {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  padding: 1.6rem 2.4rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  width: 100%;
}
.age-gate__btn--refuse {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.age-gate__btn--refuse:hover {
  background: rgba(255, 255, 255, 0.1);
}
.age-gate__btn--accept {
  background: #58842C;
  color: #FFFFFF;
  border: 1px solid transparent;
}
.age-gate__btn--accept:hover {
  background: rgb(72.7, 109.05, 36.35);
}

.age-gate__logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-top: 0.8rem;
}
.age-gate__logos img {
  max-height: 4.8rem;
  width: auto;
  display: block;
}

@keyframes age-gate-in {
  from {
    opacity: 0;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
  }
  to {
    opacity: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
@keyframes age-gate-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media screen and (min-width: 1024px) {
  .age-gate__card {
    padding: 5.6rem 4.8rem;
    gap: 3.2rem;
  }
  .age-gate__title {
    font-size: 3.6rem;
  }
  .age-gate__text {
    font-size: 1.6rem;
  }
  .age-gate__actions {
    flex-direction: row;
    gap: 1.6rem;
  }
  .age-gate__btn {
    width: auto;
    flex: 1;
  }
}
/****************** Pages folder ********************/
/*****************************************************
********************** Pages.scss ********************
******************************************************/
.page__entry {
  padding: 5rem 0 0 0;
}
.page__entry.page__default {
  padding-top: 0;
}
.page__content {
  /************************************* Margin Top : Medium **/
  /************************************* Listes  **/
  /************************************* Margin top : Large **/
}
.page__content :where(h1, h2, h3) + :where(p, ul, ol, figure, .wp-block-image) {
  margin-top: 2.5rem;
}
.page__content :where(.wp-block-image) + :where(h1, h2, h3, p, ul, ol, .wp-block-buttons) {
  margin-top: 2.5rem;
}
.page__content :where(p, ul, ol) + :where(p, ul, ol, figure, .wp-block-buttons, .wp-block-image) {
  margin-top: 2.5rem;
}
.page__content :where(figure) + :where(p, ul, ol, .wp-block-buttons) {
  margin-top: 2.5rem;
}
.page__content :where(.wp-block-buttons) + :where(p,
ul,
ol,
figure,
.wp-block-image,
blockquote,
pre,
table) {
  margin-top: 2.5rem;
}
.page__content :where(li + li) {
  margin-top: 1.25rem;
}
.page__content :where(p, ul, ol, figure, .wp-block-buttons) + :where(h1, h2, h3) {
  margin-top: 6rem;
}
.page__content :where(h1) + :where(h2),
.page__content :where(h2) + :where(h3) {
  margin-top: 6rem;
}
.page__content :where(hr, .wp-block-separator) {
  margin-top: 6rem;
}
.page__content :where(hr, .wp-block-separator) + :where(h1, h2, h3),
.page__content :where(hr, .wp-block-separator) + * {
  margin-top: 6rem;
}

@media screen and (min-width: 1024px) {
  .page__entry {
    padding: 10rem 0 0 0;
  }
  .page__entry.page__default {
    padding-top: 0;
  }
  .page__content {
    /************************************* Margin Top : Medium **/
    /************************************* Listes  **/
    /************************************* Margin top : Large **/
  }
  .page__content :where(h1, h2, h3) + :where(p, ul, ol, figure, .wp-block-image) {
    margin-top: 3rem;
  }
  .page__content :where(.wp-block-image) + :where(h1, h2, h3, p, ul, ol, .wp-block-buttons) {
    margin-top: 3rem;
  }
  .page__content :where(p, ul, ol) + :where(p, ul, ol, figure, .wp-block-buttons, .wp-block-image) {
    margin-top: 3rem;
  }
  .page__content :where(figure) + :where(p, ul, ol, .wp-block-buttons) {
    margin-top: 3rem;
  }
  .page__content :where(.wp-block-buttons) + :where(p,
  ul,
  ol,
  figure,
  .wp-block-image,
  blockquote,
  pre,
  table) {
    margin-top: 3rem;
  }
  .page__content :where(li + li) {
    margin-top: 1.5rem;
  }
  .page__content :where(p, ul, ol, figure, .wp-block-buttons) + :where(h1, h2, h3) {
    margin-top: 6rem;
  }
  .page__content :where(h1) + :where(h2),
  .page__content :where(h2) + :where(h3) {
    margin-top: 6rem;
  }
  .page__content :where(hr, .wp-block-separator) {
    margin-top: 6rem;
  }
  .page__content :where(hr, .wp-block-separator) + :where(h1, h2, h3),
  .page__content :where(hr, .wp-block-separator) + * {
    margin-top: 6rem;
  }
}
/************************************************* WP Default style */
.wp-block-columns {
  gap: 4rem;
  margin-bottom: 0;
}

.wp-block-separator {
  border: none;
  height: 2px;
  background: rgba(6, 8, 28, 0.2);
}

@media screen and (min-width: 782px) {
  .wp-block-columns {
    flex-wrap: wrap !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: auto;
    flex-grow: 0;
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-columns {
    gap: 6rem;
    flex-wrap: nowrap !important;
  }
  .columns-type {
    /* 50/50 */
    /* 1/3 - 2/3 */
    /* 2/3 - 1/3 */
  }
  .columns-type-fullwidth .wp-block-column {
    width: 100%;
  }
  .columns-type-default .wp-block-column {
    width: 50%;
  }
  .columns-type-tiers .wp-block-column:first-child {
    width: 40%;
  }
  .columns-type-tiers .wp-block-column:last-child {
    width: 60%;
  }
  .columns-type-tiers-reverse .wp-block-column:first-child {
    width: 60%;
  }
  .columns-type-tiers-reverse .wp-block-column:last-child {
    width: 40%;
  }
}
/************************************************* Page formulaire */
.page-template-page-formulaire {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.page-template-page-formulaire .page {
  min-height: 100%;
  margin: auto;
}
.page-template-page-formulaire .page__entry {
  padding: 6rem 0;
}
.page-template-page-formulaire .header {
  padding-top: 5rem;
}
.page-template-page-formulaire .header__logo {
  margin: 0 auto;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
}

/************************************************* Page — Location de salles */
.location-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #EBE3DC;
}
.location-hero__content {
  padding: 5rem 2rem;
  background-color: #EBE3DC;
  background-image: url("../images/VIN-bkg-large-white.webp");
  background-size: cover;
  background-position: center;
}
.location-hero__titre {
  color: #2D3227;
  margin-bottom: 2.4rem;
}
.location-hero__desc {
  margin-bottom: 3.2rem;
  max-width: 65rem;
}
.location-hero__desc p {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #06081C;
  margin-bottom: 1.6rem;
}
.location-hero__desc p:last-child {
  margin-bottom: 0;
}
.location-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem;
}
.location-hero__stat {
  max-width: 18rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.location-hero__stat-value {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 4.8rem;
  color: #32362D;
  line-height: 1;
}
.location-hero__stat-label {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #32362D;
}
.location-hero__image {
  width: 100%;
  height: 32rem;
  overflow: hidden;
  flex-shrink: 0;
}
.location-hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .location-hero {
    flex-direction: row;
    align-items: stretch;
    min-height: 44rem;
  }
  .location-hero__content {
    flex: 1 1 auto;
    max-width: 82.5rem;
    padding: 9rem 6rem 9rem 10rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .location-hero__titre {
    margin-bottom: 3.2rem;
  }
  .location-hero__desc {
    margin-bottom: 4rem;
  }
  .location-hero__desc p {
    font-size: 1.8rem;
  }
  .location-hero__stats {
    flex-wrap: nowrap;
    gap: 13rem;
  }
  .location-hero__stat {
    flex-basis: auto;
  }
  .location-hero__stat-value {
    font-size: 5.5rem;
  }
  .location-hero__stat-label {
    font-size: 1.2rem;
  }
  .location-hero__image {
    flex: 1 1 auto;
    max-width: 74rem;
    height: auto;
    min-height: 44rem;
  }
}
@media screen and (min-width: 1024px) {
  .page-template-page-formulaire .page__entry {
    padding: 6rem 0 6rem 0;
  }
}
/************************************************* Thank you page */
.page-template-page-ty {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-template-page-ty main.page {
  background: url(../images/VIN-bkg-large-white.webp) no-repeat center/cover;
}
.page-template-page-ty main.page__entry {
  padding: 0;
}
.page-template-page-ty h1 {
  margin-bottom: 2rem;
}
.page-template-page-ty .wp-block-button {
  margin-top: 2rem;
}

/************************************************* Page 404 */
.error404 {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.error404 .page__404 {
  display: flex;
  justify-content: center;
}
.error404__content {
  max-width: 90rem;
  width: 90%;
  text-align: center;
}

/************************************************* Page — Rejoignez la communauté */
.section__newsletter {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 20rem;
  padding-bottom: 5.5rem;
}
.section__newsletter::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(45, 50, 39, 0.85) 0%, transparent 100%);
  z-index: 0;
}
.section__newsletter .container {
  position: relative;
  z-index: 1;
}
.section__newsletter .wp-block-column {
  max-width: 61.5rem;
}
.section__newsletter h1, .section__newsletter h2, .section__newsletter h3, .section__newsletter p {
  color: #FFFFFF !important;
}
.section__newsletter h1 {
  margin-bottom: 1.6rem;
}
.section__newsletter p {
  margin-bottom: 2.4rem;
  max-width: 50rem;
  line-height: 1.6;
}
.section__newsletter .gform_wrapper.gravity-theme .gfield--type-date input {
  width: 100% !important;
}

@media screen and (min-width: 1024px) {
  .section__newsletter {
    padding-top: 25.5rem;
    padding-bottom: 14rem;
  }
  .section__newsletter .wp-block-column {
    max-width: 61.5rem;
  }
  .section__newsletter h1 {
    margin-bottom: 2rem;
  }
}
/************************************************* Page légales */
.page-template-page-legal .page__entry {
  padding: 5rem 0 8rem 0;
}

@media screen and (min-width: 1024px) {
  .page-template-page-legal .page__entry {
    padding: 10rem 0 16rem 0;
  }
}
/************************************************* Page — Visites & dégustations */
@media screen and (min-width: 1024px) {
  .section__visite .wp-block-columns {
    justify-content: space-between;
    align-items: center;
  }
  .section__visite .wp-block-column:first-child {
    max-width: 72rem;
  }
  .section__visite .wp-block-column:last-child {
    max-width: 72.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .section__degustation .wp-block-columns {
    flex-direction: row-reverse;
  }
}
/************************************************* Page — Découvrir la Moselle */
.section__producteur .wp-block-image img {
  max-width: 24.5rem;
  margin: 0 auto;
  display: block;
}

@media screen and (min-width: 1024px) {
  .section__installation .wp-block-columns {
    justify-content: space-between;
    align-items: center;
  }
  .section__installation .wp-block-column:first-child {
    max-width: 70rem;
    width: 70rem;
  }
  .section__installation .wp-block-column:last-child {
    max-width: 70rem;
    width: 70rem;
  }
  .section__producteur .wp-block-heading {
    font-size: 5.5rem;
  }
  .section__producteur .wp-block-columns {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  .section__producteur .wp-block-column:first-child {
    max-width: 74rem;
    width: 74rem;
  }
  .section__producteur .wp-block-column:last-child {
    max-width: 40rem;
    width: 40rem;
  }
  .section__producteur .wp-block-column:last-child .wp-block-image img {
    max-width: 100%;
  }
}
/************************************************* Page — Location de salles : vinothèques & salles */
.location-vinotheques {
  padding: 4rem 0;
}

.location-tabs-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(6, 8, 28, 0.15);
  padding: 1.6rem 0 1.6rem 0;
  cursor: pointer;
  color: #967860;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.location-tabs-trigger__info {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}
.location-tabs-trigger__pin {
  flex-shrink: 0;
  color: #58842C;
}
.location-tabs-trigger__label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.location-tabs-trigger__nom {
  font-size: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: #967860;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.location-tabs-trigger__ville {
  font-size: 1.6rem;
  color: #967860;
  line-height: 1.4;
}
.location-tabs-trigger__chevron {
  flex-shrink: 0;
  width: 2rem;
  height: 1rem;
  color: #967860;
  transition: transform 0.2s ease;
}
.location-tabs-trigger[aria-expanded=true] .location-tabs-trigger__chevron {
  transform: rotate(180deg);
}

.location-tabs-wrapper {
  display: none;
  max-width: -moz-max-content;
  max-width: max-content;
  border-bottom: 1px solid rgba(6, 8, 28, 0.15);
  margin-bottom: 4rem;
}
.location-tabs-wrapper.is-open {
  display: block;
}

.location-tabs {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.location-tabs__tab {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(6, 8, 28, 0.08);
  padding: 1.4rem 0;
  cursor: pointer;
  position: relative;
  color: #967860;
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  text-align: left;
}
.location-tabs__tab.is-active {
  color: #58842C;
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.location-tabs__tab-inner {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}

.location-tabs__pin {
  flex-shrink: 0;
  color: currentColor;
}

.location-tabs__label {
  display: flex;
  flex-direction: column;
}

.location-tabs__nom {
  font-size: 1.4rem;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.location-tabs__ville {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 0.2rem;
}

.location-vinotheque {
  margin-top: 4rem;
}
.location-vinotheque.is-hidden {
  display: none;
}

.location-vinotheque__header {
  margin-bottom: 3.2rem;
}
.location-vinotheque__header h2 {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.6rem;
  color: #58842C;
  line-height: 1.3;
}
.location-vinotheque__header h2 em {
  font-style: italic;
}

.location-vinotheque__texte-wrap {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.location-vinotheque__image {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.location-vinotheque__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.location-vinotheque__texte h2 {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.2rem;
  color: #58842C;
  line-height: 1.3;
  margin-bottom: 2rem;
}
.location-vinotheque__texte h2 em {
  font-style: italic;
}
.location-vinotheque__texte h3 {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.4rem;
  color: #58842C;
  line-height: 1.3;
  margin-top: 3.2rem;
  margin-bottom: 1.6rem;
}
.location-vinotheque__texte p {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #06081C;
  line-height: 1.8;
}
.location-vinotheque__texte p + p {
  margin-top: 1.6rem;
}

.salle-separator {
  height: 1px;
  background: rgba(6, 8, 28, 0.15);
  margin: 3.2rem 0;
}

.salle-card {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.salle-card__image {
  width: 100%;
  height: 24rem;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.salle-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.salle-card__content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.salle-card__nom {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.6rem;
  color: #967860;
  text-transform: uppercase;
  line-height: 1.4;
}
.salle-card__stats {
  display: flex;
  gap: 4rem;
  flex-wrap: wrap;
}
.salle-card__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}
.salle-card__stat-icon svg {
  display: block;
}
.salle-card__stat-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.salle-card__stat-value {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  color: #06081C;
  line-height: 1.4;
}
.salle-card__stat-label {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  color: #06081C;
  line-height: 1.6;
}
.salle-card__caracteristiques {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.salle-card__carac-titre {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #967860;
  text-transform: uppercase;
  line-height: 1.4;
}
.salle-card__carac-liste {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.salle-card__carac-liste li {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #06081C;
  line-height: 1.6;
  padding-left: 2.4rem;
  position: relative;
}
.salle-card__carac-liste li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.1rem;
  height: 1.1rem;
  background: #58842C;
  border-radius: 2px;
  transform: rotate(-45deg);
}

@media screen and (min-width: 1024px) {
  .location-vinotheques {
    padding: 8rem 0;
  }
  .location-tabs-trigger {
    display: none;
  }
  .location-tabs-wrapper {
    display: block !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(6, 8, 28, 0.15);
    margin-bottom: 6rem;
  }
  .location-tabs-wrapper::-webkit-scrollbar {
    display: none;
  }
  .location-tabs {
    flex-direction: row;
    gap: 6rem;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .location-tabs__tab {
    border-bottom: none;
    padding: 0 0 1.6rem 0;
    width: auto;
  }
  .location-tabs__tab::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: #58842C;
    transform: scaleX(0);
    transition: transform 0.2s ease;
  }
  .location-tabs__tab.is-active::after {
    transform: scaleX(1);
  }
  .location-tabs__nom {
    font-size: 1.8rem;
  }
  .location-tabs__ville {
    font-size: 1.44rem;
  }
  .location-vinotheque__header {
    margin-bottom: 8rem;
  }
  .location-vinotheque__header h2 {
    font-size: 5.5rem;
  }
  .location-vinotheque__texte-wrap {
    flex-direction: row;
    gap: 8rem;
    align-items: flex-start;
  }
  .location-vinotheque__image {
    width: 100%;
    max-width: 66.5rem;
    height: auto;
  }
  .location-vinotheque__texte {
    flex: 1 0 0;
    max-width: 78.5rem;
  }
  .location-vinotheque__texte h2 {
    font-size: 4.8rem;
    margin-bottom: 2.4rem;
  }
  .location-vinotheque__texte h3 {
    font-size: 3.2rem;
    margin-top: 4.8rem;
    margin-bottom: 2rem;
  }
  .location-vinotheque__texte p {
    font-size: 1.7rem;
  }
  .location-vinotheque__texte p + p {
    margin-top: 2rem;
  }
  .salle-separator {
    margin: 4rem 0;
  }
  .salle-card {
    flex-direction: row;
    gap: 8rem;
    align-items: flex-start;
  }
  .salle-card__image {
    width: 77rem;
    height: 45rem;
    flex-shrink: 0;
  }
  .salle-card__content {
    flex: 1 0 0;
    gap: 4rem;
  }
  .salle-card__nom {
    font-size: 3.5rem;
  }
  .salle-card__stats {
    gap: 12rem;
    flex-wrap: nowrap;
  }
  .salle-card__stat-value {
    font-size: 2.8rem;
  }
  .salle-card__stat-label {
    font-size: 1.8rem;
  }
  .salle-card__carac-titre {
    font-size: 2.25rem;
  }
  .salle-card__carac-liste li {
    font-size: 1.8rem;
  }
}
/*****************************************************
********************* Landing pages ******************
******************************************************/
/************************************************* Default */
.lp__entry {
  padding: 5rem 0;
}

@media screen and (min-width: 1024px) {
  .lp__entry {
    padding: 10rem 0;
  }
}
/************************************************* LP #1 */
/************************************************* LP #2 */
/************************************************* LP #3 */
/*****************************************************
 *** Landing Page — Étiquettes personnalisées ********
 *** (architecture Gutenberg + blocs ACF custom)  ****
 *****************************************************/
@media screen and (min-width: 1024px) {
  .single-lp .bloc-certifications {
    max-width: none;
  }
}
.lp__entry--blocks {
  padding: 0;
  background: #F4F4F4;
  overflow-x: hidden;
}

/*****************************************************
********************** Home.scss *********************
******************************************************/
/* ═══════════════════════════════════════════ HERO HOME ══ */
.hero-home {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding-top: 23rem;
  padding-bottom: 3.4rem;
}
.hero-home__image, .hero-home__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
  background-position: center;
}
.hero-home__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero-home__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.hero-home__title {
  display: flex;
  flex-direction: column;
  gap: 0;
  text-transform: uppercase;
  line-height: 0.91;
  font-size: 4.8rem;
  margin: 0;
}
.hero-home__title-line1 {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  color: #F4F4F4;
  font-style: normal;
}
.hero-home__title-line2 {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  color: #FFFFFF;
  font-style: italic;
}
.hero-home__subtitle {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  color: #F4F4F4;
  text-transform: uppercase;
  line-height: 1.4;
  margin: 1.6rem 0 0;
}
.hero-home__actions {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .hero-home {
    padding-top: 40rem;
    padding-bottom: 12rem;
    align-items: flex-end;
  }
  .hero-home__content {
    padding-bottom: 0;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  .hero-home__text {
    max-width: 92.5rem;
  }
  .hero-home__title {
    font-size: 11rem;
  }
  .hero-home__subtitle {
    font-size: 2.3rem;
  }
  .hero-home__actions {
    max-width: 62.6rem;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.6rem;
    align-items: flex-end;
  }
}

/* ════════════════════════════════════════ /HERO HOME ══ */
/* ════════════════════════════════ SECTION "À NE PAS MANQUER" ══ */
.page__front .section-offre h2.wp-block-heading,
.page__front .wp-block-group.has-ebony-background-color h2.wp-block-heading {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.2rem;
  color: #FFFFFF !important;
  line-height: 1.1;
  margin: 0;
}
.page__front .section-offre h2.wp-block-heading em,
.page__front .wp-block-group.has-ebony-background-color h2.wp-block-heading em {
  font-style: italic;
}
.page__front .section-offre p.body__base,
.page__front .wp-block-group.has-ebony-background-color p.body__base {
  font-size: 1.6rem;
  line-height: 1.5;
}
.page__front .section-offre .section-offre__image,
.page__front .wp-block-group.has-ebony-background-color .section-offre__image {
  margin: 0;
  width: 100%;
}
.page__front .section-offre .section-offre__image img,
.page__front .wp-block-group.has-ebony-background-color .section-offre__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 1024px) {
  .page__front .section-offre h2.wp-block-heading,
  .page__front .wp-block-group.has-ebony-background-color h2.wp-block-heading {
    font-size: 5.6rem;
  }
}

/* ════════════════════════════════ /SECTION "À NE PAS MANQUER" ══ */
/* ════════════════════════════════ SECTION "RÉSERVATION DÉGUSTATION" ══ */
.section__reservation {
  background: url("/wp-content/themes/vinsmoselle/dist/images/VIN-reservation-bkg.webp") center/cover no-repeat !important;
}
.section__reservation h2.wp-block-heading {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.6rem;
  line-height: 1.1;
  color: #FFFFFF !important;
  margin: 0;
}
.section__reservation h2.wp-block-heading em {
  font-style: italic;
}
.section__reservation p.body__base {
  font-family: "gotham", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #FFFFFF !important;
  margin: 0 0 3.2rem !important;
}
.section__reservation .wp-block-buttons .wp-block-button__link {
  font-size: 1.6rem;
}

@media screen and (min-width: 1024px) {
  .section__reservation .wp-block-columns {
    align-items: flex-start !important;
    justify-content: space-between;
    gap: 0;
  }
  .section__reservation .wp-block-column:first-child {
    max-width: 69rem;
  }
  .section__reservation .wp-block-column:last-child {
    max-width: 69.5rem;
    padding-top: 10rem;
  }
  .section__reservation h2.wp-block-heading {
    font-size: 7rem;
  }
  .section__reservation p.body__base {
    font-size: 1.8rem;
    margin-bottom: 4rem !important;
  }
  .section__reservation .wp-block-buttons .wp-block-button__link {
    font-size: 1.8rem;
    padding: 1.6rem 3.2rem;
    white-space: nowrap;
  }
}
/* ════════════════════════════════ /SECTION "RÉSERVATION DÉGUSTATION" ══ */
/*****************************************************
******************** Contact.scss ********************
******************************************************/
/***************************************************** Section 1 — hero dark (ebony) */
.page__contact .wp-block-group.has-ebony-background-color {
  background-image: url("../images/VIN-bkg-large.webp") !important;
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}
.page__contact .wp-block-group.has-ebony-background-color h1.wp-block-heading {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 5.6rem;
  line-height: 1.05;
  color: #FFFFFF !important;
  margin-bottom: 1.6rem;
}
@media (min-width: 1024px) {
  .page__contact .wp-block-group.has-ebony-background-color h1.wp-block-heading {
    font-size: 7.2rem;
  }
}
.page__contact .wp-block-group.has-ebony-background-color h2.wp-block-heading {
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
  font-style: italic;
  color: #FFFFFF !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-top: 0;
  margin-bottom: 2.4rem;
}
.page__contact .wp-block-group.has-ebony-background-color h3.wp-block-heading {
  font-family: "gotham", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFFFFF !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-top: 0;
  margin-bottom: 1.6rem;
}
.page__contact .wp-block-group.has-ebony-background-color .bloc-liste-icones {
  margin-top: 2.4rem;
}
.page__contact .wp-block-group.has-ebony-background-color > .wp-block-columns > .wp-block-column > p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.6rem;
  line-height: 1.7;
}
.page__contact .wp-block-group:not(.has-ebony-background-color) h2.wp-block-heading {
  color: #58842C !important;
  margin-bottom: 2.4rem;
}
@media (min-width: 1024px) {
  .page__contact .wp-block-group:not(.has-ebony-background-color) .wp-block-columns {
    justify-content: space-between;
  }
}
.page__contact .wp-block-group:not(.has-ebony-background-color) .wp-block-columns > .wp-block-column:first-child {
  max-width: 55.5rem;
}
@media (min-width: 1024px) {
  .page__contact .wp-block-group:not(.has-ebony-background-color) .wp-block-columns > .wp-block-column:first-child {
    position: sticky;
    top: 15%;
    align-self: flex-start;
  }
}
.page__contact .wp-block-group:not(.has-ebony-background-color) .wp-block-columns > .wp-block-column:last-child {
  max-width: 83.5rem;
}

/****************** Themes folder *******************/
/*****************************************************
********************* Theme.scss *********************
******************************************************/
/*****************************************************
********************* admin.scss *********************
******************************************************/
/*****************************************************
********************* Tools.scss *********************
******************************************************/
.align__center {
  text-align: center;
}
.align__left {
  text-align: left;
}
.align__right {
  text-align: right;
}

.has-white-background-color {
  background: #FFFFFF;
}
.has-white-color {
  color: #FFFFFF;
}
.has-black-background-color {
  background: #06081C;
}
.has-black-color {
  color: #06081C;
}
.has-avocado-background-color {
  background: #58842C;
}
.has-avocado-color {
  color: #58842C;
}
.has-chamoise-background-color {
  background: #967860;
}
.has-chamoise-color {
  color: #967860;
}
.has-linen-background-color {
  background: #EBE3DC;
}
.has-linen-color {
  color: #EBE3DC;
}
.has-whitesmoke-background-color {
  background: #F4F4F4;
}
.has-whitesmoke-color {
  color: #F4F4F4;
}
.has-eerieblack-background-color {
  background: #181818;
}
.has-eerieblack-color {
  color: #181818;
}
.has-ebony-background-color {
  background: #2D3227;
}
.has-ebony-color {
  color: #2D3227;
}

.hide {
  display: none;
}

.display {
  display: block;
}

@media screen and (min-width: 600px) {
  .hide__600 {
    display: none;
  }
  .display__600 {
    display: block;
  }
}
@media screen and (min-width: 700px) {
  .hide__700 {
    display: none;
  }
  .display__700 {
    display: block;
  }
}
@media screen and (min-width: 800px) {
  .hide__800 {
    display: none;
  }
  .display__800 {
    display: block;
  }
}
@media screen and (min-width: 900px) {
  .hide__900 {
    display: none;
  }
  .display__900 {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .hide__1024 {
    display: none;
  }
  .display__1024 {
    display: block;
  }
}
@media screen and (min-width: 1100px) {
  .hide__1100 {
    display: none;
  }
  .display__1100 {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .hide__1200 {
    display: none;
  }
  .display__1200 {
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .hide__1280 {
    display: none;
  }
  .display__1280 {
    display: block;
  }
}
@media screen and (min-width: 1400px) {
  .hide__1400 {
    display: none;
  }
  .display__1400 {
    display: block;
  }
}
/*****************************************************
********************* login.scss *********************
******************************************************/
/***** Page *****/
/***** Form *****/
/* Style du fond */
html body.login {
  background-color: #2D3227; /* Couleur de fond de la page */
  color: #F4F4F4;
  min-height: 100vh;
  display: flex;
}

html body.login .privacy-policy-page-link {
  display: none;
}

/* Logo de la page de connexion */
html #login {
  padding: 0;
  margin: auto;
}

html #login h1 a {
  background-image: url("../images/vin-logo-full-white.svg");
  background-size: contain;
  width: 100%;
  height: 18rem;
  outline: none;
  box-shadow: none;
  margin-bottom: 5rem;
}

html .login .dashicons-visibility:before {
  color: #F4F4F4;
}

html .login form {
  background-color: #FFFFFF;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0px 0px 3rem rgba(6, 8, 28, 0.15);
}

html .login form label {
  color: #06081C;
}

html .login form .input,
html .login form input[type=checkbox],
html .login input[type=text],
html .login input[type=password] {
  outline: none;
  background: transparent;
  color: #06081C;
  border: 1px solid #06081C;
  box-shadow: none;
  transition: 0.3s ease;
}

html .login input[type=text]:focus,
html .login input[type=password]:focus {
  border: 1px solid rgba(6, 8, 28, 0.5);
  color: rgba(6, 8, 28, 0.5);
}

html body.login .language-switcher {
  display: none;
}

html .login .button-primary {
  background: #2D3227;
  color: #F4F4F4;
  transition: 0.3s ease;
}

html .login .button-primary:hover {
  background: transparent;
  color: #2D3227;
  border: none;
}

html .login #nav a,
html .login #backtoblog a {
  color: #F4F4F4;
  transition: 0.3s ease;
}

html .login #nav a:hover,
html .login #backtoblog a:hover {
  color: rgba(244, 244, 244, 0.5);
}

html .login .message,
html .login .notice,
html .login .success {
  border-left: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: #EBE3DC;
}

html .login .notice-error {
  color: #967860;
}

html .login .notice-error a {
  display: none;
}

/*****************************************************
******************* Theme variables ******************
******************************************************/