/** Shopify CDN: Minification failed

Line 565:39 Unexpected ")"

**/
@font-face { 
  font-family: 'EcoFriendlyMarket';
  src: url('/cdn/shop/files/Eco-friendlyMarket.woff2?v=1739457879') format('woff2'),
       url('/cdn/shop/files/Eco-friendlyMarket.otf?v=1739457879') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face { 
  font-family: 'EcoFriendlyMarketItalic';
  src: url('/cdn/shop/files/Eco-friendlyMarket-Italic.woff2?v=1739457879') format('woff2'),
       url('/cdn/shop/files/Eco-friendlyMarket-Italic.otf?v=1739457879') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face { 
  font-family: 'Manrope';
  src: url('/cdn/shop/files/Manrope-VariableFont_wght.woff2?v=1739457879') format('woff2'),
       url('/cdn/shop/files/Manrope-VariableFont_wght.ttf?v=1739457879') format('truetype');
  font-weight: 100 900; /* Manrope est une police variable */
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: 'EcoFriendlyMarket'!important;
  letter-spacing:0px!important;
  line-height:1.2;
}

.h0, .h1, .h2, .product__title h1 {
  letter-spacing:-2px!important;
}

/* Scroll smooth global */
html {
  scroll-behavior: smooth;
}

/* Offset de 5rem quand on arrive sur une ancre (#id) */
:where([id]) {
  scroll-margin-top: 5rem;
}

/* Optionnel si tu as un header sticky */
:root {
  scroll-padding-top: 5rem; /* utile pour les scrollIntoView + certains cas */
}



@media only screen and (min-width: 750px) {
    .h0 {
        font-size: calc(var(--font-heading-scale)* 4.8rem);
    }
}

body, p, a, p span{
  font-family: 'Manrope'!important;
  line-height:1.5;
  letter-spacing:0px;
}

span{
  line-height:1.3;
  letter-spacing:0px;
}

i, em{
  font-family: 'EcoFriendlyMarketItalic'!important;
}

sticky-header, .template-product-v2, header, footer{
  background-color:#F9F6F1!important;
}

.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.visible {
  opacity: 1!important;
  transform: translateY(0px);
}

*:focus-visible {
    outline: none!important;
    outline-offset: none!important;
    box-shadow: none!important;
}


/* ANNOUNCEMENT BAR */

.scroll {
  height: 60vh;
  font-size: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-marquee {
  width: 100vw;
  overflow: hidden;
  background-color:#585546;
  padding: 10px;
  white-space: nowrap;
  position: relative;
  display:flex;
}

.text-single {
  display: flex;
  white-space: nowrap;
  will-change: transform;
  align-items:center;
  gap:1rem;
}

.text {
  font-size: 20px;
  text-transform:uppercase;
  color:#F9F6F1;
}

.text-single img {
  height:20px;
  width:auto;
}

.text-single span{
  color: #F9F6F1;
}

@media (max-width: 768px) {
  .text-marquee .text{
    font-size:11px;
  }
  
  .text-single img {
    height:12px;
  }

  .text-marquee{
    padding:5px;
  }
}

/* HEADER */

.logoMenu.d-flex{
  display:flex;
  align-items:center;
  justify-content:center;
}

.logoMenu.d-flex img{
  width:150px;
}

.header__search{
  display:none!important;
}

.header__icons{
  gap:3rem;
  margin-right:1rem;
}

.header__icons .icon.icon-cart path{

}

.header__icon--cart svg{

    height: 40px;
    width: 40px;
}

.list-menu.navHeaderRight{
  display:flex;
  gap:2rem;
}

.list-menu.navHeaderRight li:nth-child(1) a{
  border:1px solid #4F5542;
}

.list-menu.navHeaderRight li:nth-child(2) a{
  border:1px solid #4F5542;
  background-color:#4F5542;
}

.list-menu.navHeaderRight li:nth-child(2) a span{
  color:white;
}

.header__icon .cart-count-bubble span{
  color:white;
  font-weight:bold;
}

.cart-count-bubble {
    bottom: 2.5rem;
    left: 3rem;
  font-size:11px;
  background-color:#BE0E22;
}

.header__menu-item {
    padding: 1.2rem 1.7rem;
}

.header-wrapper--border-bottom{
    border-bottom: 1px solid #606060;
}



@media screen and (min-width: 990px) {
    .header {
        grid-template-columns: 1fr auto 1fr;
    }

  .header__inline-menu .list-menu--inline > li {
    position: relative;
    padding: 0 1.4rem;
  }

  /* Ligne à droite de chaque item sauf le dernier */
  .header__inline-menu .list-menu--inline > li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 18px;
    background-color: #606060;
    transform: translateY(-50%);
    opacity: 1;
  }


  /* Optionnel : retirer les inline styles si tu en avais mis */
  .header__inline-menu a {
    border: none !important;
  }

}

header .link, header .customer a{
    font-size: 18px;
    color: #606060 !important;
    font-weight: 400;
}

@media (max-width: 768px) {
  .header__icon--menu .icon{
    stroke:white;
  }
  .navHeaderRight{
    display:none!important;
  }

  .shopify-section-header-sticky.scrolled-past-header .header__icon--menu .icon, .shopify-section-header-sticky .header__icon--menu .icon {
  stroke: #606060;
  stroke-width:0px;
}
}

/* PRODUCT */

@media screen and (min-width: 750px) {
    .product__column-sticky {
        top: 12rem!important;
    }
}

.product__text.caption-with-letter-spacing{
  margin-bottom:1.5rem;
  font-size:14px;
}

.product__info-container .product-form, .product__info-container .product__description, .product__info-container .icon-with-text {
    margin: 1.5rem 0!important;
}

.product__info-container .icon-with-text {
    margin: 2.5rem 0!important;
}

.product__info-container .product__description{
  max-width:47rem;
}

.product-form{
  display:flex!important;
  margin-top:0px!important;
}

.product-form form{
    max-width: 28rem;
    width: 100%;
}

.container-text-product{
  display:flex;
  gap: 1rem;
  align-items: center;
  position:relative;
}

.container-text-product .main-image-text{
  width:auto;
  height:37px;
}

.container-text-product.caption-with-letter-spacing::before {
  content: "";
  position: absolute;
  height: 1px; /* Épaisseur du trait */
  background: repeating-linear-gradient(
    to left,
    #A4A191, /* Nouvelle couleur */
    #A4A191 4px,
    transparent 4px,
    transparent 8px
  );
  top: 50%;
  left: -82px;
  width: 124px;
  transform: translateY(-50%);
  z-index: 0; /* Le trait passe sous l'image */
}

.container-text-product.caption-with-letter-spacing .dot-image {
  position: absolute;
  width: 18px; /* Taille du dot */
  height: 18px;
  top: 50%;
  left: -82px; /* Place le dot à la fin des pointillés sur la gauche */
  transform: translate(-50%, -50%);
  z-index: 1;
}

.container-text-product.subtitle .dot-image, .container-text-product.body .dot-image{
  display:none;
}

.tiret-long{
  display: inline-block;
  width: 18px; /* Ajuste la longueur ici */
  height: 2px; /* Épaisseur du trait */
  background-color: black; /* Couleur du trait */
  vertical-align: middle;
}

.icon-with-text--horizontal .h4{
  font-family:"Manrope"!important;
  font-size:15px!important;
  line-height:1.3;
  max-width:10rem;
}

.icon-with-text img{
  width:50px!important;
  height:50px!important;
}

.icon-with-text__item {
  display: flex;
  align-items: center;
  gap: 10px; /* Ajuste l'espacement entre l'icône et le texte */
  padding-right: 20px; /* Espace avant la bordure */
  position: relative;
}

.icon-with-text__item:not(:last-child) {
  border-right: 1px solid #A4A191; /* Bordure noire entre les éléments */
  padding-right: 20px; /* Espace après la bordure */
}


.product__title h1{
  font-size:40px;
}

.product__tax{
  display:none;
}

#trustpilot-widget-trustbox-0-wrapper{
  display:none;
}

.price.price--large {
  font-size: 40px;
}

.product .price-item.price-item--regular, .price .price-item{
  font-family:"EcoFriendlyMarket"!important;
}

.badge{
    font-size: 9px;
    padding: 4px 8px;
}

.paypal-button.paypal-button-border-radius{
  border-radius:0px!important;
}

.product .price{
  display:flex;
  align-items:center;
  font-family:'EcoFriendlyMarket';
  gap:1rem;
}

.card-information .price__regular{
    max-width: 100px;
    text-wrap: auto;
}

.product__info-container .price--on-sale .price-item--regular {
    font-size: 48px!important;
}

.product__info-wrapper .price__sale .price-item--regular {
    font-size: 28px!important;
}

.paiement_plusieursfois{
  border-left:1px solid #909090;
  font-size:9px;
  font-weight:500;
  max-width: 55px;
  padding-left: 1rem;
  margin-left:1rem;
  font-family:"Manrope";
  margin-top:-10px;
}

.badge.price__badge-sale{
  font-family:"Manrope";
  font-weight:bold;
  text-transform:uppercase;
}

.product__text.subtitle{
    margin-top: 0;
    text-transform: uppercase;
    line-height: 1.3;
    max-width: 100%;
  
}

.subtitle {
    color: rgba(var(--color-foreground), 1);
}

.grid__item.product__media-wrapper{
  z-index:0;
}

.grid__item.product__media-wrapper .logo-concours{
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 1;
  gap: 2rem;
  top: 3rem;
  left: 3rem;
}

.grid__item.product__media-wrapper .logo-concours img{
  height: 55px;
  width:auto;
}

.grid__item.product__media-wrapper{
  position:relative;
}

.product .accordion__title {
    font-family: 'Manrope' !important;
    font-weight: 500;
}

.product .accordion{
  border-top:1px solid #909090;
  border-bottom:1px solid #909090;
}

.gravity-button {
  border-radius:0px!important;
}

.product-form__buttons{
  display: flex;
  align-items: center;
      max-width: 50rem!important;
}

.product-form__submit{
    flex: 1 0 70%;
    margin: 0!important;
    background-color: #4F5542;
    color: white;
}

.product-form__quantity .form__label{
  margin-bottom:0px!important;
}

.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
    box-shadow: none;
}

