/** Shopify CDN: Minification failed

Line 25:0 All "@import" rules must come first

**/
@font-face {
  font-family: "Lora";
  src: url("/cdn/shop/files/Lora-BoldItalic_c31845af-219f-45e7-ac84-79c073eb8dcc.woff2?v=1755615034")
      format("woff2"),
    url("/cdn/shop/files/Lora-BoldItalic_c31845af-219f-45e7-ac84-79c073eb8dcc.woff?v=1755615034")
      format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Avenir";
  src: url("https://cdn.shopify.com/s/files/1/0924/2450/3638/files/Avenir.woff?v=1750324332")
    format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

:root {
  --primary-black: #020305ff;
  --primary-cream: #ffffb0ff;
  --primary-mikado-yellow: #ffc800ff;
  --primary-beige: #f7efe4ff;
  --primary-or: #dcb254ff;
  --primary-or-40: #dcb25466;

  --header-h: 80px;

  --grid-column: 4px;
  --grid-mg: 6px;
  --font-family-heading: "Avenir";
  --font-family-heading-alternate: "Lora";
  --font-family-paragraph: "Nunito Sans", sans-serif;
  --font-h1-size: 34px;
  --font-h2-size: 30px;
  --font-h2-line-height: 36px;
  --font-h3-size: 24px;
  --font-h3-line-height: 30px;
  --font-h4-size: 22px;
  --font-h4-line-height: 28px;
  --font-h5-size: 18px;
  --font-h6-size: 16px;
  --font-h5-line-height: 24px;
  --font-h6-line-height: 22px;
  --font-h1-line-height: 40px;
  --font-paragraph-extra-large-size: 18px;
  --font-paragraph-extra-large-line-height: 24px;
  --font-paragraph-large-size: 16px;
  --font-paragraph-medium-size: 14px;
  --font-paragraph-medium-line-height: 20px;
  --font-paragraph-small-size: 12px;
  --font-paragraph-small-line-height: 16px;
  --section-spacing-title: 24px;
  --section-spacing-sub-title: 12px;
  --section-spacing-large: 60px;
  --section-spacing-medium: 48px;
  --section-main-margin-side: 12px;
  --section-spacing-small: 36px;
  --font-paragraph-large-line-height: 22px;
  --button-font-weight-cta: 700px;
  --button-font-weight-primary: 700px;
  --button-font-weight-secondary: 500px;
  --button-font-weight-tertiary: 400px;
  --button-CTA-h-padding: 26px;
  --button-CTA-v-padding: 4px;
  --button-CTA-spacing: 18px;
  --button-CTA-br: 100px;
  --button-CTA-font-size: 18px;
  --button-large-h-padding: 24px;
  --button-large-v-padding: 4px;
  --button-large-spacing: 16px;
  --button-large-br: 100px;
  --button-large-font-size: 18px;
  --button-small-h-padding: 16px;
  --button-small-v-padding: 3px;
  --button-small-spacing: 12px;
  --button-small-br: 100px;
  --button-small-font-size: 14px;
  --file-settings-width-main: 390px;
  --file-settings-br-section: 60px;
  --file-settings-stroke-section: 5px;
  --file-settings-color-border-section: #ffffff1a;
  --file-settings-color-section: #ffffff0d;
  --file-settings-spacing-top: 120px;
  --file-settings-spacing-side: 300px;
  --file-settings-spacing-h: 1200px;
  --file-settings-spacing-v: 600px;
  --file-settings-spacing-frame: 120px;
  --390: 390px;
  --1440: 1440px;
  --section-spacing-gap-column: var(--grid-mg);
  --font-paragraph-extra-small-size: 10px;
  --font-paragraph-extra-small-line-height: 12px;
}

@media screen and (min-width: 990px) {
  :root {
    --header-h: 83px;
    --grid-column: 12px;
    --grid-mg: 18px;
    --font-family-heading: Avenir;
    --font-family-heading-alternate: Lora;
    --font-family-paragraph: Nunito Sans;
    --font-h1-size: 60px;
    --font-h2-size: 52px;
    --font-h2-line-height: 58px;
    --font-h3-size: 32px;
    --font-h3-line-height: 38px;
    --font-h4-size: 28px;
    --font-h4-line-height: 34px;
    --font-h5-size: 18px;
    --font-h6-size: 18px;
    --font-h5-line-height: 24px;
    --font-h6-line-height: 24px;
    --font-h1-line-height: 66px;
    --font-paragraph-extra-large-size: 22px;
    --font-paragraph-extra-large-line-height: 28px;
    --font-paragraph-large-size: 18px;
    --font-paragraph-medium-size: 16px;
    --font-paragraph-medium-line-height: 22px;
    --font-paragraph-small-size: 14px;
    --font-paragraph-small-line-height: 20px;
    --section-spacing-title: 42px;
    --section-spacing-sub-title: 30px;
    --section-spacing-large: 130px;
    --section-spacing-medium: 102px;
    --section-main-margin-side: 54px;
    --section-spacing-small: 78px;
    --font-paragraph-large-line-height: 24px;
    --button-font-weight-cta: 700px;
    --button-font-weight-primary: 700px;
    --button-font-weight-secondary: 500px;
    --button-font-weight-tertiary: 400px;
    --button-CTA-h-padding: 26px;
    --button-CTA-v-padding: 4px;
    --button-CTA-spacing: 18px;
    --button-CTA-br: 100px;
    --button-CTA-font-size: 22px;
    --button-large-h-padding: 24px;
    --button-large-v-padding: 4px;
    --button-large-spacing: 16px;
    --button-large-br: 100px;
    --button-large-font-size: 18px;
    --button-small-h-padding: 16px;
    --button-small-v-padding: 3px;
    --button-small-spacing: 12px;
    --button-small-br: 100px;
    --button-small-font-size: 14px;
    --file-settings-width-main: 1440px;
    --file-settings-br-section: 60px;
    --file-settings-stroke-section: 5px;
    --file-settings-color-border-section: #ffffff1a;
    --file-settings-color-section: #ffffff0d;
    --file-settings-spacing-top: 120px;
    --file-settings-spacing-side: 300px;
    --file-settings-spacing-h: 1200px;
    --file-settings-spacing-v: 600px;
    --file-settings-spacing-frame: 120px;
    --390: 390px;
    --1440: 1440px;
    --section-spacing-gap-column: var(--grid-mg);
    --font-paragraph-extra-small-size: 12px;
    --font-paragraph-extra-small-line-height: 14px;
  }
}

@media screen and (min-width: 990px) and (max-width: 1240px) {
  :root {
    --section-main-margin-side-small: 18px;
    --section-main-margin-side-large: 32px;
  }
}

body {
  margin: 0;
  padding: 0;
  background: var(--primary-beige);
  color: var(--primary-black);
}

a, .frequency-btn, .ingredients__button button, .comparaison-table__button {
  color: var(--primary-black, #020305);
}

.button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: inherit;
  appearance: none;
  box-sizing: border-box;
  -webkit-apperance: none;
  justify-content: center;
  align-items: center;
  transition: 0.24s;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--button-small-spacing, 6px);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  padding: 0;
  font-weight: 700;
}

