/** Shopify CDN: Minification failed

Line 85:0 Unexpected "{"
Line 85:2 Expected identifier but found "%"
Line 85:37 Unexpected "/"
Line 85:41 Expected identifier but found "%"
Line 109:0 Unexpected "{"
Line 109:2 Expected identifier but found "%"
Line 109:39 Unexpected "{"
Line 109:41 Expected identifier but found "%"
Line 127:0 Unexpected "{"
Line 127:2 Expected identifier but found "%"
... and 7 more hidden warnings

**/


/* CSS from section stylesheet tags */
.article-image-blog {
	width: 880px;
  	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center center;
  	margin:auto;
  
}
.title-article-blog {
	width: auto;
	font-size: 23px;
	font-weight: 600;
	text-align: center;
	margin-top: 24px;
}
.breadcrumb-blog{
	width: 880px;
  	margin: 0 auto 24px auto;
}
.content-article-blog {
	width: 880px;
  	margin: 24px auto;
}
.author-article-blog{
	width: 880px;
  	margin: 24px auto;
  	padding : 8px 0px;
  	border-top: 1px dashed #EFD5C7;
    border-bottom: 1px dashed #EFD5C7;
}
.author-img-blog {
	border-radius:50%;
}
.box {
   display: flex;
   align-items:center;
}
.box img{
	margin-right: 16px;
}
p > a {
	color: #AF8368;
	font-weight: 600;
	text-decoration: underline;
}
.encart {
	background-color: #FFF8F3;
	padding: 10px;
	border-left: 2px solid #AF8368;
	font-weight: 600;
	font-style: italic;
	font-size: 16px;
}
blockquote {
	background-color: #FFF8F3;
	padding: 10px;
	border-left: 2px solid #AF8368;
	font-weight: 600;
	font-style: italic;
	font-size: 16px;
}
blockquote p {
	margin: 0;
}

{ % comment %} CSS BLOCK NEWSLETTER */ { % endcomment %} 

.newsletter-article-blog{
	width: 500px;
  	margin: 24px auto;
  	padding : 8px 0px;

}
.box-newsletter {
   display: flex;
   align-items:center;
}


.newsletter-article-blog p {
   margin-top: 16px;
}
.box-newsletter span {
	font-family: 'Libre Baskerville';
	font-size: 22px;
	font-weight: 400;
	margin-left: 8px;
}

{ % comment %}  /* CSS BLOCK PICTOS */ { % endcomment %} 

.bloc-pictos-2022{
	width: 500px;
  	margin: 24px auto;
  	padding : 8px 0px;

}
.title-pictos-2022 {
	font-family: Libre Baskerville;
	font-size: 22px;
	font-weight: 400;
}
.pictos-2022 {
	text-align: center;
  	margin-bottom : 24px;
}

{ % comment %} /* CSS BLOCK SELECTION PRODUIT */ { % endcomment %} 

.bloc-selection-produit {
	width:1200px;
  	margin:auto;
}
.title-selection-produit-2022 {
	font-family: 'Libre Baskerville';
	font-size: 22px;
	font-weight: 400;
  	margin-bottom: 16px;
}
.bloc-selection-produit > .four.columns {
	display: inline-block;
  	float: initial;
  	width: 32%
}
.title-product-selection-produit-2022 {
  	font-size: 16px;
	font-weight: 600;
}
.price-product-selection-produit-2022 {
  	font-size: 16px;
	font-weight: 400;
}
.text-product-selection-produit-2022 {
	border-left: 1px solid #C1C1C1;
	margin: 10px 0 10x;
	padding: 0 10px;
    font-size: 14px;
	font-weight: 400;
}

{ % comment %} /* CSS BLOCK BLOG ARTICLE */ { % endcomment %} 

.bloc-article {
  	margin:auto;
}
.3-bloc-article{
	width:1200px;
}
.bloc-article > .four.columns {
	display: inline-block;
  	float: initial;
  	width: 32%
}
.title-bloc-article-2022 {
	font-family: 'Libre Baskerville';
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 16px;
	text-align: center;
	padding: 24px 0 16px 0;
}
.three-bloc-article > .four.columns {
	display: inline-block;
  	float: initial;
  	width: 32%
}
.three-bloc-article {
	width: 1200px;
	margin: auto;
}
.title-article-bloc-2022 {
  	font-size: 12px;
	font-weight: 600;
}