.quantity {
    min-height: calc((var(--inputs-border-width)* 2) + 4.3rem)!important;
    width: calc(9rem / var(--font-body-scale) + var(--inputs-border-width)* 2)!important;
    position: relative;
}

.text_delivery{
    margin: -1rem 0!important;
    max-width: 50rem;
  position:relative;
}

.text_delivery::after {
  content: "";
  position: absolute;
  right: -44px;
  top: -3px;
  transform: translateY(-50%);
  width: 53px;
  height: 9rem;
  background-image: url('/cdn/shop/files/fleche-directionnelle.png?v=1740654987');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.rte li{
  padding: 6px 0px;
}

.rte li:nth-child(1){
  padding: 0px 0px 6px;
}

.accordion__content .rte li:last-child(){
  padding: 6px 0px 0px;
}

.accordion__content {
    overflow: hidden;

    transition: height 0.3s ease-in-out;
}


.text_delivery .container{
  display:flex;
  align-items:center;
  gap:2rem;
}

.text_delivery .container img{
  width:32px;
  height:32px;
}

.text_delivery .container p{
  text-transform:uppercase;
  text-align:left;
  font-size:14px;
  color:#4f5542a8;
  font-weight:500;
}

.quantity::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    height: 73%;
    width: 1px;
    background-color: #F9F6F1;
}

.cart-item__quantity .quantity__input, .cart-item__quantity .quantity__button{
  color: #4F5542!important;
}


.quantity__button {
    width: calc(3.5rem / var(--font-body-scale))!important;
}

quantity-input.quantity{  
    background-color: #4F5542;
    color: white;
}

.product-form__quantity{
    flex: 0 0 auto!important;
    margin: 0!important;
}

.shopify-payment-button{
  flex: 0 0 40%;
  margin-left:1rem;
}

.quantity__button:not(:focus-visible):not(.focused), .quantity__input:not(:focus-visible):not(.focused){
  color:white;
}




@media (max-width: 768px) {
  .product-form__buttons {
      flex-wrap:wrap;
    
  }

  .grid__item.product__media-wrapper .logo-concours{
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 1;
    gap: 1rem;
    top: 2rem;
    left: 1rem;
  }

.icon-with-text--horizontal{
  column-gap:0px!important;
}

.icon-with-text--horizontal .h4 {
    font-size: 11px !important;
}

.icon-with-text__item:not(:last-child){
  padding-right:0px;
  border:none;
}


#kc-customize-btn{
  width:100%;
}





  .grid__item.product__media-wrapper .logo-concours img {
      height: 37px;
  }

  .text_delivery::after{
    content:none;
  }

.product .price--on-sale .price__sale{
  display:flex!important;
  flex-direction:column!important;
}

  .product-form__submit{
    flex: 0 0 100%;
  }

  .shopify-payment-button {
      flex: 0 0 60%;
      margin-left: 0;
      margin-top: 1rem;
  }
}


@media screen and (min-width: 990px) {
    .product__media-wrapper {
        max-width: 45%!important;
        width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2);
    }
    .product__info-wrapper {
        padding: 0 0 0 80px!important;
    }
    .product--medium:not(.product--no-media) .product__info-wrapper{
        max-width: 55%!important;
        width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2);
    }
}

.product__info-container{
  max-width:64rem!important;
}

.priceflex{
  display:flex;
  align-items:center;
}





/* MULTICOLMN */

.multicolumn{
  position:relative;
}

.multicolumn .title{
  margin:auto!important;
}

.multicolumn .title-wrapper-with-link{
  margin-bottom:1rem;
}

.multicolumn .subtitle-body{
  text-align:center;
  font-size:15px;
  margin:0 auto 4rem auto;
}

.product .product__accordion .accordion__content{
  font-size: 15px;
}

.multicolumn-card__image-wrapper--third-width{
  width:22%!important;
}

.multicolumn-card__info h3{
  text-transform:uppercase;
  font-family:"Manrope"!important;
  font-weight:500;
}

.multicolumn-card__info p{
  font-size:15px;
    max-width: 267px;
    margin: auto!important;
}

.multicolumn .subtitle-wrapper-with-link{
  justify-content:center;
  text-align:center;
  margin-bottom:5rem;
  margin-top:-1rem;
  max-width:735px;
  margin:auto;
  margin-bottom:6rem;
}