.h1--alternate,
.h2--alternate,
.h3--alternate,
.h4--alternate,
.h5--alternate,
.h6--alternate {
  font-style: normal !important;
}

/* Heading Styles - Desktop */
h1,
.h1 {
  font-family: var(--font-family-heading);
  font-size: var(--font-h1-size);
  line-height: var(--font-h1-line-height);
  letter-spacing: var(--letter-spacing);
}

.h1--alternate {
  font-family: var(--font-family-heading-alternate, Lora);
}

h2,
.h2 {
  font-family: var(--font-family-heading);
  font-size: var(--font-h2-size);
  line-height: var(--font-h2-line-height);
  letter-spacing: var(--letter-spacing);
}

.h2--alternate {
  font-family: var(--font-family-heading-alternate, Lora);
}

h3,
.h3 {
  font-family: var(--font-family-heading);
  font-size: var(--font-h3-size);
  line-height: var(--font-h3-line-height);
  letter-spacing: var(--letter-spacing);
}

.h3--alternate {
  font-family: var(--font-family-heading-alternate, Lora);
}

h4,
.h4 {
  font-family: var(--font-family-heading);
  line-height: var(--font-h4-line-height);
  letter-spacing: 0;
  font-size: var(--font-h4-size);
}

.h4--alternate {
  font-family: var(--font-family-heading-alternate, Lora);
}