@media screen and (max-width: 1081px) {
  
	.breadcrumb-blog {
	width: calc(100% - 32px);
	margin-left: 16px;
	margin-right: 16px;
	}
	.article-image-blog {
	width: 100%;
	}
  	.content-article-blog {
	width: calc(100% - 32px);
	margin: 24px 16px;
	}
 	.author-article-blog {
	width: calc(100% - 32px);
	margin: 24px 16px;
  	}
  	.bloc-selection-produit {
	width: calc(100% - 32px);;
	margin-left: 16px;
	margin-right: 16px;
	}
  	.bloc-selection-produit > .four.columns.alpha.article:nth-child(2) {
	width: 100%;
	}
  	.bloc-selection-produit > .four.columns.alpha.article:nth-child(3) {
	width: 50%;
	}
  	.bloc-selection-produit > .four.columns.alpha.article:nth-child(4) {
	width: 50%;
	}
	.article img {
	width: 100%;
	}
  .three-bloc-article {
	width: 100%;
	}
  .three-bloc-article > .four.columns {
	width: calc(100% - 32px);
	margin: 0 16px;
	}
}
.s-collection-selector {
  display: block;
  position: relative;
  margin-inline: auto;
  scroll-margin-top: 80px;
}

.s-collection-selector .title {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 2 * var(--gutter-width-regular));
  margin-top: var(--spacing-350);
  margin-inline: auto;
  font-family: var(--ff-primary);
  font-size: var(--fs-350);
  line-height: var(--lh-400);
  font-weight: 900;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
}

@media only screen and (min-width: 601px) {
  .s-collection-selector {
    scroll-margin-top: 92px;
  }

  .s-collection-selector .title {
    justify-content: center;
    margin-top: var(--spacing-400);
  }
}


.s-collection-selector ul {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--spacing-300);
  margin-top: calc(var(--spacing-300) - var(--spacing-500));
  margin-bottom: calc(var(--spacing-300) - var(--spacing-600));
  padding-top: var(--spacing-500);
  padding-inline: var(--gutter-width-regular);
  padding-bottom: var(--spacing-600);
  overflow: hidden;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-padding: var(--spacing-500);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.s-collection-selector ul::-webkit-scrollbar {
  display: none;
}

@media only screen and (min-width: 601px) {
  .s-collection-selector ul {
    justify-content: center;
    margin-bottom: calc(var(--spacing-400) - var(--spacing-600));
  }
}

.s-collection-selector li {
  width: auto;
  height: 60px;
  background-color: var(--clr-neutral-100);
  border-radius: var(--radius-350);
  box-shadow: var(--shadow-button);
  transition: var(--transition-400);
}

.s-collection-selector li:hover {
  box-shadow: var(--shadow-button-hover);
}

.s-collection-selector a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 100%;
  padding: 0 var(--spacing-200);
  font-family: var(--ff-primary);
  font-size: var(--fs-350);
  line-height: var(--lh-400);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
  text-align: center;
  border-radius: var(--radius-350);
}

.s-collection-selector li.active {
  background-color: var(--clr-neutral-900);
}

.s-collection-selector li.active a {
  font-weight: 700;
  color: var(--clr-neutral-100);
}

.s-collection-selector li.small a {
  width: 90px;
}

.s-collection-selector .spinner {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 1000px;
  margin-inline: auto;
}

.s-collection-selector .spinner div {
  position: relative;
  height: 60px;
  width: 60px;
  top: var(--spacing-500);
  border: 10px solid var(--clr-primary-200);
  border-top: 10px solid var(--clr-primary-400);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} }

@media only screen and (min-width: 601px) {
  .s-collection-selector .spinner {
    height: 1500px;
  }

  .s-collection-selector .spinner div {
    top: var(--spacing-550);
  }
}
.shopify-section.announcement {
  background-color: var(--clr-neutral-200)
}

.s-announcement {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: calc(100% - (2 * var(--gutter-width-regular)));
  max-width: var(--page-width-900);
  height: var(--spacing-450);
  margin-inline: auto;
}

.s-announcement .cta {
  display: none;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 240px;
  margin-right: auto;
}

@media only screen and (min-width: 1001px) {
  .s-announcement .cta {
    display: flex;
  }
}

.s-announcement .announcements {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--spacing-300);

  width: calc(100vw - 2 * var(--gutter-width-regular));
  max-width: 420px;

  overflow: hidden;
  overflow-x: scroll;

  scroll-snap-type: x mandatory;

  -ms-overflow-style: none;
  scrollbar-width: none;

  pointer-events: none;
  user-select: none
}

.s-announcement .announcements::-webkit-scrollbar {
  display: none;
}

/*
@media only screen and (min-width: 1001px) {
  .s-announcement .announcements {
    left: 48px;
  }
}
*/