@media (max-width: 768px) {
  .multicolumn .title{
    text-align:center;
  }
}

/* DRAPEAU FRANCAIS */

.drapeau-francais {
  width: 100%;
  height: 13px; /* Hauteur fixe */
  display: flex;
  justify-content: center;
  align-items: center;
}

.drapeau-francais-container {
  display: flex;
  width: 100%;
  height: 100%;
}

.drapeau-francais-col {
  flex: 1;
  height: 100%;
}

.drapeau-francais-bleu {
  background-color: #1C3279;
  display:block!important;
}

.drapeau-francais-blanc {
  background-color: #F8F8F7;
  display:block!important;
}

.drapeau-francais-rouge {
  background-color: #C02D39;
  display:block!important;
}

/* PRODUIT COMPLÉMENTAIRE */

.complementary-products__container{
  border:1px solid #575546;
  padding:12px 12px 1px 12px;
}

.complementary-products__container .card__heading.h5{
    font-weight: bold;
    font-size: 17px;
}

.complementary-products__container .quick-add__submit{
    background-color: #575546;
    color: white;
    padding: 9px!important;
  margin-top:1rem;
}

/* CARACTERISTIQUES */

.caracteristiques {
  position: relative;
  width: 100%;
  padding: 50px 20px;
  background-size: cover;
  background-position: center;
}

.caracteristiques * {
  color: #F9F8F6!important;
}

.caracteristiques-container {
  justify-content: center;
  max-width: 1440px;
  min-height: 1000px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 36rem;
}

.caracteristiques-title {
  font-size: 48px;
  margin-bottom: 0rem;
  margin-top:6rem;
}

.caracteristiques-image-container {
  display: inline-block;
  max-width: 100%;
  height: 100%;
  width: 100%;
  max-height: 500px;
  align-content: center;
  position: relative;
}

.caracteristiques-central-image {
  width: 100%;
  height: auto;
  max-width:545px;
}

.caracteristiques-hotspot {
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
}

.caracteristiques-hotspot-image {
  width: 80px;
  height: 80px;
}

.caracteristiques-hotspot-content {
  max-width: 300px;
}

.template-product-v2-esperluete-min .caracteristiques-image-container img.hotspots.desktop{
  transform: translate(-9%, 70%);
}

.template-product-v2-esperluete-min .caracteristiques-image-container img.hotspots.mobile{
  transform: translate(-50%, -30%);
}

.caracteristiques-hotspot-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom:.5rem;
  text-transform:uppercase;
  font-family:"Manrope"!important;
}

.caracteristiques-hotspot-text {
  font-size: 15px;
  margin:0 auto;
  max-width:260px;
}

/* Container des arguments */
.caracteristiques-arguments-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom:6rem;
  gap: 20px;
  position: relative;
}

.caracteristiques-argument {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: auto;
  position: relative;
  opacity: 0;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Quand l'élément devient visible */
.caracteristiques-argument.visible {
  opacity: 1;
}

.caracteristiques-image-container img.hotspots.desktop{
    position: absolute;
    top: -50%;
    transform: translate(-9%, 17%);
    width: 100%;
    height: auto;
    max-width: 581px;
  z-index:1;
}

.caracteristiques-image-container img.hotspots.mobile{
    display:none;
}

.caracteristiques-argument-image {
  width: 100px;
  height: 100px;
}

.caracteristiques-argument-title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 2rem;
  max-width:30rem;
  line-height:1.4;
  text-transform:uppercase;
  font-family:"Manrope"!important;
}

/* Trait pointillé entre les arguments (passant au milieu des images) */
.caracteristiques-arguments-container::before {
  content: "";
  position: absolute;
  top: 49.5px;
  left: 100px;
  width: 75%;
  height: 1px;
  background: repeating-linear-gradient(
    to right,
    transparent,
    transparent 5px,
    #F9F8F6 5px,
    #F9F8F6 11px
  );
  z-index: 0;
}

.caracteristiques-arguments-wrapper.hide-desktop{
  display:none;
}


@media (max-width: 768px) {
  .caracteristiques-arguments-wrapper.hide-desktop{
    display:flex;
  }
  .caracteristiques-arguments-container {
    flex-direction: column;
    gap: 10px;
    margin-top:12rem;
  }

  .caracteristiques-container{
    gap:45rem;
  }

  .caracteristiques-central-image{
    max-width:438px;
  }

  .caracteristiques-hotspot-text{
    font-size:12px;
  }

  .caracteristiques-hotspot-title{
    font-size:15px;
    line-height:1.3;
  }

  .caracteristiques-arguments-container::before {
    display: none;
  }

  .caracteristiques-image-container img.hotspots.desktop {
    display:none;
  }
  
  .caracteristiques-image-container img.hotspots.mobile{
    position: absolute;
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: auto;
    display: block;
    left: 50%;
    transform: translate(-50%, -39%);
  }

  .caracteristiques-hotspot {
      position: absolute;
      transform: translateY(-50%);
      text-align: unset;
  }

  .caracteristiques-hotspot-content {
      max-width: 147px;
  }
.caracteristiques-arguments-scroll {
  display: flex;
}




  .caracteristiques-arguments-container {
    display: none; /* Cache l'ancienne version sur mobile */
  }

  .caracteristiques-arguments-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .caracteristiques-arguments-scroll {
    margin-top: 19rem;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 0;
    padding: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .caracteristiques-arguments-scroll::-webkit-scrollbar {
    display: none; /* Cache la scrollbar sur Chrome/Safari */
  }

  .caracteristiques-argument {
    flex: 0 0 100%;
    scroll-snap-align: center;
    text-align: center;
    padding: 0;
    border-radius: 10px;
  }

  /* Flèches de navigation */
  .carousel-prev,
  .carousel-next {
    position: absolute;
    top: 77%;
    transform: translateY(-50%);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 24px;
    border-radius: 50%;
    background:none;
    transition: background 0.3s ease-in-out;
  }

  .carousel-prev {
    left: 10px;
  }

  .carousel-next {
    right: 10px;
  }
}

@media (max-width: 768px) {
  .caracteristiques-arguments-container {
    margin-top:24rem;
  }
}

/* ESPERLUETE DE TABLE */

/* Price + note alignés */
.product-price-row{
  display:flex;
  align-items:center;
  gap: clamp(12px, 2.2vw, 28px);
  flex-wrap: wrap; /* permet le retour à la ligne si manque d'espace */
}
.product-price-col{
  display:flex;
  flex-direction: column;
  /*flex: 1 1 300px;*/
}

/* pastille note à droite (style pill) */
.product-price-note{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 9px 18px;
  border-radius: 999px;
  background: #4f5542;
  color: #F3F0EC;
  font-weight: 700;
  font-size:11px;
  text-transform: uppercase;
  letter-spacing: .02em;
  box-shadow: 0 6px 14px rgba(0,0,0,.12);
  white-space: nowrap; /* évite de casser trop tôt */
  flex: 0 0 auto;
}

/* Mobile: on passe en colonne, la note prend la largeur */
@media (max-width: 640px){
  .product-price-row{ flex-direction: column; align-items: flex-start; }
  .product-price-note{ white-space: normal; width: 100%; justify-content: center; text-align:center; }
}

.product-price-note .note-ic svg {
    width: 100%;
    height: 100%;
    display: block;
}
.product-price-note .note-ic img { display: block; }



/* VIDEO CUSTOM */

/* ============================= */
/* ======= CONTENEUR =========== */
/* ============================= */

.video-custom {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-custom-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1350px;
  padding: 0 5rem;
  text-align: center;
}

.video-custom-wrapper {
  width: 100%;
  position: relative;
}

.video-custom-video-container {
  position: relative;
  width: 100%;
  max-width: 1280px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ============================= */
/* ======= POSTER VIDÉO ======== */
/* ============================= */

.video-custom-poster {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; /* S'assure que l'image est au-dessus de la vidéo */
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}

/* ============================= */
/* ======= LECTEUR VIDÉO ======= */
/* ============================= */

.video-custom-video {
  width: 100%;
  height: auto;
  display: block;
}

/* ============================= */
/* ======= BOUTON PLAY ========= */
/* ============================= */

.video-custom-play-button {
  position: absolute;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  border:2px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease;
  z-index: 2;
}

.video-custom-play-button::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 24px solid black;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  margin-left: 6px;
}

.video-custom-play-button:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* ============================= */
/* ====== ÉTAT EN LECTURE ====== */
/* ============================= */

.video-custom-video-container.playing .video-custom-poster,
.video-custom-video-container.playing .video-custom-play-button {
  display: none;
}

/* ============================= */
/* ======= RESPONSIVE ========= */
/* ============================= */

@media (max-width: 768px) {
  .video-custom-container {
    padding: 0 2rem;
  }

  .video-custom-play-button {
    width: 60px;
    height: 60px;
  }

  .video-custom-play-button::before {
    border-left: 18px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
}


/* IMAGE WITH TEXT */

.hotspot-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0!important;
  position: relative;
  flex-direction: row;
}

/* SVG du Hotspot */
.hotspot-svg {
  width: 26px;
  height: 27px;
  position: relative;
  z-index: 2; /* Assure que le hotspot est au-dessus de la ligne */
}

/* Texte du Hotspot */
.hotspot-text {
  font-size: 16px;
  color: #F9F6F1;
  max-width: 37rem;
  text-align: left;
}

.hotspot-item:not(:last-child) .hotspot-svg::after {
  content: "";
  width: 1px;
  height: 75px; /* Espace entre deux hotspots */
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 5px,
    #F9F6F1 5px,
    #F9F6F1 10px
  );
  position: absolute;
  top: 100%; /* La ligne démarre sous le hotspot */
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

/* ÉTAPES */

.etape-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.etape-container {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
  position: relative;
}

.etape-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(14.3rem);
  z-index: -1;
}