h5,
.h5 {
  font-family: var(--font-family-heading);
  font-size: var(--font-h5-size);
  line-height: var(--font-h5-line-height);
  letter-spacing: var(--letter-spacing);
  font-weight: 700;
}

.h5--alternate {
  font-family: var(--font-family-heading-alternate, Lora);
}

h6,
.h6 {
  font-family: var(--font-family-heading);
  font-size: var(--font-h6-size);
  line-height: var(--font-h6-line-height);
  letter-spacing: var(--letter-spacing);
}

.h6--alternate {
  font-family: var(--font-family-heading-alternate, Lora);
}

@media screen and (max-width: 989px) {
  /* Mobile-specific paragraph styles */
  .p-large-mobile {
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-large-size);
    line-height: var(--line-height-paragraph-large);
    letter-spacing: 0;
  }

  .p-medium-mobile {
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-medium-size);
    line-height: var(--line-height-paragraph-medium);
    letter-spacing: 0;
  }

  .p-small-mobile {
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-small-size);
    line-height: var(--line-height-paragraph-small);
    letter-spacing: 0;
  }

  .p-extra-small-mobile {
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-extra-small-size);
    line-height: var(--font-paragraph-extra-small-line-height);
    letter-spacing: 0;
  }
}

@media screen and (min-width: 990px) {
  /* Desktop-specific paragraph styles */
  .p-large-desktop {
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-large-size);
    line-height: var(--line-height-paragraph-large);
    letter-spacing: 0;
  }

  .p-extra-large-desktop {
    color: #000;
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-extra-large-size);
    font-style: normal;
    font-weight: 500;
    line-height: var(--font-paragraph-extra-large-line-height);
    letter-spacing: -0.66px;
  }

  .p-medium-desktop {
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-medium-size);
    line-height: var(--line-height-paragraph-medium);
    letter-spacing: 0;
  }

  .p-small-desktop {
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-small-size);
    line-height: var(--line-height-paragraph-small);
    letter-spacing: 0;
  }

  .p-extra-small-desktop {
    font-family: var(--font-family-paragraph);
    font-size: var(--font-paragraph-extra-small-size);
    line-height: var(--font-paragraph-extra-small-line-height);
    letter-spacing: 0;
  }
}

/* Generic paragraph styles that adapt based on screen size */
.p-large {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-paragraph-large-size);
  line-height: var(--font-paragraph-large-line-height);
  letter-spacing: 0;
}

.p-medium {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-paragraph-medium-size);
  line-height: var(--font-paragraph-medium-line-height);
  letter-spacing: 0;
}

.p-extra-large {
  font-family: var(--font-family-paragraph, "Nunito Sans");
  font-size: var(--font-paragraph-extra-large-size, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(
    --font-paragraph-extra-large-line-height,
    24px
  ); /* 133.333% */
}

.p-small {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-paragraph-small-size);
  line-height: var(--line-height-paragraph-small);
  letter-spacing: 0;
}

.p-extra-small {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-paragraph-extra-small-size);
  line-height: var(--font-paragraph-extra-small-line-height);
  letter-spacing: 0;
}

body {
  font-size: var(--font-paragraph-medium-size);
  line-height: var(--line-height-paragraph-medium-mobile);
  font-family: var(--font-family-paragraph);
  letter-spacing: 0;
  min-width: 320px;
}

@media screen and (min-width: 990px) {
  body {
    font-size: var(--font-paragraph-medium-size);
    letter-spacing: 0;
    line-height: var(--line-height-paragraph-medium);
  }
}

p {
  margin: 0;
}