.s-announcement .announcements p {
  min-width: min(420px, calc(100vw - 2 * var(--gutter-width-regular)));
  font-family: var(--ff-primary);
  font-size: var(--fs-300);
  line-height: var(--fs-300);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
  text-align: center;

  scroll-snap-align: start;
}

.s-announcement .announcements p a {
  font-weight: 700;
  text-decoration: underline;
  color: var(--clr-primary-400);
  cursor: pointer;
  pointer-events: all
}

.s-announcement .languages {
  display: none;
  position: relative;
  align-items: center;
  justify-content: flex-end;
  width: 240px;
  margin-left: auto;
}

@media only screen and (min-width: 1001px) {
  .s-announcement .languages {
    display: flex
  }
}
.s-collection-banner-V2 {
  display: block;
  position: relative;
  margin-inline: auto;
  padding-bottom: var(--spacing-450);
  height: 440px;
  background: #F7F3EF;
}
/*
.s-collection-banner-V2 img {
  display: block;
  max-width: 100%;
  height: 520px;
  margin-inline: auto;
  object-fit: cover;
}

.s-collection-banner-V2 img.desktop {
  display: none;
  max-width: 100%;
  height: 440px;
  margin-inline: auto;
  object-fit: cover;
}
*/  
.s-collection-banner-V2 p.collection-sous_description {
  margin: var(--spacing-400) auto auto auto;
  font-family: var(--ff-primary);
  font-size: var(--fs-350);
  line-height: var(--lh-700);
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}
@media only screen and (min-width: 601px) {
/*  .s-collection-banner-V2 img.mobile {
    display: none;
    background: #F7F3EF;
  }

  .s-collection-banner-V2 img.desktop {
    display: block;
    background: #F7F3EF;
  }
*/
.s-collection-banner-V2 div.wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.s-collection-banner-V2 div.wrapper > div {
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: center;
  width: calc(100% - 2 * var(--gutter-width-regular));
  max-width: 1240px;
  height: 100%;
  margin-inline: auto;
}
/*
.s-collection-banner-V2 .container {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: calc(var(--spacing-500) - 10px) calc(var(--spacing-400) - 10px);
  background-color: rgba(255, 255, 255, 0.95);
  border: 10px solid var(--clr-primary-400);
  /*backdrop-filter: blur(20px);
  box-shadow: var(--shadow-button);
  border-radius: var(--radius-300);
}
*/  

.s-collection-banner-V2 h1 {
  font-family: var(--ff-primary);
  font-size: 42px;
  line-height: var(--lh-400);
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}
  
.s-collection-banner-V2 h4 {
  max-width:600px;
  margin:auto;
}
  
.s-collection-banner-V2 p {
  margin: var(--spacing-400) auto auto auto;
  font-family: var(--ff-primary);
  font-size: var(--fs-500);
  line-height: var(--lh-700);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}
  
.s-collection-banner-V2 h1 ~ p {
  margin-top: var(--spacing-350);
}

  .s-collection-banner-V2 {
    padding: 0;
  }

  .s-collection-banner-V2 div.wrapper > div {
    align-items: center;
    justify-content: flex-start;
  }
  .s-collection-banner-V2 .container {    
    align-items: flex-start;
    justify-content: center;
    max-width: 1020px;
    margin:auto;
    text-align: center;
    border-width: 15px;
  }
}
.s-collection-banner {
  display: block;
  position: relative;
  margin-inline: auto;
  padding-bottom: var(--spacing-450);
}

.s-collection-banner img {
  display: block;
  max-width: 100%;
  height: 520px;
  margin-inline: auto;
  object-fit: cover;
}

.s-collection-banner img.desktop {
  display: none;
  max-width: 100%;
  height: 640px;
  margin-inline: auto;
  object-fit: cover;
}

@media only screen and (min-width: 601px) {
  .s-collection-banner img.mobile {
    display: none
  }

  .s-collection-banner img.desktop {
    display: block
  }
}

.s-collection-banner div.wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.s-collection-banner div.wrapper > div {
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: center;
  width: calc(100% - 2 * var(--gutter-width-regular));
  max-width: 1240px;
  height: 100%;
  margin-inline: auto;
}

.s-collection-banner .container {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: calc(var(--spacing-500) - 10px) calc(var(--spacing-400) - 10px);
  background-color: rgba(255, 255, 255, 0.95);
  border: 10px solid var(--clr-primary-400);
  /*backdrop-filter: blur(20px);*/
  box-shadow: var(--shadow-button);
  border-radius: var(--radius-300);
}

.s-collection-banner h1 {
  font-family: var(--ff-primary);
  font-size: var(--fs-800);
  line-height: var(--lh-400);
  font-weight: 900;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
  text-align: center;
}