.etape-title {
  font-size: 48px;
  margin-bottom: 10rem;
}

.etape-paragraph {
  font-size: 17px;
  max-width:53rem;
  margin:auto;
  margin-bottom:10rem;
  margin-top:-7rem;
}

.etape-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 5rem;
}

.etape-item {
  position: relative;
  padding: 0px;
  text-align: center;
}

.etape-item p{
  font-size:15px;
  margin-top:5px;
}

.etape-number {
  position: absolute;
  top: 37rem;
  left: 1rem;
  transform: translate(-50%);
  font-size: 168px;
  color: #D1CFC6;
  z-index: -1;
  line-height: 0;
  font-family: 'EcoFriendlyMarketItalic';
  font-weight: 100;
}

.etape-image-wrapper {
  position: relative;
  overflow: hidden;
  padding:10px;
  aspect-ratio: 200 / 240;
  background-size:cover;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  background-image:url("/cdn/shop/files/polaroid.png?v=1739803730");
}

.etape-image {
  width: 100%;
  display: block;
}

.etape-image-title {
  position: absolute;
  bottom: 11px;
  left: 50%;
  transform: translate(-50%);
  color: #585145c4;
  padding: 5px 10px;
  font-size: 20px;
  width: 100%;
  border-radius: 5px;
  font-family: EcoFriendlyMarketItalic !important;
  margin: 0;
}

.etape-separator {
  height: 4px;
  display: block!important;
  margin: 0 auto;
  width: 100%;
  border-radius: 0;
  transform: translate(5px, -10px) rotate(-2deg);
}

.etape-subtitle {
  font-size: 18px;
  font-weight: bold;
  font-family:"Manrope"!important;
  margin: 0;
  margin-top:3rem;
  text-transform:uppercase;
}

.etape-text {
  font-size: 1rem;
  color: #333;
}

/* Styles alternés pour les images */
.etape-item:nth-child(odd) .etape-image-wrapper {
  transform: translateY(-10px) rotate(-2deg);
}

.etape-item:nth-child(even) .etape-image-wrapper {
  transform: translateY(10px) rotate(2deg);
}

.etape-item:nth-child(odd){
}

.etape-item:nth-child(even){
  margin-top:10rem;
}

.image_mobile.hide-desktop img{
  display:none;
}

.etape-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Quand l'élément devient visible */
.etape-item.visible {
  opacity: 1;
  transform: translateY(0);
}


/* Responsive */
@media (max-width: 768px) {
  .etape-title {
    font-size: 2rem;
  }

  .etape-separator{
    transform: translate(8px, -2px) rotate(-2deg);
  }

  .etape-background{
    height:auto;
  }

  .etape-number {
      top: 93%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #d1cfc6ad;
  }

  .etape-grid {
    grid-template-columns: 1fr;
    gap:9rem;
  }

  .etape-item:nth-child(odd) .etape-image-wrapper {
    transform: rotate(-2deg);
  }
  
  .etape-item:nth-child(even) .etape-image-wrapper {
    transform: rotate(2deg);
  }
  
  .etape-item:nth-child(odd){
  }
  
  .etape-item:nth-child(even){
    margin-top:0rem;
  }

  .image_mobile.hide-desktop{
    margin-bottom:-5rem;
  }

  .image_mobile.hide-desktop img{
    display:block;
    width:100%;
  }

  .image-with-text__media-item{

  }

  .image-with-text__heading.h1{
    font-size:38px;
  }

  .image-with-text__content{
    text-align:center;
    padding:4rem 0px!important;
  }

}

@media screen and (max-width: 749px){
  /* On cache l’image colonne media sur mobile */
  .image-with-text__media-item{
    display: none;
  }

  /* On affiche l’image injectée dans le contenu */
  .iwt-mobile-media{
    display: block;
    margin: 14px 0 16px;
  }

  .iwt-mobile-media img,
  .iwt-mobile-media svg{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
  }
}
@media screen and (min-width: 750px){
  .iwt-mobile-media{
    display: none;
  }
}


/* ACCORDÉONS CUSTOM */

/* ======= CONTAINER PRINCIPAL ======= */
.accordeon-custom {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.accordeon-custom-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto;
  gap: 40px;
}

/* Inverser les colonnes si l'option est activée */
.accordeon-custom-reverse {
  flex-direction: row-reverse;
}

/* ======= COLONNE GAUCHE (Image) ======= */
.accordeon-custom-left {
  flex: 1;
  position: relative;
  text-align: center;
  max-width:60rem;
}

.accordeon-custom-image-wrapper {
  position: relative;
  display: inline-block;
}

.accordeon-custom-image {
  width: 100%;
}