.custom-gradiant-1 {
  background: linear-gradient(
    180deg,
    #fff 50%,
    var(--tertiary-dark-cream, #f7e5d4) 50%
  );
}
/* Classes pour les couleurs de texte */
.primary-noir {
  color: var(--primary-Noir);
}

.primary-blanc {
  color: var(--primary-Blanc);
}

.secondary-vert {
  color: var(--secondary-Vert);
}

.secondary-chair {
  color: var(--secondary-Chair);
}

.secondary-rose {
  color: var(--secondary-Rose);
}

.secondary-violet {
  color: var(--secondary-Violet);
}

.secondary-verts-anis {
  color: var(--secondary-Verts-Anis);
}

.secondary-jaune {
  color: var(--secondary-Jaune);
}

.secondary-orange {
  color: var(--secondary-Orange);
}

.secondary-carmin {
  color: var(--secondary-Carmin);
}

/* Classes pour les couleurs de fond */
.primary-noir-bg {
  background-color: var(--primary-Noir);
}

.primary-blanc-bg {
  background-color: var(--primary-Blanc);
}

.secondary-vert-bg {
  background-color: var(--secondary-Vert);
}

.secondary-chair-bg {
  background-color: var(--secondary-Chair);
}

.secondary-rose-bg {
  background-color: var(--secondary-Rose);
}

.secondary-violet-bg {
  background-color: var(--secondary-Violet);
}

.secondary-verts-anis-bg {
  background-color: var(--secondary-Verts-Anis);
}

.secondary-jaune-bg {
  background-color: var(--secondary-Jaune);
}

.secondary-orange-bg {
  background-color: var(--secondary-Orange);
}

.secondary-carmin-bg {
  background-color: var(--secondary-Carmin);
}
.page-width,
.page-width-full,
.shopify-app-block {
  margin: 0 auto;
  padding: 0px 12px;
}

.page-width-small {
  margin: 0 auto;
  padding: 0 12px;
}

.page-width-large {
  padding: 0 54px;
  margin: 0 auto 126px;
  max-width: calc(1440px - 54px);
}

img {
  display: block;
}

.td-none {
  text-decoration: none;
}

.product-card__image img:last-child {
  opacity: 0;
  transition: 0.24s;
}

.product-card__image:hover img:last-child {
  opacity: 1;
}

.product-card--builder img + img {
  opacity: 0;
  transition: 0.24s;
}

.product-card--builder:hover img + img {
  opacity: 1;
}

@media screen and (min-width: 990px) {
  .page-width {
    padding: 0px 54px;
    max-width: 1440px;
    margin-inline: auto;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
  }
  .shopify-app-block {
    padding: 0px 24px;
    max-width: 1440px;
    margin-inline: auto;
  }
  .page-width-small {
    padding: 0px 154px;
    max-width: 1440px;
    margin-inline: auto;
  }
  .page-width-full {
    max-width: 1440px;
    padding: 0px 24px;
    margin-inline: auto;
  }
}

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

@media screen and (min-width: 990px) and (max-width: 1300px) {
  .page-width-small,
  .shopify-app-block {
    padding: 0px 30px;
  }
}

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  max-width: 100%;
}