.s-collection-banner p {
  margin-top: var(--spacing-300);
  font-family: var(--ff-primary);
  font-size: var(--fs-400);
  line-height: var(--lh-700);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
  text-transform: none;
  text-align: center;
}

.s-collection-banner h1 ~ p {
  margin-top: var(--spacing-350);
}

@media only screen and (min-width: 601px) {
  .s-collection-banner {
    padding: 0;
  }

  .s-collection-banner div.wrapper > div {
    align-items: center;
    justify-content: flex-start;
  }

  .s-collection-banner .container {
    align-items: flex-start;
    justify-content: center;
    max-width: 450px;
    margin-left: 0;
    margin-right: auto;
    padding: calc(var(--spacing-550) - 15px);
    border-width: 15px;
  }

  .s-collection-banner h1 {
    text-align: left;
  }

  .s-collection-banner p {
    text-align: left;
  }
}
.s-collection-selector {
  display: block;
  position: relative;
  margin-inline: auto;
  scroll-margin-top: 80px;
}

.s-collection-selector .title {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 2 * var(--gutter-width-regular));
  margin-top: var(--spacing-350);
  margin-inline: auto;
  font-family: var(--ff-primary);
  font-size: var(--fs-350);
  line-height: var(--lh-400);
  font-weight: 900;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
}

@media only screen and (min-width: 601px) {
  .s-collection-selector {
    scroll-margin-top: 92px;
  }

  .s-collection-selector .title {
    justify-content: center;
    margin-top: var(--spacing-400);
  }
}


.s-collection-selector ul {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--spacing-300);
  margin-top: calc(var(--spacing-300) - var(--spacing-500));
  margin-bottom: calc(var(--spacing-300) - var(--spacing-600));
  padding-top: var(--spacing-500);
  padding-inline: var(--gutter-width-regular);
  padding-bottom: var(--spacing-600);
  overflow: hidden;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-padding: var(--spacing-500);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.s-collection-selector ul::-webkit-scrollbar {
  display: none;
}

@media only screen and (min-width: 601px) {
  .s-collection-selector ul {
    justify-content: center;
    margin-bottom: calc(var(--spacing-400) - var(--spacing-600));
  }
}

.s-collection-selector li {
  width: auto;
  height: 60px;
  background-color: var(--clr-neutral-100);
  border-radius: var(--radius-350);
  box-shadow: var(--shadow-button);
  transition: var(--transition-400);
}

.s-collection-selector li:hover {
  box-shadow: var(--shadow-button-hover);
}

.s-collection-selector a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 100%;
  padding: 0 var(--spacing-200);
  font-family: var(--ff-primary);
  font-size: var(--fs-350);
  line-height: var(--lh-400);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
  text-align: center;
  border-radius: var(--radius-350);
}

.s-collection-selector li.active {
  background-color: var(--clr-neutral-900);
}

.s-collection-selector li.active a {
  font-weight: 700;
  color: var(--clr-neutral-100);
}

.s-collection-selector li.small a {
  width: 90px;
}

.s-collection-selector .spinner {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 1000px;
  margin-inline: auto;
}

.s-collection-selector .spinner div {
  position: relative;
  height: 60px;
  width: 60px;
  top: var(--spacing-500);
  border: 10px solid var(--clr-primary-200);
  border-top: 10px solid var(--clr-primary-400);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} }

@media only screen and (min-width: 601px) {
  .s-collection-selector .spinner {
    height: 1500px;
  }

  .s-collection-selector .spinner div {
    top: var(--spacing-550);
  }
}
.s-page-header {
  display: block;
  position: relative;
  max-width: 1680px;
  margin-inline: auto;
}

.s-page-header img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.s-page-header .page-info {
  display: block;
  width: calc(100% - 2 * var(--gutter-width-regular));
  margin-top: var(--spacing-500);
  margin-inline: auto;
}

.s-page-header h1 {
  margin-top: var(--spacing-500);
  font-family: var(--ff-primary);
  font-size: var(--fs-600);
  line-height: var(--lh-400);
  font-weight: 900;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
  text-align: center;
}

.s-page-header h1 span {
  color: var(--clr-primary-400);
}

.s-page-header .content {
  margin-top: var(--spacing-300);
  font-family: var(--ff-secondary);
  font-size: var(--fs-450);
  line-height: var(--lh-400);
  font-weight: 400;
  letter-spacing: var(--letter-spacing);
  text-align: center;
}

.s-page-header .scroll {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-top: var(--spacing-500);
  margin-inline: auto;
}