.accordeon-custom-absolute-image {
  width:100%;
}

/* Drapeau Français */
.accordeon-custom-flag {
  position: absolute;
  top: 10px;
  left: 10px;
}

.accordeon-custom-left-title {
  font-size: 32px;
  margin-top: 20px;
  font-family: 'EcoFriendlyMarketItalic' !important;
  color: #545454a8;
  text-align: left;
}

/* ======= COLONNE DROITE (Accordéons) ======= */
.accordeon-custom-right {
  flex: 1;
  max-width: 62rem;
}

.accordeon-custom-right-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position:relative;
}

.accordeon-custom-right-title {
  font-size: 48px;
  margin: 0;
  max-width: 34rem;
}

.accordeon-custom-right-image {
  width: 245px;
  height: auto;
  right: 0rem;
  position: absolute;
}

/* ======= ACCORDÉONS ======= */
.accordeon-custom-list {
  margin-top: 20px;
}

.accordeon-custom-item {
  border-top: 1px solid #545454;
  padding: 14px 0;
  cursor: pointer;
}

.accordeon-custom-item:last-child {
  border-bottom: 1px solid #545454;
}

.accordeon-custom-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.accordeon-custom-icon {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}

/* Contenu caché par défaut */
.accordeon-custom-question{
  margin: 0;
  font-family: 'Manrope' !important;
  font-weight: 500;
  font-size: 15px;
}

.accordeon-custom-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
  padding: 0;
}

.accordeon-custom-item.active .accordeon-custom-content {
  max-height: 500px; /* Ajuste cette valeur selon le contenu */
  padding: 10px 0px 0;
}


.accordeon-custom-content p{
  margin: 0 auto 5px;
  font-size: 15px;
}

/* Accordéon actif */
.accordeon-custom-item.active .accordeon-custom-content {
  display: block;
}

.accordeon-custom-item.active .accordeon-custom-icon {
  transform: rotate(180deg);
}

/* Texte sur l'image en absolute */
.accordeon-custom-absolute-container {
  position: absolute;
  top: -35px;
  right: -35px;
  align-items: center;
  width: 250px;
  height: auto;
}

.accordeon-custom-absolute-text {
  color: #585145;
  z-index: 1;
  position: absolute;
  margin: 0;
  padding: 0 20px;
  border-radius: 5px;
  text-align: center;
  top:50%;
  transform: translateY(-50%) rotate(14deg);
  font-size: 22px;
  font-family: 'EcoFriendlyMarketItalic'!important;
}

.accordeon-custom-absolute-text span{
    font-size: 28px;
    font-family: 'EcoFriendlyMarket' !important; 
}


/* ======= RESPONSIVE ======= */
@media (max-width: 768px) {
  .accordeon-custom-container {
    flex-direction: column-reverse;
    gap: 6rem;
    text-align: center;
  }

  .accordeon-custom-header{
    text-align:left;
  }

  .accordeon-custom-absolute-container {
      top: -35px;
      right: -13px;
      width: 220px;
  }

  .accordeon-custom-absolute-text{
    font-size:16px;
    padding: 0 25px;
  }

  .accordeon-custom-absolute-text span{
    font-size:20px;
  }

  .accordeon-custom-right-header {
    display: block;
  }

  .accordeon-custom-right-title {
    font-size: 1.6rem;
    max-width:100%;
  }

  .accordeon-custom-item.active .accordeon-custom-content{
    text-align:left;
  }

  .accordeon-custom-right-image {
      width: 100%;
      position: relative;
        margin: 2rem 0;
  }

  .accordeon-custom-image {
    max-width: 100%;
  }

  .accordeon-custom-left-title {
      font-size: 20px;
      text-align: center;
  }
}

/* ========== CHEF ÉTOILÉS ========== */

.chef-etoiles {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.chef-etoiles-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 12rem 0px;
  position: relative;
}

/* ========== PARTIE GAUCHE ========== */

.chef-etoiles-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 450px;
  height: auto;
  width: 100%;
  position: relative;
  background-color: #D2D0C4;
  padding: 4rem 8rem 4rem 12rem;
}

.chef-etoiles-content {
  width: 50%;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position:relative;
}

.chef-etoiles-content::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 144px;
  height: 116px;
  background: url('/cdn/shop/files/guillemet.png?v=1739880060') no-repeat center;
  background-size: contain;
  opacity: 1;
  z-index: 0;
}


.chef-etoiles-left-image {
  width: 100px;
  height: auto;
}

.chef-etoiles-title-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.chef-etoiles-title {
  font-size: 48px;
  max-width: 40rem;
  margin: 0;
}

.chef-etoiles-stars {
  display: flex;
  gap: 5px;
}

.chef-etoiles-stars .topchef{
  width:50px;
}

.chef-etoiles-star {
  width: 30px;
  height: auto;
}

.chef-etoiles-subtitle {
  font-size: 18px;
  margin-top: 2rem;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  font-family: Manrope !important;
}

.chef-etoiles-text {
  font-size: 16px;
  margin-top: 10px;
  flex-grow: 1;
  max-width:50rem;
}

.chef-etoiles-subtitle{
  max-width:50rem;
}

/* ========== FLÈCHES CAROUSEL ========== */

.chef-etoiles-controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 48%;
  z-index: 1;
  right: 0;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  padding: 2rem 2rem 2rem 5rem;
}

.chef-etoiles-controls button {
  background: transparent;
  border: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: opacity 0.3s;
}

.chef-etoiles-prev {
  transform: rotate(180deg);
}

.chef-etoiles-controls button img {
  width: auto;
  height: 38px;
}

.chef-etoiles-controls button:hover {
  opacity: 0.7;
}

/* ========== PARTIE DROITE (VIDÉOS) ========== */

.chef-etoiles-carousel {
  position: absolute;
  right: -13%;
  top: 50%;
  transform: translateY(-50%);
  width: 60%;
  height: auto;
  overflow: visible;
}

.chef-etoiles-slider {
  display: flex;
  gap: 10px;
  transition: transform 0.5s ease-in-out;
  align-items: center;
}

.chef-etoiles-slide {
  flex: 0 0 calc(20% - 10px);
  padding: 1rem;
  background: white;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s ease, opacity 0.4s ease, z-index 0.4s ease;
  position: relative;
  z-index: 1;
  opacity: 1;
}

/* La vidéo active dépasse sur le contenu de gauche */
.chef-etoiles-slide.active{
  flex: 0 0 calc(28% - 0px);
  margin-right: 7.5rem;
  transform: scale(1.3) translateX(calc((100% - 100% / 1.3) / 2));
  z-index: 3;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.chef-etoiles-slide.active video{
  cursor: pointer;
}

/* Les slides qui ont été actives mais ne le sont plus passent en opacity 0 */
.chef-etoiles-slide.passed {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

/* Vidéos et images */
.chef-etoiles-video-wrapper {
  position: relative;
}

.chef-etoiles-video, .chef-etoiles-poster {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 9 / 16;
}

/* ========== POSTER IMAGE AU LIEU DU POSTER VIDEO ========== */
.chef-etoiles-video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease;
  z-index: 2;
}

/* Cacher le poster lorsque la vidéo est en lecture */
.chef-etoiles-slide.active .chef-etoiles-video-thumbnail {
  opacity: 1;
  pointer-events: none;
}

/* ========== BOUTON PLAY POUR LES VIDÉOS ========== */

.chef-etoiles-video-custom-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease;
  z-index: 3;
}