.page-width.drawer-menu {
  max-width: 100%;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

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

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

.text-right {
  text-align: right;
}

.margin-0 {
  margin: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-left-0 {
  margin-left: 0;
}

.margin-right-0 {
  margin-right: 0;
}

.bold {
  font-weight: bold;
}

.flex {
  display: flex;
}

.relative {
  position: relative;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-end {
  justify-content: flex-end;
}

.align-end {
  align-items: flex-end;
}

.align-start {
  align-items: flex-start;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.gap-4 {
  gap: 4px;
}

.gap-6 {
  gap: 6px;
}

.gap-8 {
  gap: 8px;
}

.gap-10 {
  gap: 10px;
}

.gap-12 {
  gap: 12px;
}

@media screen and (min-width: 990x) {
  .page-width {
    padding: 0 5rem;
  }
}

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.show-desktop,
.show-desktop-flex {
  display: none !important;
}

.show-mobile-flex {
  display: flex !important;
}

@media screen and (min-width: 990px) {
  .show-desktop {
    display: block !important;
  }
  .show-desktop-flex {
    display: flex !important;
  }
  .show-mobile,
  .show-mobile-flex {
    display: none !important;
  }
}

input:focus {
  outline: none;
  box-shadow: none;
}

button,
.button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  appearance: none;
  -webkit-apperance: none;
  justify-content: center;
  white-space: nowrap;
}

button[disabled],
.button[disabled] {
  cursor: not-allowed;
}

.button--full-width {
  width: 100%;
}

.button--small {
  padding: var(--button-small-v-padding, 8px)
    var(--button-small-h-padding, 16px);
}

.button--large {
  padding: var(--button-large-v-padding, 14px)
    var(--button-large-h-padding, 28px);
  min-width: 280px;
}

.button--cta {
  padding: var(--button-CTA-v-padding, 22px) var(--button-CTA-h-padding, 30px);
}

.button--primary {
  display: flex;
  padding: var(--button-large-v-padding, 4px) var(--button-large-v-padding, 4px)
    var(--button-large-v-padding, 4px) var(--button-large-h-padding, 24px);
  align-items: center;
  gap: var(--button-large-spacing, 16px);
  border-radius: var(--button-large-br, 100px);
  background: var(--primary-or, #dcb254);
  height: 48px;
  transition: 0.24s;
  box-sizing: border-box;
}

.button--primary span {
  transition: 0.24s;
}

.btn__svg {
  border-radius: 100px;
  background: #fff;
  display: flex;
  width: 40px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
}

.btn--icon {
  justify-content: space-between;
  color: #000;
  font-family: var(--font-family-paragraph, "Nunito Sans");
  font-size: var(--button-large-font-size, 18px);
  font-style: normal;
  font-weight: var(--button-font-weight-primary, 700);
  line-height: 24px;
  flex-direction: row;
  font-weight: 600;
}

@media screen and (max-width: 749px) {
  .button--small-mobile {
    padding: 10px var(--card-medium-mg-v-padding, 30px);
    font-size: var(--font-paragraph-medium-size);
    border-radius: 12px;
  }
}

.button--primary:hover {
  border-radius: var(--button-large-br, 100px);
  background: var(--primary-black, #020305);
  color: white;
}

.button--primary:hover * {
  color: white;
}

/* .button--primary:focus {
  border-radius: var(--button-CTA-br, 100px);
  border: 1px solid var(--secondary-dark-green, #34480a);
  background: var(--secondary-dark-green, #34480a);
  box-shadow: 0px 0px 0px 0px var(--secondary-dark-green, #34480a);
} */

.button--primary:disabled,
.button--primary[disabled] {
  border-radius: var(--button-CTA-br, 100px);
  opacity: 0.4;
  background: var(--primary-or, #dcb254);
}

.button--primary[disabled] * {
  color: #020305ff;
}

.button--icon {
  border-radius: 100px;
  background: #fff;
  width: 42px;
  height: 42px;
}

.button--icon svg {
  display: block;
  padding-left: 3px;
}

a {
  text-decoration: initial;
}

@media screen and (max-width: 989px) {
  .button--icon svg {
    padding-left: 0px;
  }
  .page-width-large {
    padding: 0 var(--section-main-margin-side, 12px);
  }
}

.button--secondary,
.jdgm-write-rev-link {
  border-radius: var(--button-large-br, 100px);
  border: 1px solid var(--primary-or, #dcb254);
  background: #fff;
  text-align: center;
  font-family: var(--font-family-paragraph, "Inter Tight");
  font-size: var(--button-large-font-size, 18px);
  font-style: normal;
  font-weight: var(--button-font-weight-secondary, 500);
  line-height: normal;
  height: 48px;
  transition: 0.24s;
  box-sizing: border-box;
  padding: var(--button-large-v-padding, 4px) var(--button-large-v-padding, 4px)
    var(--button-large-v-padding, 4px) var(--button-large-h-padding, 24px);
}

.button--secondary .btn__text {
  font-weight: 400;
}

.button--secondary:hover,
.jdgm-write-rev-link:hover {
  border-radius: var(--button-large-br, 100px);
  background: var(--primary-or, #dcb254);
  border-color: var(--primary-or, #dcb254);
}

.button--secondary .btn__svg,
.button--secondary .btn__svg svg path {
  transition: 0.24s;
}

.button--secondary:hover .btn__svg {
  background: white;
}

.button--secondary:hover .btn__svg svg path {
  fill: var(--primary-or, #dcb254) !important;
}

/* 
.button--secondary:focus,
.jdgm-write-rev-link:focus {
  border-radius: var(--button-large-br, 100px);
  border: 2px solid var(--primary-deep-plum, #53022d);
  background: #fff;
  box-shadow: 0px 3px 0px 0px var(--primary-deep-plum, #53022d);
} */

.button--secondary:disabled,
.button--secondary[disabled] {
  border-radius: var(--button-large-br, 100px);
  border: 1px solid var(--primary-or, #dcb254);
  opacity: 0.4;
  background: #fff;
}

.button--secondary .btn__svg {
  background: var(--primary-or, #dcb254);
}

.button span,
.swiper-button svg,
.video-block button svg {
  transition: 0.12s;
  display: block;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.reviews-stars {
  display: flex;
  align-items: center;
  gap: 6px;
}

@media screen and (min-width: 990px) {
  .svg-background {
    padding: 8px 15px 6px 15px;
    margin-top: -6px;
  }
}

@media screen and (max-width: 989px) {
  .spacing-medium-mobile {
    padding: var(--section-spacing-medium, 60px) 0;
  }
  .spacing-large-mobile {
    padding: var(--section-spacing-large, 72px) 0;
  }
  .spacing-small-mobile {
    padding: var(--section-spacing-small, 42px) 0;
  }
  .spacing-title-mobile {
    padding: var(--section-spacing-title, 24px) 0;
  }

  .section-spacing-large-mobile {
    margin-bottom: var(--section-spacing-large, 72px);
  }
  .section-spacing-medium-mobile {
    margin-bottom: var(--section-spacing-medium, 60px);
  }

  .section-spacing-small-mobile {
    margin-bottom: var(--section-spacing-small, 90px);
  }
}

@media screen and (min-width: 990px) {
  .spacing-medium-desktop {
    padding: var(--section-spacing-medium, 60px) 0;
  }
  .spacing-large-desktop {
    padding: var(--section-spacing-large, 72px) 0;
  }
  .spacing-small-desktop {
    padding: var(--section-spacing-small, 42px) 0;
  }
  .spacing-title-desktop {
    padding: var(--section-spacing-title, 24px) 0;
  }

  .section-spacing-medium-desktop {
    margin-bottom: var(--section-spacing-medium, 60px);
  }
  .section-spacing-small-desktop {
    margin-bottom: var(--section-spacing-small, 90px);
  }
  .section-spacing-large-desktop {
    margin-bottom: var(--section-spacing-large, 130px);
  }
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

ul {
  /* list-style: none; */
  padding: 0;
  margin: 0;
}

.mb-6 {
  margin-bottom: 6px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-18 {
  margin-bottom: 18px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-36 {
  margin-bottom: 36px;
}
.mb-42 {
  margin-bottom: 42px;
}
.mb-48 {
  margin-bottom: 48px;
}
.mb-54 {
  margin-bottom: 54px;
}
.mb-60 {
  margin-bottom: 60px;
}

@media screen and (min-width: 990px) {
  .mb-6-desktop {
    margin-bottom: 6px;
  }

  .mb-12-desktop {
    margin-bottom: 12px;
  }

  .mb-18-desktop {
    margin-bottom: 18px;
  }

  .mb-24-desktop {
    margin-bottom: 24px;
  }

  .mb-30-desktop {
    margin-bottom: 30px;
  }

  .mb-36-desktop {
    margin-bottom: 36px;
  }

  .mb-42-desktop {
    margin-bottom: 42px;
  }

  .mb-48-desktop {
    margin-bottom: 48px;
  }

  .mb-54-desktop {
    margin-bottom: 54px;
  }

  .mb-60-desktop {
    margin-bottom: 60px;
  }

  .mb-66-desktop {
    margin-bottom: 66px;
  }

  .mb-72-desktop {
    margin-bottom: 72px;
  }

  .mb-78-desktop {
    margin-bottom: 78px;
  }
}

/** same as mb-xx but with margin top **/

.mt-6 {
  margin-top: 6px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-54 {
  margin-top: 54px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-66 {
  margin-top: 66px;
}

.mt-72 {
  margin-top: 72px;
}

.mt-78 {
  margin-top: 78px;
}

@media screen and (min-width: 990px) {
  .mt-6-desktop {
    margin-top: 6px;
  }

  .mt-12-desktop {
    margin-top: 12px;
  }

  .mt-18-desktop {
    margin-top: 18px;
  }

  .mt-24-desktop {
    margin-top: 24px;
  }

  .mt-30-desktop {
    margin-top: 30px;
  }

  .mt-36-desktop {
    margin-top: 36px;
  }

  .mt-42-desktop {
    margin-top: 42px;
  }

  .mt-48-desktop {
    margin-top: 48px;
  }

  .mt-54-desktop {
    margin-top: 54px;
  }

  .mt-60-desktop {
    margin-top: 60px;
  }

  .mt-66-desktop {
    margin-top: 66px;
  }

  .mt-72-desktop {
    margin-top: 72px;
  }

  .mt-78-desktop {
    margin-top: 78px;
  }
}

.shopify-section:not(:has(.overflow-visible)) {
  overflow: hidden;
}

.swiper-bottom {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding-top: 30px;
  align-items: center;
  padding-bottom: 6px;
}

.swiper-bottom .button--icon {
  position: relative;
}

.swiper-bottom .swiper-pagination {
  position: relative;
  width: auto;
}

.swiper-bottom .swiper-pagination-bullet {
  background: #53022d;
  opacity: 0.2;
}

.swiper-bottom .swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-bottom:has(.swiper-button-lock) {
  display: none;
}

toggle-item .toggle-item__content {
  transition: 0.24s;
}

.toggle-item__content {
  overflow: hidden;
}

toggle-item:not(.actif) .icon-minus {
  display: none;
}

toggle-item:not(.actif) .icon-plus {
  display: block;
}

toggle-item.actif .icon-minus {
  display: block;
}

toggle-item.actif .icon-plus {
  display: none;
}

toggle-item {
  transition: background-color 0.24s;
}

.reviews-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}

.reviews-stars svg {
  width: 20px;
  height: 20px;
}

.custom-background-lavender {
  background: var(--primary-lavender-blush, #f0d0ff);
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.marquee-container {
  display: flex;
}

.marquee-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

marquee-text {
  display: block;
}

.marquee-text__container {
  display: inline-block;
  animation: marquee 20s linear infinite;
  will-change: transform;
}

.marquee-text__content {
  display: inline-block;
  padding-right: 100px;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.marquee-text:hover .marquee-text__container {
  animation-play-state: paused;
}

.marquee-text svg {
  vertical-align: middle;
  margin: 0 10px;
}

.marquee-text__container {
  width: 100%;
  display: flex;
}

.marquee-text__container {
  display: flex;
  align-items: center;
  gap: 30px;
}

.marquee-text__container p {
  white-space: nowrap;
}

.marquee-text__container p em {
  margin-left: 12px;
}

.marquee-text__container svg {
  width: 6px;
  flex: 0 0 6px;
}

marquee-text {
  overflow: hidden;
}

.score-review {
  color: #000;
  font-family: var(--font-family-paragraph, "Maax Trial");
  font-size: var(--font-paragraph-medium-size, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-paragraph-medium-line-height, 20px);
  letter-spacing: -0.48px;
}

.score-review span {
  font-family: var(--font-family-paragraph, "Maax Trial");
  font-size: var(--font-paragraph-large-size, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-paragraph-large-line-height, 22px); /* 122.222% */
  letter-spacing: -0.54px;
}

#shopify-section-header {
  position: sticky;
  top: 0;
  z-index: 20;
}

.header__nav ul li {
  list-style-type: none !important;
}

.page-width-54-12 {
  padding: 0 54px;
  margin: 0 auto;
  max-width: 1440px;
}

@media (max-width: 989px) {
  .ls {
    letter-spacing: -0.48px;
  }

  .ls-bold {
    letter-spacing: -0.54px;
  }

  .page-width {
    padding: 0 12px;
  }

  .page-width-54-12 {
    padding: 0 12px;
    margin: 0 auto;
  }
}

@media (min-width: 990px) {
  .ls {
    letter-spacing: -0.54px;
  }

  .ls-bold {
    letter-spacing: -0.66px;
  }
}

.opacity-6 {
  opacity: 0.6;
}

@media screen and (min-width: 700px) and (max-width: 989px) {
  .page-width-large,
  .page-width,
  [data-section-type="FAQ"] {
    padding: 0 80px !important;
  }
}

.input {
  border-radius: 100px;
  border: 1px solid var(--primary-or-40, rgba(220, 178, 84, 0.4));
  background: #fff;
  color: var(--primary-black, #020305);
  font-family: "Nunito Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: 13px 18px;
}

.input:focus {
  border: 1px solid var(--primary-or, #dcb254);
}

.input::placeholder {
  opacity: 0.4;
}

.pulse {
  animation: pulse 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 0.4;
  }
}

shipping-calculator {
  padding: 6px 12px;
  border-radius: 8px;
  background: rgba(220, 178, 84, 0.2);
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.btn--icon {
  justify-content: space-between;
  color: #000;
  font-family: var(--font-family-paragraph, "Nunito Sans");
  font-size: var(--button-large-font-size, 18px);
  font-style: normal;
  font-weight: var(--button-font-weight-primary, 700);
  line-height: 24px;
  flex-direction: row;
  font-weight: 600;
}

.swiper-bottom--custom .swiper-pagination {
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.swiper-bottom--custom .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d6d6d6;
  opacity: 1;
  transition: transform 0.3s ease, background 0.3s ease;
}

.swiper-bottom--custom .swiper-pagination-bullet {
  background: var(--primary-black, #020305);
  opacity: 0.2;
  margin: 0 !important;
}

.swiper-bottom--custom .swiper-pagination-bullet-active {
  background: #020305;
  transform: scale(1.3);
  opacity: 1;
}

.swiper-bottom--custom .swiper-buttons {
  border-radius: 100px;
  border: 1px solid var(--primary-or-40, rgba(220, 178, 84, 0.4));
  background: #fff;
  padding: 4px;
  gap: 20px;
  display: flex;
  align-items: center;
}

.shopify-app-block {
  margin: 130px auto;
}

.custom-jdgm-title {
  margin-bottom: 48px !important;
}

@media screen and (max-width: 989px) {
  .shopify-app-block {
    margin: 60px 0;
  }
  .custom-jdgm-title {
    margin-bottom: 24px !important;
  }
}

.jdgm-widget-actions-wrapper a {
  align-items: center;
  display: flex;
  justify-content: center;
}

.jdgm-rev__body {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-paragraph-small-size);
  line-height: var(--line-height-paragraph-small);
  letter-spacing: 0;
}

.fade-in {
  animation: fadeIn 0.5s ease-in-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

pl-modal {
  z-index: 100;
  position: fixed;
  top: 105.5px;
  width: 480px;
  right: 0;
  bottom: 0;
  height: calc(100vh - 105.5px);
  height: calc(100dvh - 105.5px);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}

pl-modal[open] {
  transform: translateX(0);
}
pl-modal .modal-content {
  background: #fff;
  padding: 12px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-top: 1px solid var(--primary-or-40, rgba(220, 178, 84, 0.4));
  overflow: auto;
  height: 100%;
}

pl-modal h4 {
  max-width: 340px;
  margin-inline: auto;
  margin-top: -21px;
}

body:has(pl-modal[open]) {
  overflow: hidden;
}

body:has(pl-modal[open])::before {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10;
}

body:has(pl-modal[open]) #section-header {
  background: white;
}

/*   animation: slide-in 0.5s ease-out; */

@keyframes slide-in {
  0% {
    transform: translateY(100%) translateX(-50%);
  }
  100% {
    transform: translateY(0) translateX(-50%);
  }
}

.swiper-bottom .button--icon {
  position: relative;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  margin: 0 !important;
  border-radius: 100px;
  background: var(--primary-cream, #ffffb0);
}

.swiper-bottom .swiper-button {
  left: 0 !important;
  right: 0 !important;
}

@media screen and (max-width: 989px) {
  pl-modal {
    top: 80px;
    height: calc(100% - 80px);
    width: 100%;
  }
}

.frequency__input label:has(input:checked) {
    border: 4px solid var(--primary-black) !important;
}