@media only screen and (min-width: 601px) {
  .s-page-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: var(--spacing-400);
  }

  .s-page-header img {
    width: 50%;
  }

  .s-page-header .page-info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: calc(50% - var(--spacing-400));
    margin-top: 0;
  }

  .s-page-header h1 {
    margin-top: 0;
    font-size: var(--fs-800);
    text-align: left;
  }

  .s-page-header .content {
    font-size: var(--fs-600);
    text-align: left;
  }

  .s-page-header .b-button {
    margin-left: 0;
  }

  .s-page-header .scroll {
    display: none;
  }
}

@media only screen and (min-width: 901px) {
  .s-page-header {
    gap: var(--spacing-600);
  }

  .s-page-header .page-info {
    width: calc(50% - var(--spacing-600));
  }
}
.s-product-banner {
  display: block;
  position: relative;
  margin-top: var(--spacing-600);
  margin-inline: auto;
}

.s-product-banner img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

.s-product-banner img.desktop {
  display: none;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

@media only screen and (min-width: 901px) {
  .s-product-banner img.mobile {
    display: none
  }

  .s-product-banner img.desktop {
    display: block
  }
}

.s-product-banner .wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.s-product-banner .wrapper > div {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
  
.s-product-banner .wrapper > div > p > .image_desc_text {
	color: white;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 24px;
	text-align: center;
}

.s-product-banner .wrapper > div > p > .image_desc_text_subtitle {
    color: white;
	font-family: var(--ff-secondary);
	font-style: italic;
	font-weight: 400;
	text-transform: none;
  	text-align: center;
}
.s-product-composition {
  display: block;
  position: relative;
  margin-top: var(--spacing-600);
  margin-inline: auto;
  border: 15px solid var(--clr-primary-400);
}

.s-product-composition.maman {
  border-color: var(--clr-secondary-400);
}

@media only screen and (min-width: 601px) {
  .s-product-composition {
    border-width: 40px;
  }
}

.s-product-composition > div {
  display: block;
  position: relative;
  width: calc(100% - var(--gutter-width-regular));
  max-width: 880px;
  margin-inline: auto;
  padding: var(--spacing-550) 0;
}

.s-product-composition .composition-title {
  font-family: var(--ff-primary);
  font-size: var(--fs-500);
  line-height: var(--lh-400);
  font-weight: 700;
  letter-spacing: var(--letter-spacing);
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 601px) {
  .s-product-composition > div {
    padding: var(--spacing-600) 0;
  }

  .s-product-composition .composition-title {
    font-size: var(--fs-700);
  }
}

.s-product-composition img,
.s-product-composition svg {
  max-width: 100%
}

.s-product-composition p {
  font-family: var(--ff-primary);
  font-size: var(--fs-400);
  line-height: var(--lh-700);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
}

.s-product-composition p.title {
  font-size: var(--fs-450);
  line-height: var(--lh-600);
  font-weight: 700;
  text-transform: uppercase;
}

.s-product-composition em {
  font-family: var(--ff-secondary);
  font-style: italic;
  font-weight: 400
}

.s-product-composition a {
  text-decoration: underline;
}

.s-product-composition p,
.s-product-composition ul {
  margin-top: var(--spacing-350);
}

.s-product-composition :first-child {
  margin-top: 0;
}

.s-product-composition ul {
  margin-inline-start: var(--spacing-400);
  list-style-type: disc;
}
.s-product-description.couche-one {
	border: 40px solid var(--clr-primary-400);
	width: 100%;
	max-width: none;
	display: block;
	position: relative;
}
.s-product-description.couche-one > .description,
.s-product-description.couche-one > .usage,
.s-product-description.couche-one > .composition,
.s-product-description.couche-one > .transparence {
	display: block;
	position: relative;
	width: calc(100% - var(--gutter-width-regular));
	max-width: 880px;
	margin-inline: auto;
	padding: var(--spacing-550) 0;
}
.s-product-description.couche-one .selectors {
	margin-bottom: 0px;
}
.s-product-description .selectors {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-500);
  max-width:880px;
  margin:auto;
}

.s-product-description .p-description,
.s-product-description .p-usage {
  padding-bottom: 2px;
  font-family: var(--ff-primary);
  font-size: var(--fs-400);
  line-height: var(--lh-600);
  font-weight: 800;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
  color: var(--clr-primary-400);
  cursor: pointer;
  user-select: none;
  transition: var(--transition-400);
}

.s-product-description .p-description.active,
.s-product-description .p-usage.active {
  font-weight: 700;
  color: var(--clr-neutral-900);
  box-shadow: inset 0 -2px var(--clr-neutral-900);
}

.s-product-description .separator {
  margin: 0 0.7ch;
  font-family: var(--primary-font);
  font-size: var(--fs-400);
  line-height: var(--lh-600);
  font-weight: 700;
  letter-spacing: var(--letter-spacing);
  user-select: none;
}

@media only screen and (min-width: 601px) {
  .s-product-description .selectors {
    margin-bottom: var(--spacing-550);
  }

  .s-product-description .p-description,
  .s-product-description .p-usage {
    font-size: var(--fs-500);
  }
  
  .s-product-description .separator {
    font-size: var(--fs-500);
  }
}

.s-product-description .description img,
.s-product-description .usage img,
.s-product-description .description svg,
.s-product-description .usage svg {
  max-width: 100%
}

.s-product-description .description p,
.s-product-description .usage p {
  font-family: var(--ff-primary);
  font-size: var(--fs-400);
  line-height: var(--lh-700);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
}

.s-product-description .description p.title,
.s-product-description .usage p.title {
  font-size: var(--fs-450);
  line-height: var(--lh-600);
  font-weight: 700;
  text-transform: uppercase;
}

.s-product-description .description em,
.s-product-description .usage em {
  font-weight: 700;
  color: var(--clr-primary-400);
}

.s-product-description .description a,
.s-product-description .usage a {
  text-decoration: underline;
}

.s-product-description .description p,
.s-product-description .description ul,
.s-product-description .usage p,
.s-product-description .usage ul {
  margin-top: var(--spacing-350);
}

.s-product-description .description :first-child,
.s-product-description .usage :first-child {
  margin-top: 0;
}

.s-product-description .description ul,
.s-product-description .usage ul {
  margin-inline-start: var(--spacing-400);
  list-style-type: disc;
}
.s-product-description.couche-one.s-product-description .p-composition,
.s-product-description.couche-one.s-product-description .p-transparence,
.s-product-description.couche-one.s-product-description .p-description,
.s-product-description.couche-one.s-product-description .p-usage {
	padding-bottom: 2px;
	font-family: var(--ff-primary);
	font-size: var(--fs-400);
	line-height: var(--lh-600);
	font-weight: 400;
	letter-spacing: var(--letter-spacing);
	text-transform: none;
	color: #CFCFCF;
	cursor: pointer;
	user-select: none;
	transition: var(--transition-400);
    box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.15);
    padding: 20px;
    border-radius: 18px;
    margin: 5rem 2rem 0 2rem;
    width: 100%;
    text-align: center;
}
.s-product-description.couche-one.s-product-description .p-description {
  margin: 5rem 2rem 0 0;
}
.s-product-description.couche-one.s-product-description .p-transparence {
  margin: 5rem 0 0 2rem;
}
.s-product-description.couche-one.s-product-description .p-description.active,
.s-product-description.couche-one.s-product-description .p-usage.active,
.s-product-description.couche-one.s-product-description .p-composition.active, 
.s-product-description.couche-one.s-product-description .p-transparence.active {
	color: #BEEAD2;
	box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.15);
	font-weight: 900;
	padding: 20px;
	border: 2px solid #BEEAD2;
	border-radius: 18px;
    font-size: 1.3rem;
}
@media only screen and (min-width: 601px)
.s-product-description.couche-one.s-product-description .p-description.active,
.s-product-description.couche-one.s-product-description .p-usage.active,
.s-product-description.couche-one.s-product-description .p-composition.active, 
.s-product-description.couche-one.s-product-description .p-transparence.active {
  font-size: var(--fs-500);
}
.s-product-description {
  display: block;
  position: relative;
  width: calc(100% - 2 * var(--gutter-width-regular));
  max-width: 800px;
  margin-top: var(--spacing-600);
  margin-inline: auto;
}