.chef-etoiles-video-custom-play-button::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 24px solid white;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  margin-left: 6px;
}

.chef-etoiles-slide .chef-etoiles-video-custom-play-button,
.chef-etoiles-slide .chef-etoiles-video {
  pointer-events: none;
}

.chef-etoiles-slide.active .chef-etoiles-video-custom-play-button,
.chef-etoiles-slide.active .chef-etoiles-video {
  pointer-events: auto;
}

.chef-etoiles-video-custom-play-button:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* ========== RESPONSIVE ========== */

@media (min-width: 1740px) {
  .chef-etoiles-container{
    padding:26rem 0px 26rem;
  }

  .chef-etoiles-content{
    left: 25%;
    transform: translateX(-50%);
    width:50rem;
  }
}

@media (min-width: 2150px) {
  .chef-etoiles-container{
    padding:36rem 0px 36rem;
  }
}

@media (max-width: 1024px) {
  .chef-etoiles-container {
    flex-direction: column;
    padding:11rem 0px 0;
  }

  .chef-etoiles-content{
    width:100%;
    top:-5rem;
    margin-bottom:0rem;
    align-items:center;
  }

  .chef-etoiles-left {
    width: 100%;
    padding: 0rem 2rem 0;
    text-align: center;
  }

  .chef-etoiles-title-wrapper {
    padding-top:5rem;
    flex-direction: column;
  }

  /* CAROUSEL CENTRÉ SUR MOBILE */
  .chef-etoiles-carousel {
    position: relative;
    right: 0;
    top: 0;
    transform: none;
    width: 100%;
    margin-top: 0rem;
    overflow: hidden; /* Cache les slides hors de l'écran */
  }

  .chef-etoiles-slider {
    display: flex;
    gap: 0px;
    justify-content: flex-start;
    transition: transform 0.5s ease-in-out;
    padding: 0rem 3rem 6rem; /* Padding pour effet centré */
  }

  .chef-etoiles-slide {
    flex: 0 0 80%; /* La slide prend 80% de la largeur */
    margin: 0 10%; /* Ajoute de l'espace à gauche et droite */
    transform: scale(1);
    box-shadow: none;
    transition: transform 0.4s ease, opacity 0.4s ease, z-index 0.4s ease;
  }

  .chef-etoiles-slide.active {
    transform: scale(1); /* Mise en avant de la slide active */
    z-index: 3;
    flex: 0 0 100%;
    margin: 0;
  }

  /* BOUTON PLAY AJUSTÉ SUR MOBILE */
  .chef-etoiles-video-custom-play-button {
    width: 60px;
    height: 60px;
  }

  /* FLÈCHES DE NAVIGATION */
  .chef-etoiles-controls {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    position: absolute;
    top: 63%;
    transform: translateY(-50%);
    z-index: 2;
  }

  .chef-etoiles-controls button {
    width: 50px;
    height: 50px;
  }

  .chef-etoiles-controls button img {
    width: auto;
    height: 40px;
  }
}

@media (max-width: 768px) {

  .chef-etoiles-title {
    font-size: 32px;
  }

  .chef-etoiles-subtitle {
    font-size: 16px;
  }

.chef-etoiles-container {

  padding: 4rem 0px;
}

  .chef-etoiles-text {
    font-size: 14px;
  }

  /* AJUSTEMENT DES FLÈCHES SUR PETIT ÉCRAN */
  .chef-etoiles-controls {
    padding: 0;
  }

  .chef-etoiles-controls button {
    width: 40px;
    height: 40px;
  }

  .chef-etoiles-controls button img {
    height: 30px;
  }

  /* AJUSTEMENT DE LA SLIDE POUR PETIT ÉCRAN */
  .chef-etoiles-slide {
    flex: 0 0 85%;
    margin: 0 3rem;
  }
}

/* PLUS ÉGAL */

/* ========== PLUS/ÉGAL SECTION ========== */

.plus-egal-section {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column; /* Permet d'afficher le titre en haut */
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
}

.plus-egal-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}

/* Titre centré */
.plus-egal-title {
  font-size: 48px;
  text-align: center;
  margin-bottom: 8rem;
  max-width: 73rem;
}

/* Conteneur principal */
.plus-egal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
}

/* Colonnes qui s'adaptent au contenu */
.plus-egal-column {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto; /* Ajuste la taille en fonction du contenu */
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Images */
.plus-egal-image {
  max-width: 100%;
  height: auto;
  width:345px;
  object-fit: contain;
}

/* Symboles + et = */
.plus-egal-symbol span {
  font-size: 11rem;
  color: #4f5542;
  display: block;
  text-align: center;
  width: auto;
}

@media (max-width: 768px) {
  .plus-egal-container {
    gap: 0rem;
    flex-direction: column;
  }
}

/* Quand l'élément devient visible */
.plus-egal-column.visible {
  opacity: 1;
  transform: translateY(0);
}


/* GOOGLE REVIEW */

.grp-entangle-heading--small{
    font-size: 27px;
    text-align: center;
    font-family: 'EcoFriendlyMarket';
    font-weight: 400;
  color:#545454;
}

.grp-entangle-item{
  background-color:white!important;
}

.grp-main-hyper-link > *{
  color:#545454!important;
}

.grp-entangle-badge-vertical{
  text-align:center;
}

.grp-entangle-badge-stars{
    margin: .5rem;
    justify-content: center;
}

.grp-entangle-badge-flex{
  flex-direction:column;
}

.grp-entangle-rating-container {
    padding: 0px 15px 5px 15px!important;
    margin-top: 0px!important;
}

/* OMNISEND */

.omnisend-form-67b5c4dd60950d82938f8d5e-field-container-657c549ac8538e61a695d796-field-wrapper, .omnisend-form-67b5d91460950d82938f8d73-field-container-657c549ac8538e61a695d796-field-wrapper {
    gap: 0px!important;
    text-align: left;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

@media screen (max-width:768px){
  .omnisend-form-67b5c4dd60950d82938f8d5e-field-container-657c549ac8538e61a695d796-field-wrapper, .omnisend-form-67b5d91460950d82938f8d73-field-container-657c549ac8538e61a695d796-field-wrapper {
      flex-direction: row !important;
      gap: 0px !important;
      row-gap: 10px !important;
      flex-wrap: wrap;
      width: 100%;
      justify-content: space-between;
  }  
}


.omnisend-form-67b5d91460950d82938f8d73-section-624ab2f927652f651edfd0ac #omnisend-form-67b5d91460950d82938f8d73-action-627932485028ebd8c6660c51.omnisend-form-67b5d91460950d82938f8d73-action-627932485028ebd8c6660c51, .omnisend-form-67b5c4dd60950d82938f8d5e-action-container-627932485028ebd8c6660c51 #omnisend-form-67b5c4dd60950d82938f8d5e-action-627932485028ebd8c6660c51.omnisend-form-67b5c4dd60950d82938f8d5e-action-627932485028ebd8c6660c51 {
    align-self: center;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    line-height: 120%;
    margin: 0;
    letter-spacing: normal;
    font-family: Manrope !important;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    color: #F9F6F1;
    text-align: center;
    background-color: #4F5542;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #B4B4B4;
    padding-bottom: 14px;
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px;
    margin-top: 3rem;
}

.omnisend-form-67b5d91460950d82938f8d73-section-624ab2f927652f651edfd0ac #omnisend-form-67b5d91460950d82938f8d73-action-627932485028ebd8c6660c51.omnisend-form-67b5d91460950d82938f8d73-action-627932485028ebd8c6660c51{
    color: #3A3A3A;
    background-color: #F9F6F1;
}

label[for^=omnisend].omnisend-form-67b5d91460950d82938f8d73-field-container-657c549ac8538e61a695d796-radioField, label[for^=omnisend].omnisend-form-67b5c4dd60950d82938f8d5e-field-container-657c549ac8538e61a695d796-radioField{
  font-family:"Manrope"!important;
  gap:10px!important;
  width:50%;
}

label[for^=omnisend].omnisend-form-67b5d91460950d82938f8d73-field-container-657c549ac8538e61a695d796-radioField{
  color:#F9F6F1!important;
}

input[type=radio].omnisend-form-67b5d91460950d82938f8d73-field-container-657c549ac8538e61a695d796-radio-button::before, input[type=radio].omnisend-form-67b5c4dd60950d82938f8d5e-field-container-657c549ac8538e61a695d796-radio-button::before {
    background-color: #545454!important;
}

input[type=radio].omnisend-form-67b5d91460950d82938f8d73-field-container-657c549ac8538e61a695d796-radio-button, input[type=radio].omnisend-form-67b5c4dd60950d82938f8d5e-field-container-657c549ac8538e61a695d796-radio-button {
    border-width: 2px;
    border-radius: 50%;
    background-color: white!important;
    color: #FFF;
    border-style: solid;
    border-color: white!important;
}

.omnisend-form-67b5c4dd60950d82938f8d5e-action-container-627932485028ebd8c6660c51 #omnisend-form-67b5c4dd60950d82938f8d5e-field-container-62a34db0f7b3732a01429b16-emailField-input.omnisend-form-67b5c4dd60950d82938f8d5e-field-container-62a34db0f7b3732a01429b16-input {
    background-color: #F9F6F1!important;
    color: #989898;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#omnisend-form-67b5d91460950d82938f8d73-field-container-62a34db0f7b3732a01429b16-emailField-input.omnisend-form-67b5d91460950d82938f8d73-field-container-62a34db0f7b3732a01429b16-input, #omnisend-form-67b5c4dd60950d82938f8d5e-field-container-62a34db0f7b3732a01429b16-emailField-input.omnisend-form-67b5c4dd60950d82938f8d5e-field-container-62a34db0f7b3732a01429b16-input{
  background-color: #F9F6F1!important;
  font-family:"Manrope"!important;
}

#omnisend-form-67b5c4dd60950d82938f8d5e-field-container-62a34db0f7b3732a01429b16-emailField-input.omnisend-form-67b5c4dd60950d82938f8d5e-field-container-62a34db0f7b3732a01429b16-input{
  color: #545454!important;
}

.omnisend-form-67b5c4dd60950d82938f8d5e-action-container-627932485028ebd8c6660c51 button, .omnisend-form-67b5d91460950d82938f8d73-sections-container button{
    max-width: 27rem!important;
    margin-right: auto!important;
}

.omnisend-form-67b5c4dd60950d82938f8d5e-text-62a3492df7b3732a01429af5 p{
  font-size:48px!important;
  font-family:"Manrope"!important;
  color:#545454!important;
}

.omnisend-form-67b5c4dd60950d82938f8d5e-text-6328497fe3f9bca2e8014f78{
  color:#545454!important;
}

@media (max-width: 768px) {
label[for^=omnisend].omnisend-form-67b5d91460950d82938f8d73-field-container-657c549ac8538e61a695d796-radioField, label[for^=omnisend].omnisend-form-67b5c4dd60950d82938f8d5e-field-container-657c549ac8538e61a695d796-radioField{
    flex-direction: column;
    text-align: center;
}
}

/* NEWSLETTER */

.newsletter__subheading {
  max-width: 47rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom:2rem;
}

.newsletter-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.newsletter-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.newsletter-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4rem 2rem;
}

.newsletter-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}

.newsletter-left {
  flex: 0 0 40%;
  text-align: left;
}

.newsletter-right {
  flex: 0 0 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newsletter-center{
    flex: 0 0 22%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsletter-rcl .newsletter-left p, .newsletter-rcl .newsletter-left h2{
  color:white;
}

.newsletter-rcl .newsletter-right{
    flex: 0 0 40%;
}

.newsletter-rcl .newsletter-center{
  flex: 0 0 32%;
}

.newsletter-image-right {
  max-width: 100%;
  height: auto;
}

.newsletter-rcl .newsletter-wrapper {
    padding: 4rem 2rem 1rem;
}

.newsletter-rcl .omnisend-form-67b5c4dd60950d82938f8d5e-action-container-627932485028ebd8c6660c51 #omnisend-form-67b5c4dd60950d82938f8d5e-action-627932485028ebd8c6660c51.omnisend-form-67b5c4dd60950d82938f8d5e-action-627932485028ebd8c6660c51{
  background-color:#E1DBD5!important;
  color:#453D35!important;
}

.newsletter-rcl label[for^=omnisend].omnisend-form-67b5c4dd60950d82938f8d5e-field-container-657c549ac8538e61a695d796-radioField{
  color:white;
}

.newsletter-rcl .newsletter-content{
  max-width:1300px;
}

.newsletter-rcl .newsletter-left {
    flex: 0 0 28%;
}

/* Responsive */
@media (max-width: 1024px) {
  .newsletter-content {
    flex-direction: column;
    text-align: center;
  }

  .newsletter-right {
    margin-top: 2rem;
  }

  .newsletter-left{
    text-align:center;
  }

  .omnisend-form-67b5c4dd60950d82938f8d5e-field-container-657c549ac8538e61a695d796-field-wrapper{
  }

  .omnisend-form-67b5c4dd60950d82938f8d5e-action-627932485028ebd8c6660c51, .omnisend-form-67b5d91460950d82938f8d73-section-624ab2f927652f651edfd0ac #omnisend-form-67b5d91460950d82938f8d73-action-627932485028ebd8c6660c51.omnisend-form-67b5d91460950d82938f8d73-action-627932485028ebd8c6660c51{
    margin: 3rem auto!important;
  }
}

.newsletter-left h2{
  margin: 1rem auto 1rem 0;
  max-width:45rem;
}

/* FOOTER */

.footer > *, .footer-block__details-content .list-menu__item--link, .copyright__content a{
  color:#F9F6F1!important;
}

.footer-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.footer-block__image-wrapper{
  background:transparent;
}

ul.footer-block__details-content{
  column-count:2;
  max-width: 45rem;
}

.footer-block__details-content .list-menu__item--link{
  text-transform:none;
}

.footer__blocks-wrapper{
    display: flex;
    flex-direction: column;
    row-gap: 0!important;
}

.footer__content-bottom-wrapper--center {
    justify-content: flex-start!important;
}

.footer__content-top{
  padding-bottom:0px!important;
}

.footer__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}