.s-product-description .selectors {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-500);
}

.s-product-description .p-description,
.s-product-description .p-usage {
  padding-bottom: 2px;
  font-family: var(--ff-primary);
  font-size: var(--fs-400);
  line-height: var(--lh-600);
  font-weight: 800;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
  color: var(--clr-primary-400);
  cursor: pointer;
  user-select: none;
  transition: var(--transition-400);
}

.s-product-description .p-description.active,
.s-product-description .p-usage.active {
  font-weight: 700;
  color: var(--clr-neutral-900);
  box-shadow: inset 0 -2px var(--clr-neutral-900);
}

.s-product-description .separator {
  margin: 0 0.7ch;
  font-family: var(--primary-font);
  font-size: var(--fs-400);
  line-height: var(--lh-600);
  font-weight: 700;
  letter-spacing: var(--letter-spacing);
  user-select: none;
}

@media only screen and (min-width: 601px) {
  .s-product-description .selectors {
    margin-bottom: var(--spacing-550);
  }

  .s-product-description .p-description,
  .s-product-description .p-usage {
    font-size: var(--fs-500);
  }
  
  .s-product-description .separator {
    font-size: var(--fs-500);
  }
}

.s-product-description .description img,
.s-product-description .usage img,
.s-product-description .description svg,
.s-product-description .usage svg {
  max-width: 100%
}

.s-product-description .description p,
.s-product-description .usage p {
  font-family: var(--ff-primary);
  font-size: var(--fs-400);
  line-height: var(--lh-700);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
}

.s-product-description .description p.title,
.s-product-description .usage p.title {
  font-size: var(--fs-450);
  line-height: var(--lh-600);
  font-weight: 700;
  text-transform: uppercase;
}

.s-product-description .description em,
.s-product-description .usage em {
  font-weight: 700;
  color: var(--clr-primary-400);
}

.s-product-description .description a,
.s-product-description .usage a {
  text-decoration: underline;
}

.s-product-description .description p,
.s-product-description .description ul,
.s-product-description .usage p,
.s-product-description .usage ul {
  margin-top: var(--spacing-350);
}

.s-product-description .description :first-child,
.s-product-description .usage :first-child {
  margin-top: 0;
}

.s-product-description .description ul,
.s-product-description .usage ul {
  margin-inline-start: var(--spacing-400);
  list-style-type: disc;
}
.s-product-header.V2 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 2 * var(--gutter-width-regular));
  max-width: 1030px;
  padding-top: var(--spacing-350);
}

.s-product-header.V2 .breadcrumbs {
  align-self: flex-start;
}

.s-product-header.V2 .breadcrumbs a {
  width: 100%;
  height: 100%;
  padding-top: var(--spacing-250);
  padding-left: var(--spacing-250);
  padding-bottom: var(--spacing-100);
  font-family: var(--ff-primary);
  font-size: var(--fs-300);
  line-height: var(--lh-400);
  font-weight: 400;
  letter-spacing: var(--letter-spacing);
  text-align: left;
  color: var(--clr-neutral-500);
  box-shadow: inset 0 0 var(--clr-primary-500);
  transition: var(--transition-400);
  user-select: none;
}


.s-product-header.V2 .breadcrumbs a::before {
  content: '<';
  position: absolute;
  font-family: var(--ff-primary);
  font-style: normal;
  font-size: 21px;
  line-height: 19px;
  font-weight: 400;
  top: 62%;
  left: 0;
  transform: translateY(-50%);
}

.s-product-header.V2 .breadcrumbs a:hover,
.s-product-header.V2 .breadcrumbs a:active {
  color: var(--clr-primary-400);
  box-shadow: inset 0 -2px var(--clr-primary-400);
}

@media only screen and (min-width: 901px) {

.breadcrumbs {
  padding-left: 1rem;
  padding-right: 1rem;
}  
  .s-product-header.V2 .breadcrumbs {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.s-product-header.V2 .title {
  margin-top: var(--spacing-300);
  width: 100%;
}

.s-product-header.V2 .title h1 {
  font-family: var(--ff-primary);
  font-size: var(--fs-600);
  line-height: var(--lh-400);
  font-weight: 400;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;

  
}
.s-product-header.V2 .title .subtitle {
  text-transform: uppercase;  
  font-size: var(--fs-600);
}
.s-product-header.V2 .title p {
  margin-top: var(--spacing-100);
  font-family: var(--ff-primary);
  font-size: var(--fs-500);
  line-height: var(--lh-400);
  font-weight: 400;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
  text-transform: none;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  font-style: initial;
}

@media only screen and (min-width: 901px) {
  .s-product-header.V2 .title {
    margin-top: initial;
  }

  .s-product-header.V2 .title h1 {
    font-size: var(--fs-800);
  }

  .s-product-header.V2 .title p {
    font-size: var(--fs-900);
  }
}

.s-product-header.V2 .trustpilot {
  margin-top: var(--spacing-350);
  margin-bottom: var(--spacing-350);
}

@media only screen and (min-width: 901px) {
  .s-product-header.V2 .trustpilot {
    margin-top: var(--spacing-300);
    margin-bottom: var(--spacing-400);
    margin-left: var(--spacing-200);
  }
}
.s-product-header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 2 * var(--gutter-width-regular));
  max-width: 1030px;
  padding-top: var(--spacing-350);
}

@media only screen and (min-width: 601px) {
  .s-product-header {
    padding-top: var(--spacing-450);
  }
}

.s-product-header .breadcrumbs {
  align-self: flex-start;
}