.footer__left {
  width: 40%; /* 60% pour les blocs du footer */
}

footer{
    background-attachment: scroll!important;
}

.footer__right {
  width: 50%; /* 35% pour le formulaire */
}

.footer-newsletter {
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  padding: 20px;
  border-radius: 8px;
}

.footer-newsletter__title {
  font-size: 20px;
  margin-bottom: 10px;
}

/* Image de fond */
.footer-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.footer__content-top{
  display:flex!important;
}

.footer-block{
  width:100%!important;
}

.footer-block-image.center{
  justify-content:flex-start!important;
}

.footer-block--newsletter{
  flex-direction:column;
  align-items: flex-start!important;
  max-width: 60rem;
}

.footer-block__heading{
  font-size:48px!important;
  color: #F9F6F1;
      max-width: 49rem;
}

.footer__copyright ul{
  list-style:none;
}

.footer__copyright ul{
  display:flex;
  gap:3rem;
}


.footer__copyright {
    text-align: center;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

/* Responsive */
@media (max-width: 1024px) {
  .footer__content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer__left,
  .footer__right {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .footer__content-top{
    flex-direction:column;
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
  }

  .footer-block__heading{
    text-align:center;
    margin:auto;
  }

  ul.footer-block__details-content{
    padding: 0 3rem;
  }

  .footer-block-image.center {
      justify-content: center!important;
      padding: 0 3rem;
  }
}

/* RICH BLOCK */

.rich-text__blocks .rich-text__text.rte{
  margin-top:0px;
  font-size:15px;
}

@media (max-width: 768px) {
  .rich-text__blocks.left{
    text-align:center;
  }
}

.shopify-policy__container{
  padding:8rem 0px;
}

/* GENERAL RESPONSIVE */

@media (max-width: 768px) {
  .product__title h1, .caracteristiques-title, .etape-title, .accordeon-custom-right-title, .chef-etoiles-title, .plus-egal-title, .footer-block__heading{
    font-size:38px!important;
  }
}

/* COLLECTION PAGE */

/* Variables reutilisees du carousel */
:root {
  --fav-gap: clamp(16px, 2vw, 24px);
  --fav-card-w: clamp(260px, 28vw, 320px);
  --fav-pad: clamp(14px, 2vw, 18px);
  --fav-radius: 8px;
  --fav-shadow: 0 8px 18px rgba(0,0,0,.08);
  --fav-border: 1px solid rgba(0,0,0,.08);
  --fav-accent: #8a776a;
  --fav-badge-bg: #d9cfc8;
}

/* Carte produit collection = look fav-card */
#product-grid .card-wrapper.product-card-wrapper {
  background: #F9F6F1;
  border: var(--fav-border);
  box-shadow: var(--fav-shadow);
  border-radius: 0;
  overflow: hidden;
}

/* La carte interne devient une colonne */
#product-grid .card {
  display: flex;
  flex-direction: column;
  background: transparent;
  border-radius: 0;
}

/* On masque le header dupliqué dans card__inner */
#product-grid .card__inner > .card__content {
  display: none;
}

#product-grid .card__inner{

}

#product-grid .card__inner {
  border-radius: 0;
  background: transparent;
}

/* Image comme dans le carousel */
#product-grid .card__media {
  background: #f2eee9;
}

#product-grid .card__media .media {
  width: 100%;
  height: 100%;

  display: block;
}

#product-grid .card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #F9F6F1;
  display: block;
  padding: 18px;

}

/* Body / contenu texte */
#product-grid .card__content {
  padding: var(--fav-pad);
  display:unset;
}

/* Ligne titre + bloc prix en 2 colonnes, mini texte en dessous */
#product-grid .card__information {
  display: flex;
  padding-top: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding-bottom:0px;
}
/* mini description en dessous, pleine largeur */
#product-grid .card__mini-description {
  margin-top: 4px;
  font-size: 1.5rem;
  line-height: 1.5;
}


/* Titre produit */
#product-grid .card__heading {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.25;
}

#product-grid .card__heading a {
  font-family: 'EcoFriendlyMarketItalic' !important;
  font-weight: 400;
  color: #545454;
  line-height: 1.2;
  font-size: 20px;
  text-decoration: none;
}

#product-grid .card__heading a:hover {
  color: #000;
}

/* Bloc prix a droite comme fav-card__price */
#product-grid .card-information {
  text-align: right;
  white-space: nowrap;
}

#product-grid .price-item {
  font-family: 'EcoFriendlyMarket';
  font-weight: 400;
  font-size: 20px;
  color: #545454;
}

#product-grid .price__sale .price-item--regular {
  opacity: .4;
  font-size: 14px;
  display: block;
}

#product-grid .price__sale .price-item--sale {
  display: block;
}

/* Pas de soulignement au hover */
#product-grid .underline-links-hover a {
  text-decoration: none;
}

/* Badges promos */
#product-grid .card__badge .badge {
  background: var(--fav-badge-bg);
  color: #4f3f35;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Ajustements mobile */
@media (max-width: 749px) {
  #product-grid .card__heading a {
    font-size: 25px;
  }
  #product-grid .price-item {
    font-size: 20px;
  }

  #product-grid .card-information{
    width:100%;
  }

  .card-information .price__regular{
    width:100%;
    max-width:100%;
  }
}

#product-grid {
  gap: 2rem;
}

@media screen and (min-width: 990px) {
  .grid--3-col-desktop .grid__item {
        width: calc(32.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.facets__summary {
  font-size: 20px;
  text-transform: uppercase;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 8px 0 !important;
  font-weight: 500;
}

.facet-checkbox {
  color: #2E3323;
  text-transform: uppercase;
  align-items: center;
}


.product-grid-container .collection--empty .title .link{
  font-size:19px;
}


/* CART */

.cart-item__discounted-prices{
  display:none;
}

.cart-drawer .tax-note{
  display:none;
}

.cart-drawer .totals{
  margin-bottom:2rem;
}

.cart-item__name:hover{
  text-decoration:none;
}

.cart-item__name{
  font-size:18px;
      letter-spacing: -1px !important;
}

.cart-item__quantity .quantity {
    min-height: 0;
}

.cart-item__quantity .quantity:after,.cart-item__quantity .quantity:before{
  box-shadow:none!important;
}

.cart-item__quantity .quantity__input, .cart-item__quantity .quantity__button{
  font-size:1rem;
}

.cart-item__quantity .quantity__button {
    width: calc(1.5rem / var(--font-body-scale)) !important;
}

.cart-item__quantity .quantity {
    width: calc(7rem / var(--font-body-scale) + var(--inputs-border-width) * 2) !important;
}

.totals>h2 {
    font-family: 'Manrope' !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: calc(var(--font-heading-scale) * 1.6rem);
}
.totals__total-value {
    font-size: 1.8rem;
    font-weight: bold;
}

.drawer__heading {
    margin: 0 0 1rem;
    font-family: 'Manrope' !important;
    text-transform: uppercase;
    font-size: 2rem;
    margin-top: .5rem;
}

.discounts__discount{
    background-color: #545454bf;
    width: fit-content;
    color: #f9f6f1;
    padding: 2px 9px;
}

.discounts__discount > .icon{
  color:#f9f6f1;
}

.drawer__inner {
    width: 46rem;
}