.s-product-header .breadcrumbs a {
  width: 100%;
  height: 100%;
  padding-top: var(--spacing-250);
  padding-left: var(--spacing-350);
  padding-bottom: var(--spacing-100);
  font-family: var(--ff-secondary);
  font-style: italic;
  font-size: var(--fs-400);
  line-height: var(--lh-400);
  font-weight: 700;
  letter-spacing: var(--letter-spacing);
  text-align: left;
  color: var(--clr-neutral-400);
  box-shadow: inset 0 0 var(--clr-primary-400);
  transition: var(--transition-400);
  user-select: none;
}

.s-product-header .breadcrumbs a::before {
  content: '<';
  position: absolute;
  font-family: monospace;
  font-style: normal;
  font-size: 21px;
  line-height: 19px;
  font-weight: 400;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.s-product-header .breadcrumbs a:hover,
.s-product-header .breadcrumbs a:active {
  color: var(--clr-primary-400);
  box-shadow: inset 0 -2px var(--clr-primary-400);
}

@media only screen and (min-width: 901px) {
  .s-product-header .breadcrumbs {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.s-product-header .title {
  margin-top: var(--spacing-300);
}

.s-product-header .title h1 {
  font-family: var(--ff-primary);
  font-size: var(--fs-600);
  line-height: var(--lh-400);
  font-weight: 400;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
  text-align: center;
}

.s-product-header .title p {
  margin-top: var(--spacing-100);
  font-family: var(--ff-secondary);
  font-size: var(--fs-600);
  line-height: var(--lh-400);
  font-weight: 400;
  letter-spacing: var(--letter-spacing);
  text-transform: none;
  text-align: center;
  font-style: italic;
}

@media only screen and (min-width: 901px) {
  .s-product-header .title {
    margin-top: initial;
  }

  .s-product-header .title h1 {
    font-size: var(--fs-800);
  }

  .s-product-header .title p {
    font-size: var(--fs-900);
  }
}

.s-product-header .trustpilot {
  margin-top: var(--spacing-350);
  margin-bottom: var(--spacing-350)
}

@media only screen and (min-width: 901px) {
  .s-product-header .trustpilot {
    margin-top: var(--spacing-300);
    margin-bottom: var(--spacing-400)
  }
}
.s-product-promo {
  display: block;
  position: relative;
  width: calc(100% - 2 * var(--gutter-width-regular));
  max-width: var(--page-width-700);
  margin-top: var(--spacing-450);
  margin-inline: auto;
  background-color: var(--clr-primary-400a);
}

.s-product-promo p {
  padding: var(--spacing-400);
  font-family: var(--ff-primary-400);
  font-size: var(--fs-300);
  line-height: var(--lh-600);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
  text-align: center;
  color: var(--clr-neutral-500);
}

@media only screen and (min-width: 601px) {  
  .s-product-promo p {
    padding: var(--spacing-400) var(--spacing-550);
  }
}
.s-product-reviews {
  display: block;
  position: relative;
  width: calc(100% - 2 * var(--gutter-width-regular));
  max-width: 1000px;
  margin-top: var(--spacing-600);
  margin-inline: auto;
}
.s-product-yuka {
  display: block;
  position: relative;
  margin-top: var(--spacing-450);
  margin-inline: auto;
}

.s-product-yuka .intro {
  display: block;
  position: relative;
  width: calc(100% - 2 * var(--gutter-width-regular));
  max-width: 350px;
  margin-inline: auto;
  padding: 0 56px;
  font-family: var(--ff-secondary);
  font-style: italic;
  font-size: var(--fs-450);
  line-height: var(--lh-400);
  font-weight: 600;
  letter-spacing: var(--letter-spacing);
  text-align: center;
  text-transform: uppercase;
}

.s-product-yuka .intro::before,
.s-product-yuka .intro::after {
  content: '';
  display: block;
  position: absolute;
  width: 38px;
  height: 3px;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  background-color: var(--clr-primary-400);
}

.s-product-yuka .intro::before { left: 0 }

.s-product-yuka .intro::after { right: 0 }

.s-product-yuka .outro {
  width: calc(100% - 2 * var(--gutter-width-regular));
  margin-top: var(--spacing-400);
  margin-inline: auto;
  font-family: var(--ff-primary);
  font-style: italic;
  font-size: var(--fs-300);
  line-height: var(--lh-600);
  font-weight: 300;
  letter-spacing: var(--letter-spacing);
  text-align: center;
  color: var(--clr-neutral-900a);
}

@media only screen and (min-width: 601px) {
  .s-product-yuka {
    margin-top: var(--spacing-500);
  }

  .s-product-yuka .outro {
    margin-top: var(--spacing-450);
  }
}