i-footer footer {
  margin-top: 0px !important;
}

@keyframes logo-coeur-path {
  0% {
    offset-distance: 0%;
  }

  to {
    offset-distance: 100%;
  }
}

@keyframes logo-coeur-opacity {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }

  8% {
    transform: scale(1);
    opacity: 1;
  }

  60% {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(0.3);
    opacity: 0;
  }
}

#lp-club-clarins {
  width: 100%;
  margin: 0 auto;
  font-family: Gotham SSm book A, Gotham SSm book B, Helvetica, Arial, "sans-serif";
  font-weight: 400;
  color: #303030;
  overflow: hidden;
}

#lp-club-clarins :root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #be0f34;
  --bs-secondary: #a3a8ac;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 190, 15, 52;
  --bs-secondary-rgb: 163, 168, 172;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #be0f34;
  --bs-link-hover-color: #980c2a;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

#lp-club-clarins *,
#lp-club-clarins *:before,
#lp-club-clarins *:after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  #lp-club-clarins :root {
    scroll-behavior: smooth;
  }
}

#lp-club-clarins body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#lp-club-clarins h3,
#lp-club-clarins h2,
#lp-club-clarins h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

#lp-club-clarins h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  #lp-club-clarins h1 {
    font-size: 2.5rem;
  }
}

#lp-club-clarins h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  #lp-club-clarins h2 {
    font-size: 2rem;
  }
}

#lp-club-clarins h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  #lp-club-clarins h3 {
    font-size: 1.75rem;
  }
}

#lp-club-clarins p {
  margin-top: 0;
  margin-bottom: 1rem;
}

#lp-club-clarins ul {
  padding-left: 2rem;
}

#lp-club-clarins ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

#lp-club-clarins ul ul {
  margin-bottom: 0;
}

#lp-club-clarins b,
#lp-club-clarins strong {
  font-weight: bolder;
}

#lp-club-clarins sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

#lp-club-clarins sup {
  top: -0.5em;
}

#lp-club-clarins a {
  color: var(--bs-link-color);
  text-decoration: underline;
}

#lp-club-clarins a:hover {
  color: var(--bs-link-hover-color);
}

#lp-club-clarins a:not([href]):not([class]),
#lp-club-clarins a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

#lp-club-clarins img,
#lp-club-clarins svg {
  vertical-align: middle;
}

#lp-club-clarins button {
  border-radius: 0;
}

#lp-club-clarins button:focus:not(:focus-visible) {
  outline: 0;
}

#lp-club-clarins button {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#lp-club-clarins button {
  text-transform: none;
}

#lp-club-clarins [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}

#lp-club-clarins button,
#lp-club-clarins [type="button"] {
  -webkit-appearance: button;
}

#lp-club-clarins button:not(:disabled),
#lp-club-clarins [type="button"]:not(:disabled) {
  cursor: pointer;
}

#lp-club-clarins ::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

#lp-club-clarins ::-webkit-datetime-edit-fields-wrapper,
#lp-club-clarins ::-webkit-datetime-edit-text,
#lp-club-clarins ::-webkit-datetime-edit-minute,
#lp-club-clarins ::-webkit-datetime-edit-hour-field,
#lp-club-clarins ::-webkit-datetime-edit-day-field,
#lp-club-clarins ::-webkit-datetime-edit-month-field,
#lp-club-clarins ::-webkit-datetime-edit-year-field {
  padding: 0;
}

#lp-club-clarins ::-webkit-inner-spin-button {
  height: auto;
}

#lp-club-clarins [type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

#lp-club-clarins ::-webkit-search-decoration {
  -webkit-appearance: none;
}

#lp-club-clarins ::-webkit-color-swatch-wrapper {
  padding: 0;
}

#lp-club-clarins ::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

#lp-club-clarins iframe {
  border: 0;
  max-width: 100%;
}

#lp-club-clarins [hidden] {
  display: none !important;
}

#lp-club-clarins .img-fluid {
  max-width: 100%;
  height: auto;
}

#lp-club-clarins .container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  #lp-club-clarins .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  #lp-club-clarins .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  #lp-club-clarins .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  #lp-club-clarins .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  #lp-club-clarins .container {
    max-width: 1320px;
  }
}

#lp-club-clarins .btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  #lp-club-clarins .btn {
    transition: none;
  }
}

#lp-club-clarins .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

#lp-club-clarins .btn:focus {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#lp-club-clarins .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

#lp-club-clarins .btn:active:focus {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#lp-club-clarins .btn:disabled {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

#lp-club-clarins .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

#lp-club-clarins .row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

#lp-club-clarins .col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

#lp-club-clarins .col-6 {
  flex: 0 0 auto;
  width: 50%;
}

#lp-club-clarins .col-12 {
  flex: 0 0 auto;
  width: 100%;
}

#lp-club-clarins .gx-0 {
  --bs-gutter-x: 0;
}

@media (min-width: 768px) {
  #lp-club-clarins .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  #lp-club-clarins .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  #lp-club-clarins .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  #lp-club-clarins .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  #lp-club-clarins .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
}

@media (min-width: 992px) {
  #lp-club-clarins .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  #lp-club-clarins .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  #lp-club-clarins .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  #lp-club-clarins .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
}

@media (min-width: 1200px) {
  #lp-club-clarins .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  #lp-club-clarins .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
}

#lp-club-clarins .card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

#lp-club-clarins .dropdown {
  position: relative;
}

#lp-club-clarins .dropdown-menu {
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #be0f34;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

#lp-club-clarins .ratio {
  position: relative;
  width: 100%;
}

#lp-club-clarins .ratio:before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

#lp-club-clarins .ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#lp-club-clarins .ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

#lp-club-clarins .d-flex {
  display: flex !important;
}

#lp-club-clarins .d-none {
  display: none !important;
}

#lp-club-clarins .position-relative {
  position: relative !important;
}

#lp-club-clarins .justify-content-between {
  justify-content: space-between !important;
}

#lp-club-clarins .align-items-center {
  align-items: center !important;
}

#lp-club-clarins .mt-3 {
  margin-top: 1rem !important;
}

#lp-club-clarins .mb-0 {
  margin-bottom: 0 !important;
}

#lp-club-clarins .mb-3 {
  margin-bottom: 1rem !important;
}

#lp-club-clarins .px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#lp-club-clarins .py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#lp-club-clarins .py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

#lp-club-clarins .pb-0 {
  padding-bottom: 0 !important;
}

#lp-club-clarins .pb-4 {
  padding-bottom: 1.5rem !important;
}

#lp-club-clarins .ps-3 {
  padding-left: 1rem !important;
}

#lp-club-clarins .text-start {
  text-align: left !important;
}

#lp-club-clarins .text-end {
  text-align: right !important;
}

#lp-club-clarins .text-center {
  text-align: center !important;
}

@media (min-width: 768px) {
  #lp-club-clarins .d-md-block {
    display: block !important;
  }

  #lp-club-clarins .d-md-none {
    display: none !important;
  }

  #lp-club-clarins .order-md-1 {
    order: 1 !important;
  }

  #lp-club-clarins .order-md-2 {
    order: 2 !important;
  }

  #lp-club-clarins .order-md-3 {
    order: 3 !important;
  }

  #lp-club-clarins .mt-md-5 {
    margin-top: 3rem !important;
  }

  #lp-club-clarins .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  #lp-club-clarins .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  #lp-club-clarins .pt-md-3 {
    padding-top: 1rem !important;
  }

  #lp-club-clarins .pb-md-0 {
    padding-bottom: 0 !important;
  }

  #lp-club-clarins .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  #lp-club-clarins .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  #lp-club-clarins .ps-md-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1200px) {
  #lp-club-clarins .order-xl-1 {
    order: 1 !important;
  }

  #lp-club-clarins .order-xl-2 {
    order: 2 !important;
  }

  #lp-club-clarins .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
}

#lp-club-clarins .menu,
#lp-club-clarins .footer {
  width: 100%;
}

#lp-club-clarins .container {
  max-width: 1022px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .container {
    --bs-gutter-x: 6vw;
  }
}

#lp-club-clarins .section {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
}

@keyframes scrollArrow {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-50%);
  }

  to {
    transform: translateY(0);
  }
}

#lp-club-clarins .arrow-scroll {
  animation: scrollArrow 1.5s infinite;
  display: inline-block;
  border: none;
  width: 40px;
  height: 30px;
  background: none;
  margin-bottom: 15px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .arrow-scroll {
    width: 11vw;
    height: 8vw;
    margin-bottom: 3vw;
  }
}

#lp-club-clarins .h1,
#lp-club-clarins .h2,
#lp-club-clarins .h3 {
  font-family: Clarins, Times New Roman, Times, "serif";
  line-height: 1.2;
  margin-bottom: 0;
}

#lp-club-clarins .h1 {
  font-size: 35px;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .h1 {
    font-size: 30px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .h1 {
    margin-top: 0;
    font-size: 6vw;
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5vw;
  }
}

#lp-club-clarins .h2 {
  font-size: 35px;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .h2 {
    font-size: 37px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .h2 {
    font-size: 5.7vw;
  }
}

#lp-club-clarins .h3 {
  font-size: 21px;
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
}

#lp-club-clarins .primary {
  color: #be0f34;
}

#lp-club-clarins .slider-arrows {
  display: flex;
  gap: 18px;
  margin-bottom: 19px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .slider-arrows {
    gap: 6vw;
    margin-right: 4vw;
    margin-bottom: 2vw;
    justify-content: end;
  }
}

#lp-club-clarins .slider-arrows .slider-arrow {
  width: 9px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .slider-arrows .slider-arrow {
    width: 2.2vw;
  }
}

#lp-club-clarins .btn {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
  border: none;
  border-radius: 10px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  min-height: 44px;
  min-width: 104px;
}

#lp-club-clarins .btn:focus,
#lp-club-clarins .btn:hover,
#lp-club-clarins .btn:active {
  border: none;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .btn {
    min-height: 9vw;
    padding: 2vw 3vw;
  }
}

#lp-club-clarins .btn--primary {
  background-color: #be0f34;
  border-radius: 5px;
  font-size: 14px;
  transition: background-color 0.3s;
}

#lp-club-clarins .btn--primary:focus,
#lp-club-clarins .btn--primary:hover,
#lp-club-clarins .btn--primary:active {
  background-color: #8c0b26;
  transition: background-color 0.3s;
  color: #fff;
}

#lp-club-clarins .btn_white {
  border-radius: 5px;
  border: 1px solid #d3ccc8;
  color: #303030;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
}

#lp-club-clarins .btn_white--filter {
  position: relative;
  text-align: left;
  padding: 0 46px 0 18px;
  width: auto;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .btn_white--filter {
    padding: 0 8vw 0 2vw;
  }
}

#lp-club-clarins .btn_white--filter:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(./arrow-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

@media (max-width: 767.98px) {
  #lp-club-clarins .btn_white--filter:before {
    width: 2.5vw;
    height: 2.5vw;
    right: 2.5vw;
  }
}

#lp-club-clarins .btn_white:focus,
#lp-club-clarins .btn_white:hover,
#lp-club-clarins .btn_white:active {
  background-color: #fff;
  color: #303030;
  border: 1px solid #d3ccc8;
}

#lp-club-clarins .btn--dark {
  border-radius: 5px;
  background-color: #000;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  text-align: center;
  line-height: 1.3;
}

#lp-club-clarins .btn--dark:focus,
#lp-club-clarins .btn--dark:hover,
#lp-club-clarins .btn--dark:active {
  background-color: #000;
  color: #fff;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .btn {
    border-radius: 1vw;
    font-size: 3.5vw;
  }
}

#lp-club-clarins .txt {
  font-size: 14.7px;
  margin-bottom: 0;
  line-height: 1.3;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .txt {
    font-size: 3.2vw;
  }
}

#lp-club-clarins .bonus-points {
  background-color: #fdeff5;
  border-radius: 20px;
  padding-top: 29px;
  margin-bottom: 31px;
  max-width: 365px;
  margin-left: auto;
  margin-right: auto;
  height: 186px;
}

#lp-club-clarins .bonus-points .bandeau-points .email {
  height: 90%;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .bonus-points .bandeau-points .email {
    height: 95%;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .bonus-points--small {
    height: 35vw;
  }

  #lp-club-clarins .bonus-points {
    max-width: 68vw;
    padding-top: 4.4vw;
    height: 47.5vw;
    margin-bottom: 7vw;
  }
}

#lp-club-clarins .bonus-points .bandeau-points {
  border: 1px solid white;
  background-color: #fff;
  gap: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 21px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .bonus-points .bandeau-points {
    margin-bottom: 0.9vw;
    gap: 1vw;
    height: 19.5vw;
  }
}

#lp-club-clarins .bonus-points .bandeau-points .txt {
  line-height: 1;
}

#lp-club-clarins .bonus-points .txt--nbr {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
  font-size: 68px;
  color: #be0f34;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .bonus-points .txt--nbr {
    font-size: 16vw;
  }
}

#lp-club-clarins .bonus-points .txt--points-b {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
  font-size: 25px;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .bonus-points .txt--points-b {
    font-size: 5.8vw;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .bonus-points .txt--condition {
    font-size: 3.4vw;
    max-width: 46vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4vw;
  }
}

#lp-club-clarins .section--login {
  padding-top: 55px;
  padding-bottom: 0;
  text-align: center;
  position: relative;
}

@media (max-width: 1199.98px) {
  #lp-club-clarins .section--login {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login {
    padding-top: 7vw;
    padding-bottom: 0;
  }
}

#lp-club-clarins .section--login .container {
  max-width: 1060px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .container {
    --bs-gutter-x: 0;
  }
}

#lp-club-clarins .section--login .logo {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 236px;
}

#lp-club-clarins .section--login .logo .logo-main {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--login .logo {
    width: 210px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .logo {
    width: min(236px, 42vw);
    margin-bottom: 7vw;
  }
}

#lp-club-clarins .section--login .logo .logo-coeur {
  offset-path: path("m17,248.5c-12,-31 -9,-43 15,-55c24,-12 34,-19 20,-46c-14,-27 -12,-52 10,-82c22,-30 53,-64 53,-64.5");
  offset-rotate: 0deg;
  offset-anchor: left bottom;
  offset-position: left bottom;
  animation: logo-coeur-path 3s infinite ease-in-out, logo-coeur-opacity 3s infinite linear;
  position: absolute;
  bottom: 260px;
  right: 0;
  display: block;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--login .logo .logo-coeur {
    width: 27px;
    height: 24px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .logo .logo-coeur {
    width: 29px;
    height: 26px;
  }
}

@media (max-width: 490px) {
  #lp-club-clarins .section--login .logo .logo-coeur {
    offset-path: path("m14.51542,248.5c-7.65117,-19.76553 -5.73838,-27.4167 9.56397,-35.06788c15.30235,-7.65117 21.67832,-12.11436 12.75195,-29.3295c-8.92637,-17.21514 -7.65117,-33.15508 6.37598,-52.28301c14.02715,-19.12793 33.79268,-40.80626 33.79268,-41.12505"
      );
    bottom: 253px;
    right: 7px;
    width: 5.8vw;
    height: 5vw;
  }
}

#lp-club-clarins .section--login .row--1 {
  margin-bottom: 56px;
}

@media (max-width: 1199.98px) {
  #lp-club-clarins .section--login .row--1 {
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .row--1 {
    margin-bottom: 0;
  }
}

#lp-club-clarins .section--login .row--programme {
  margin-top: 33px;
  max-width: 435px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: start;
}

#lp-club-clarins .section--login .row--programme a {
  text-decoration: none;
}

@media (max-width: 1199.98px) {
  #lp-club-clarins .section--login .row--programme {
    margin-top: 20px;
    max-width: 705px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .row--programme {
    margin-top: 7vw;
    max-width: 92vw;
    margin-bottom: 7vw;
  }
}

#lp-club-clarins .section--login .row--programme .picto {
  height: 110px;
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 10px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .row--programme .picto {
    height: 18vw;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .row--programme .picto .img-picto {
    width: 16vw;
  }
}

#lp-club-clarins .section--login .row .txt--programme {
  font-size: 13px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .row .txt--programme {
    font-size: 3vw;
    line-height: 1.3;
  }
}

#lp-club-clarins .section--login .bloc-connexion {
  padding: 35px 49px;
  background-color: #fbf6f3;
  border-radius: 30px;
  min-height: 178px;
  max-width: 570px;
  margin: 50px auto 49px;
}

@media (max-width: 1199.98px) {
  #lp-club-clarins .section--login .bloc-connexion {
    margin-bottom: 30px;
    margin-top: 0;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-connexion {
    margin-bottom: 0;
    margin-top: 0vw;
    max-width: 100%;
    padding: 5vw 7vw;
    border-radius: 0;
    min-height: 26vw;
  }
}

#lp-club-clarins .section--login .bloc-connexion .txt--title {
  font-size: 22px;
  margin-bottom: 24px;
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-connexion .txt--title {
    font-size: 3.8vw;
    text-align: left;
    margin-bottom: 4vw;
  }
}

#lp-club-clarins .section--login .bloc-connexion .txt--connexion {
  font-size: 16.6px;
}

@media (min-width: 768px) {
  #lp-club-clarins .section--login .bloc-connexion .txt--connexion {
    padding-top: 3px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-connexion .txt--connexion {
    font-size: 3vw;
    line-height: 1.4;
  }
}

@media (min-width: 768px) {
  #lp-club-clarins .section--login .bloc-connexion .btn--primary {
    width: 280px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-connexion .btn--primary {
    font-size: 3.3vw;
  }
}

#lp-club-clarins .section--login .bloc-bonus-points {
  margin-bottom: 8px;
}

#lp-club-clarins .section--login .bloc-bonus-points .title-bonus-points {
  font-family: Gotham SSm medium A, Gotham SSm medium B, "sans-serif";
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 7px;
  line-height: 1.3;
}

@media (max-width: 1199.98px) {
  #lp-club-clarins .section--login .bloc-bonus-points .title-bonus-points {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-bonus-points .title-bonus-points {
    margin-top: 1vw;
    margin-bottom: 5.5vw;
    font-size: 4.5vw;
  }
}

#lp-club-clarins .section--login .bloc-bonus-points .btn--primary {
  font-size: 14px;
}

@media (max-width: 1199.98px) {
  #lp-club-clarins .section--login .bloc-bonus-points .btn--primary {
    margin-bottom: 40px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-bonus-points .btn--primary {
    margin-bottom: 5vw;
    font-size: 3.5vw;
  }
}

#lp-club-clarins .section--login .bloc-solde-points {
  overflow: hidden;
  border-radius: 35px;
  background-color: #f6f6f6;
  width: 103%;
  margin-left: -12px;
  margin-top: -20px;
  margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
  #lp-club-clarins .section--login .bloc-solde-points {
    max-width: 510px;
    margin: 20px auto 30px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points {
    margin-top: 1vw;
    max-width: 86vw;
    border-radius: 4vw;
    margin-bottom: 6vw;
  }
}

#lp-club-clarins .section--login .bloc-solde-points .card-head {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #be0f34;
  height: 103px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .card-head {
    height: 25vw;
  }
}

#lp-club-clarins .section--login .bloc-solde-points .card-body {
  padding: 21px 10px 31px;
}

@media (max-width: 1199.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .card-body {
    padding: 21px 50px 31px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .card-body {
    padding: 6vw 3vw 7vw;
  }
}

#lp-club-clarins .section--login .bloc-solde-points .card-body .btns {
  display: flex;
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .card-body .btns {
    max-width: none;
    flex-direction: column;
  }
}

#lp-club-clarins .section--login .bloc-solde-points .card-body .btns .btn {
  width: 183px;
  font-size: 14px;
  height: 64px;
  line-height: 1.1;
}

#lp-club-clarins .section--login .bloc-solde-points .card-body .btns .btn--dark {
  margin-right: 0;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .card-body .btns .btn {
    margin-left: auto;
    margin-right: auto;
    height: 9vw;
    width: fit-content;
    padding: 0 2vw;
    margin-bottom: 6vw;
    font-size: 3.4vw;
  }
}

#lp-club-clarins .section--login .bloc-solde-points .txt_total {
  color: #fff;
  font-size: 22px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .txt_total {
    font-size: 4vw;
  }
}

#lp-club-clarins .section--login .bloc-solde-points .txt_total--big {
  font-size: 43px;
  padding: 0 6px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .txt_total--big {
    font-size: 8vw;
    padding: 0 1vw;
  }
}

#lp-club-clarins .section--login .bloc-solde-points .txt--solde-p {
  margin-bottom: 24px;
  line-height: 1.1;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .txt--solde-p {
    margin-bottom: 10.5vw;
    max-width: 63vw;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.23;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .txt--solde-p strong {
    font-size: 4vw;
  }
}

#lp-club-clarins .section--login .bloc-solde-points .nbr-points {
  font-weight: 500;
  font-size: 22px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--login .bloc-solde-points .nbr-points {
    font-size: 4vw;
  }
}

#lp-club-clarins .section--cadeaux {
  padding-top: 27px;
  padding-bottom: 54px;
  background-color: #f1f1f1;
  text-align: center;
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux {
    padding-top: 5vw;
    padding-bottom: 9.5vw;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .container {
    --bs-gutter-x: 8vw;
  }
}

#lp-club-clarins .section--cadeaux .h2 {
  margin-bottom: 26px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .h2 {
    margin-bottom: 2vw;
  }
}

#lp-club-clarins .section--cadeaux .txt--cadeaux {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .txt--cadeaux {
    max-width: 90vw;
    margin-bottom: 7vw;
  }
}

#lp-club-clarins .section--cadeaux .txt--filtre {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 35px;
  margin-bottom: 21px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .txt--filtre {
    margin-top: 3vw;
    margin-bottom: 3.5vw;
    font-size: 4vw;
  }
}

#lp-club-clarins .section--cadeaux .filtres {
  display: flex;
  gap: 105px;
  justify-content: center;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .filtres {
    gap: 4vw;
  }
}

#lp-club-clarins .section--cadeaux .filtres .btn_white--filter {
  width: 220px;
  box-sizing: border-box;
}

#lp-club-clarins .section--cadeaux .filtres .btn_white--filter:before {
  transform-origin: center center;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .filtres .btn_white--filter {
    width: 43vw;
  }
}

#lp-club-clarins .section--cadeaux .filtres .dropdown {
  position: relative;
}

#lp-club-clarins .section--cadeaux .filtres .dropdown.is-opened .dropdown-menu {
  display: block;
}

#lp-club-clarins .section--cadeaux .filtres .dropdown.is-opened .btn_white--filter:before {
  transform: translateY(-50%) rotate(180deg);
}

#lp-club-clarins .section--cadeaux .filtres .dropdown .btn_white {
  position: relative;
  z-index: 99;
}

#lp-club-clarins .section--cadeaux .filtres .dropdown .dropdown-menu {
  overflow: hidden;
  top: 100%;
  z-index: 9;
  inset: 0px auto auto 0px !important;
  padding-top: 53px;
  padding-bottom: 0;
  border-radius: 15px;
  min-width: auto;
  width: 100%;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .filtres .dropdown .dropdown-menu {
    border-radius: 1.5vw;
    padding-top: 11.1vw;
  }
}

#lp-club-clarins .section--cadeaux .filtres .dropdown .btn--filter {
  line-height: 1;
  text-align: left;
  color: #303030;
  width: 100%;
  font-size: 15px;
  text-transform: uppercase;
  padding: 17px;
  border-radius: 0;
  font-weight: 500;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .filtres .dropdown .btn--filter {
    font-size: 3.2vw;
    text-transform: uppercase;
    /* padding: 2.5vw; */
    padding: 2vw;
  }
}

#lp-club-clarins .section--cadeaux .filtres .dropdown .btn--filter:hover {
  background-color: #fdeff5;
}

#lp-club-clarins .section--cadeaux .filtres .dropdown .btn--filter .filter-points {
  font-size: 11px;
  padding-left: 10px;
  text-transform: none;
  font-weight: 400;
  white-space: normal;
  width: 54%;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--cadeaux .filtres .dropdown .btn--filter .filter-points {
    font-size: 2.5vw;
    letter-spacing: 0;
    padding-left: 2vw;
  }
}

#lp-club-clarins .section--products {
  padding-top: 32px;
  background-color: #f6f6f6;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products {
    padding-top: 0;
  }
}

#lp-club-clarins .section--products .bloc--resultats {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats {
    padding-top: 4vw;
    padding-bottom: 7vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .container {
  max-width: 760px;
}

#lp-club-clarins .section--products .bloc--resultats .row--1 {
  margin-bottom: 45px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .row--1 {
    margin-bottom: 6.5vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .empty-content-message {
  min-height: 296px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

#lp-club-clarins .section--products .bloc--resultats .slider-arrow {
  cursor: pointer;
}

#lp-club-clarins .section--products .bloc--resultats .content-product {
  width: 296px;
  height: 296px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .content-product {
    width: 45.5vw;
    height: 45.5vw;
    margin-left: 1.5vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .content-product:before {
  content: "";
  position: absolute;
  background-color: #ffddec;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 0;
  left: 0;
}

#lp-club-clarins .section--products .bloc--resultats .content-product .img-product {
  position: relative;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--products .bloc--resultats .content-product .img-product {
    height: 86%;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .content-product .img-product {
    width: 37.5vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .pve {
  position: relative;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .pve {
    margin-top: 4vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .pve:after {
  content: "";
  position: absolute;
  background-image: url(./pve.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 92px;
  height: 92px;
  top: -11px;
  left: -22px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .pve:after {
    width: 14vw;
    height: 13.9vw;
    top: -1.8vw;
    left: -2.6vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .limited {
  background-color: #be0f34;
  border-radius: 100px;
  height: 40px;
  max-width: 290px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -3px auto 0;
  font-size: 15px;
  padding-left: 20px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .limited {
    font-size: 2.5vw;
    height: 6.5vw;
    max-width: 43vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .limited:before {
  content: "";
  position: absolute;
  width: 29px;
  height: 29px;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 9px;
  transform: translateY(-50%);
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .limited:before {
    width: 5vw;
    height: 5vw;
    left: 1vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .txt--title-product {
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 11px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .txt--title-product {
    font-size: 3.9vw;
    margin-bottom: 1.5vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .txt--note {
  font-size: 12.6px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .txt--note {
    margin-bottom: 5.3vw;
    padding-right: 1vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .txt--title-bloc {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 11px;
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .txt--title-bloc {
    font-size: 3.5vw;
    margin-bottom: 1vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .txt--limited {
  margin-bottom: 20px;
  line-height: 1.3;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .txt--limited {
    font-size: 3.1vw;
    margin-bottom: 4vw;
  }
}

@media (max-width: 767.98px) {

  #lp-club-clarins .section--products .bloc--resultats .txt--description,
  #lp-club-clarins .section--products .bloc--resultats .txt--note {
    font-size: max(10px, 3.2vw);
  }
}

#lp-club-clarins .section--products .bloc--resultats .label-palier {
  font-size: 14.5px;
  padding: 4px 12px;
  border-radius: 8px;
  width: fit-content;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 14px;
  position: relative;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .label-palier {
    padding: 0.8vw 2vw;
    border-radius: 1vw;
    font-size: 2.5vw;
    margin-bottom: 1.5vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .label-palier--1 {
  background-color: #be0f34;
}

#lp-club-clarins .section--products .bloc--resultats .label-palier--2 {
  background-color: #a3a8ac;
}

#lp-club-clarins .section--products .bloc--resultats .label-palier--3 {
  background-color: #bd945d;
}

#lp-club-clarins .section--products .bloc--resultats .more {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
  font-size: 15.5px;
  text-align: right;
  text-decoration: none;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .more {
    font-size: max(10px, 3.6vw);
  }
}

#lp-club-clarins .section--products .bloc--resultats .bloc-limited-product {
  border-radius: 10px;
  background-color: #fbead9;
  display: flex;
  align-items: center;
  max-width: 598px;
  margin-left: auto;
  position: relative;
  height: 228px;
  padding: 20px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .bloc-limited-product {
    max-width: 93vw;
    margin-left: auto;
    margin-right: auto;
    height: 46vw;
    padding: 2vw;
    border-radius: 1vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .bloc-limited-product .content-product-limited {
  position: absolute;
  width: 235px;
  height: 235px;
  display: flex;
  align-items: end;
  justify-content: center;
  left: 0;
  bottom: 0;
  transform: translate(-50%);
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .bloc-limited-product .content-product-limited {
    width: 27vw;
    height: 27vw;
    left: 1vw;
    top: auto;
    bottom: auto;
    transform: none;
  }
}

#lp-club-clarins .section--products .bloc--resultats .bloc-limited-product .content-product-limited:before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 0;
  left: 0;
}

#lp-club-clarins .section--products .bloc--resultats .bloc-limited-product .content-product-limited .img-limited {
  position: relative;
  height: 243px;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .bloc-limited-product .content-product-limited .img-limited {
    height: 28.4vw;
    min-width: 28vw;
  }
}

#lp-club-clarins .section--products .bloc--resultats .bloc-limited-product .content-txt-limited {
  max-width: 430px;
  margin-left: auto;
  text-align: center;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .bloc-limited-product .content-txt-limited {
    max-width: 63vw;
    padding-left: 0.9vw;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--resultats .btn--primary--mob {
    margin-top: 7.5vw;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: center;
    justify-content: center;
  }
}

#lp-club-clarins .section--products .bloc--products {
  margin-bottom: 30px;
  background-color: #f6f6f6;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--products {
    margin-bottom: 3vw;
  }
}

#lp-club-clarins .section--products .bloc--products .txt--solde {
  font-weight: 200;
  font-size: 16.5px;
  text-transform: none;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--products .txt--solde {
    font-size: 3.5vw;
  }
}

#lp-club-clarins .section--products .bloc--products .txt--product {
  font-size: 10px;
  text-align: center;
}

@media only screen and (min-width: 380px) {
  #lp-club-clarins .section--products .bloc--products .txt--product {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (max-width: 575.98px) {
  #lp-club-clarins .section--products .bloc--products .txt--product {
    font-size: max(10px, 2.65vw);
  }
}

#lp-club-clarins .section--products .bloc--products .bandeau-palier {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
  padding: 10px 0;
  width: 100%;
  border: none;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  line-height: 1.2;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--products .bandeau-palier {
    font-size: 4.5vw;
  }
}

#lp-club-clarins .section--products .bloc--products .bandeau-palier:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(./arrow-top-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  right: 140px;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--products .bandeau-palier:before {
    width: 4.5vw;
    height: 4.5vw;
    right: 7vw;
  }
}

#lp-club-clarins .section--products .bloc--products .bandeau-palier--1 {
  background-color: #be0f34;
}

#lp-club-clarins .section--products .bloc--products .bandeau-palier--2 {
  background-color: #a3a8ac;
}

#lp-club-clarins .section--products .bloc--products .bandeau-palier--3 {
  background-color: #bd945d;
}

#lp-club-clarins .section--products .bloc--products .panel--opened .bandeau-palier:before {
  transform: translateY(-50%);
}

#lp-club-clarins .section--products .bloc--products .bloc-palier {
  background-color: #f6f6f6;
  transition: height 0.6s ease-in-out;
}

#lp-club-clarins .section--products .bloc--products .bloc-palier .products-line {
  display: flex;
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 30px;
  padding: 11px 0;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--products .bloc--products .bloc-palier .products-line {
    gap: 20px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--products .bloc-palier .products-line {
    padding: 3vw;
  }
}

@media (max-width: 575.98px) {
  #lp-club-clarins .section--products .bloc--products .bloc-palier .products-line {
    gap: 2vw;
  }
}

#lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product {
  width: 11%;
}

#lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product[data-product-id] {
  cursor: pointer;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product {
    width: 15%;
  }
}

@media (max-width: 575.98px) {
  #lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product {
    width: 30%;
  }
}

#lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product .content-img-palier {
  height: 150px;
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 5px;
}

@media (max-width: 575.98px) {
  #lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product .content-img-palier {
    height: 36vw;
  }
}

#lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product .content-img-palier .img-palier {
  transform-origin: bottom center;
  transition: all 0.07s ease-in-out;
}

@media (max-width: 575.98px) {
  #lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product .content-img-palier .img-palier {
    max-height: 35vw;
    max-width: 22vw;
    object-fit: contain;
  }
}

#lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product .content-img-palier:hover .img-palier {
  transform: scale(1.04);
}

#lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product .content-img-palier.img-limited {
  position: relative;
}

#lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product .content-img-palier.img-limited:before {
  content: "";
  position: absolute;
  width: 29px;
  height: 29px;
  background: #be0f34 url(data:image/png;base64,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) center no-repeat;
  background-size: 65% 65%;
  border-radius: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--products .bloc--products .bloc-palier .products-line .product .content-img-palier.img-limited:before {
    width: 5vw;
    height: 5vw;
    left: 1vw;
  }
}

#lp-club-clarins .section--club {
  text-align: center;
}

#lp-club-clarins .section--club .h2 {
  margin-bottom: 36px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--club .h2 {
    margin-bottom: 4vw;
  }
}

#lp-club-clarins .section--club .txt--club {
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3;
  margin-bottom: 45px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--club .txt--club {
    margin-bottom: 5vw;
    max-width: 84vw;
  }
}

#lp-club-clarins .section--club .btn--primary {
  min-height: 44px;
  font-size: 14px;
  margin-bottom: 46px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--club .btn--primary {
    font-size: 3.5vw;
    height: 8.9vw;
    margin-bottom: 10vw;
  }
}

#lp-club-clarins .section--club .points-fidelite {
  display: flex;
  justify-content: center;
  gap: 87px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--club .points-fidelite {
    gap: 4vw;
  }
}

#lp-club-clarins .section--club .points-fidelite .bloc-points {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 242px;
  height: 214px;
  border-radius: 20px;
  background-color: #fdeff5;
  padding: 15px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--club .points-fidelite .bloc-points {
    width: 39vw;
    height: 34.5vw;
    border-radius: 3vw;
    padding: 2vw;
  }
}

#lp-club-clarins .section--club .points-fidelite .bloc-points .txt_points {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
  font-size: 25px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--club .points-fidelite .bloc-points .txt_points {
    font-size: 4.2vw;
  }
}

#lp-club-clarins .section--club .points-fidelite .bloc-points .txt_points--small {
  font-family: Gotham SSm book A, Gotham SSm book B, Helvetica, Arial, "sans-serif";
  font-size: 19px;
  font-weight: 400;
  color: #000;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--club .points-fidelite .bloc-points .txt_points--small {
    font-size: 3vw;
  }
}

#lp-club-clarins .section--points-de-vente {
  text-align: center;
}

#lp-club-clarins .section--points-de-vente .container {
  max-width: 1035px;
}

#lp-club-clarins .section--points-de-vente .h2 {
  margin-bottom: 97px;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--points-de-vente .h2 {
    margin-bottom: 55px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--points-de-vente .h2 {
    margin-bottom: 4vw;
  }
}

#lp-club-clarins .section--points-de-vente .h3 {
  font-family: Gotham SSm medium A, Gotham SSm medium B, Helvetica, Arial, "sans-serif";
  font-weight: 500;
  font-size: 19px;
  height: 53px;
  margin-bottom: 5px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--points-de-vente .h3 {
    font-size: 3.5vw;
    height: auto;
    margin-bottom: 2.5vw;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--points-de-vente .row--2 {
    margin-left: 3.5vw;
  }
}

#lp-club-clarins .section--points-de-vente .bloc-pdv {
  border-radius: 20px;
  background-color: #fdeff5;
  min-height: 100%;
  padding: 71px 16px 16px;
  position: relative;
}

#lp-club-clarins .section--points-de-vente .bloc-pdv>a {
  text-decoration: none;
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--points-de-vente .bloc-pdv {
    padding: 40px 40px 40px 76px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: min(520px, 90%);
    height: auto;
    min-height: auto;
    margin-bottom: 30px;
    left: 15px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--points-de-vente .bloc-pdv {
    left: 0;
    min-height: auto;
    border-radius: 2.5vw;
    padding: 4vw 2vw 5vw 9vw;
    margin-bottom: 3.5vw;
    max-width: 85.5vw;
  }
}

#lp-club-clarins .section--points-de-vente .bloc-pdv .circle-pdv {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114px;
  height: 114px;
  background-color: #be0f34;
  border-radius: 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%, -54%);
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--points-de-vente .bloc-pdv .circle-pdv {
    top: 50%;
    left: 0;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--points-de-vente .bloc-pdv .circle-pdv {
    width: 15vw;
    height: 15vw;
    top: 50%;
    left: 0;
  }
}

#lp-club-clarins .section--points-de-vente .bloc-pdv .circle-pdv .icon-pdv {
  width: 70px;
  object-fit: contain;
  max-height: 90px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--points-de-vente .bloc-pdv .circle-pdv .icon-pdv {
    width: 65%;
    max-height: 10vw;
  }
}

#lp-club-clarins .section--points-de-vente .txt--pdv {
  font-size: 15.2px;
  line-height: 1.25;
  margin-bottom: 13px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--points-de-vente .txt--pdv {
    font-size: max(10px, 3.2vw);
    margin-bottom: 0;
  }
}

#lp-club-clarins .section--points-de-vente .btn--dark {
  font-size: 14px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--points-de-vente .btn--dark {
    margin-top: 2vw;
    font-size: 3.5vw;
    border-radius: 1vw;
  }
}

#lp-club-clarins .section--paliers {
  text-align: center;
}

#lp-club-clarins .section--paliers .container {
  position: relative;
}

@media (min-width: 768px) {
  #lp-club-clarins .section--paliers .container {
    max-width: 648px;
  }
}

#lp-club-clarins .section--paliers .row--1 {
  margin-bottom: 189px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .row--1 {
    margin-bottom: 3.5vw;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .row--2 {
    max-width: 94vw;
    margin-left: auto;
    margin-right: auto;
    --bs-gutter-x: 3vw;
  }
}

#lp-club-clarins .section--paliers .h2 {
  margin-bottom: 38px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .h2 {
    margin-bottom: 1vw;
  }
}

#lp-club-clarins .section--paliers .txt--paliers {
  text-align: left;
}

@media (min-width: 768px) {
  #lp-club-clarins .section--paliers .txt--paliers {
    font-size: 15.2px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .txt--paliers {
    text-align: center;
    line-height: 1.6;
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
}

#lp-club-clarins .section--paliers .txt--nbr-palier {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .txt--nbr-palier {
    font-size: 4.6vw;
    margin-bottom: 1.5vw;
  }
}

#lp-club-clarins .section--paliers .txt--nbr-points {
  font-size: 48px;
  margin-bottom: 2px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .txt--nbr-points {
    font-size: 8vw;
  }
}

#lp-club-clarins .section--paliers .txt--points {
  font-size: 19px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .txt--points {
    font-size: 3.1vw;
  }
}

#lp-club-clarins .section--paliers .img-paliers {
  position: absolute;
  top: -78px;
  right: -26px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .img-paliers {
    position: relative;
    top: auto;
    right: auto;
    width: 51vw;
    margin-bottom: 3.5vw;
  }
}

#lp-club-clarins .section--paliers .bloc-nbr-points {
  padding: 21px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
  text-transform: uppercase;
  color: #fff;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--paliers .bloc-nbr-points {
    border-radius: 2vw;
    padding: 2.6vw 0;
  }
}

#lp-club-clarins .section--paliers .bloc-nbr-points--primary {
  background-color: #be0f34;
}

#lp-club-clarins .section--paliers .bloc-nbr-points--secondary {
  background-color: #a3a8ac;
}

#lp-club-clarins .section--paliers .bloc-nbr-points--tertary {
  background-color: #bd945d;
}

#lp-club-clarins .section--commande .h2 {
  font-size: 32.5px;
  margin-bottom: 35px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--commande .h2 {
    font-size: 5.65vw;
    margin-bottom: 4.2vw;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--commande .h3 {
    font-size: 4.1vw;
  }
}

@media (min-width: 992px) {
  #lp-club-clarins .section--commande .img-commande {
    height: 100%;
    object-fit: contain;
  }
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--commande .img-commande {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 300px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--commande .img-commande {
    width: 24vw;
    margin-bottom: 4vw;
  }
}

#lp-club-clarins .section--commande .container {
  max-width: 1030px;
}

#lp-club-clarins .section--commande .commande {
  display: flex;
  justify-content: center;
  gap: 31px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--commande .commande {
    gap: 5vw;
  }
}

#lp-club-clarins .section--commande .commande .bloc-commande {
  border-radius: 20px;
  background-color: #fdeff5;
  max-width: 275px;
  padding: 28px 30px 20px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--commande .commande .bloc-commande {
    max-width: 44vw;
    border-radius: 2vw;
    padding: 4vw 1vw;
  }
}

#lp-club-clarins .section--commande .commande .txt--commande {
  margin-left: auto;
  margin-right: auto;
  flex-grow: 1;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (min-width: 768px) {
  #lp-club-clarins .section--commande .commande .txt--commande {
    max-width: 260px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--commande .commande .txt--commande {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

#lp-club-clarins .section--commande .commande .btn--primary {
  width: fit-content;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1.2;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--commande .commande .btn--primary {
    font-size: 3.5vw;
    height: auto;
    max-width: 33vw;
  }
}

#lp-club-clarins .section--fidelite {
  text-align: center;
  position: relative;
}

#lp-club-clarins .section--fidelite .h2 {
  font-size: 35px;
  position: relative;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--fidelite .h2 {
    position: inherit;
    font-size: 5.9vw;
  }
}

#lp-club-clarins .section--fidelite .h2:before {
  content: "";
  position: absolute;
  left: -11px;
  top: -51px;
  background-image: url(./hearts.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 53px;
  transform: scaleX(-1);
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--fidelite .h2:before {
    left: 10.5vw;
    top: 12vw;
    width: 8vw;
    height: 8vw;
    transform: none;
  }
}

#lp-club-clarins .section--fidelite .h2:after {
  content: "";
  position: absolute;
  right: 2px;
  top: -52px;
  background-image: url(./hearts.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 53px;
  height: 53px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--fidelite .h2:after {
    right: 14vw;
    top: 12vw;
    width: 8vw;
    height: 8vw;
    transform: scaleX(-1);
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--fidelite .img-fidelite {
    width: 29vw;
    margin-bottom: 1vw;
  }
}

#lp-club-clarins .section--bonus {
  text-align: center;
  position: relative;
  max-width: 1030px;
}

#lp-club-clarins .section--bonus ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus {
    margin-top: 15vw;
    padding-left: 0;
    padding-right: 0;
  }
}

#lp-club-clarins .section--bonus .slider-arrows {
  position: absolute;
  top: 36px;
  right: 18px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .slider-arrows {
    justify-content: end;
    top: 5vw;
    right: 2vw;
  }
}

#lp-club-clarins .section--bonus .slider-arrows .slider-arrow {
  cursor: pointer;
}

#lp-club-clarins .section--bonus .slider-arrows .slider-arrow.inactive {
  opacity: 0.4;
  cursor: default;
}

#lp-club-clarins .section--bonus .h2 {
  margin-bottom: 143px;
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .h2 {
    position: inherit;
    margin-bottom: 27vw;
  }
}

#lp-club-clarins .section--bonus .h2:before {
  content: "";
  position: absolute;
  left: -109px;
  top: -19px;
  background-image: url(./hearts-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 73px;
  height: 73px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .h2:before {
    left: 7vw;
    top: 18vw;
    width: 11vw;
    height: 11vw;
  }
}

#lp-club-clarins .section--bonus .h2:after {
  content: "";
  position: absolute;
  right: -116px;
  top: 2px;
  background-image: url(./hearts-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 43px;
  height: 53px;
  transform: scaleX(-1);
}

@media (max-width: 991.98px) {
  #lp-club-clarins .section--bonus .h2:after {
    right: -61px;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .h2:after {
    left: 40vw;
    top: -9vw;
    background-image: url(./hearts-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 8vw;
    height: 8vw;
  }
}

#lp-club-clarins .section--bonus .content-cards {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  padding-top: 130px;
  margin-top: -130px;
  scroll-snap-type: x mandatory;
}

@media (min-width: 768px) and (max-width: 1050px) {
  #lp-club-clarins .section--bonus .content-cards {
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .content-cards {
    padding-left: 9.5vw;
    padding-right: 20vw;
    padding-top: 27vw;
    margin-top: -27vw;
    overflow-x: auto;
  }
}

#lp-club-clarins .section--bonus .content-cards>div {
  scroll-snap-align: start;
}

#lp-club-clarins .section--bonus .content-cards>div:first-child {
  scroll-snap-align: start;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .content-cards>div {
    scroll-snap-align: center;
    padding-left: 6vw;
  }

  #lp-club-clarins .section--bonus .content-cards>div:first-child {
    padding-left: 9.5vw;
  }
}

@media (min-width: 768px) {
  #lp-club-clarins .section--bonus .content-cards>div {
    padding-right: 8px;
  }

  #lp-club-clarins .section--bonus .content-cards>div:last-child {
    padding-right: 0;
  }
}

#lp-club-clarins .section--bonus .card-bonus {
  padding: 92px 20px 10px;
  height: 558px;
  border: 2px solid black;
  border-radius: 20px;
  position: relative;
  min-width: 330px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus {
    height: 107vw;
    padding: 18vw 1vw 3vw;
    border: 1px solid black;
    border-radius: 3vw;
    position: relative;
    min-width: 63.5vw;
  }
}

#lp-club-clarins .section--bonus .card-bonus:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 59%;
  min-height: 220px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -58%);
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus:before {
    min-height: auto;
    height: 43vw;
    width: 35vw;
    transform: translate(-50%, -60%);
  }
}

#lp-club-clarins .section--bonus .card-bonus--1:before {
  background-image: url(./bonus-1.png);
}

#lp-club-clarins .section--bonus .card-bonus--2:before {
  background-image: url(./bonus-2.png);
}

#lp-club-clarins .section--bonus .card-bonus--3:before {
  background-image: url(./bonus-3.png);
}

#lp-club-clarins .section--bonus .card-bonus--4:before {
  background-image: url(./bonus-4.png);
}

#lp-club-clarins .section--bonus .card-bonus--5:before {
  background-image: url(./bonus-5.png);
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .card-head {
    height: 32vw;
  }
}

#lp-club-clarins .section--bonus .card-bonus .bonus-points {
  padding-top: 21px;
  height: 202px;
  max-width: 100%;
  margin-bottom: 18px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .bonus-points {
    border-radius: 3vw;
    padding-top: 3.6vw;
    height: 38vw;
    margin-bottom: 4vw;
    max-width: 55vw;
  }
}

#lp-club-clarins .section--bonus .card-bonus .bonus-points .bandeau-points {
  height: 81px;
  margin-bottom: 15px;
  padding: 5px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .bonus-points .bandeau-points {
    height: 15.5vw;
    gap: 1vw;
    padding: 1vw 2vw;
    margin-bottom: 4vw;
  }
}

#lp-club-clarins .section--bonus .card-bonus .bonus-points .txt--nbr {
  font-size: 65px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .bonus-points .txt--nbr {
    font-size: 13vw;
    letter-spacing: -0.5vw;
  }
}

#lp-club-clarins .section--bonus .card-bonus .bonus-points .txt--points-b {
  font-weight: 400;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .bonus-points .txt--points-b {
    font-size: 4.8vw;
  }
}

#lp-club-clarins .section--bonus .card-bonus .bonus-points .txt--condition {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .bonus-points .txt--condition {
    font-size: 3.2vw;
    max-width: 43vw;
    margin-left: auto;
    margin-right: auto;
  }
}

#lp-club-clarins .section--bonus .card-bonus .h3 {
  height: 61px;
  margin-bottom: 5px;
  color: #000;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .h3 {
    height: auto;
    margin-bottom: 4vw;
    font-size: 4.2vw;
  }
}

#lp-club-clarins .section--bonus .card-bonus .h3--big {
  font-size: 40px;
  line-height: 1;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .h3--big {
    font-size: 6.7vw;
  }
}

#lp-club-clarins .section--bonus .card-bonus .txt--card {
  height: 93px;
  margin-bottom: 5px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--bonus .card-bonus .txt--card {
    height: auto;
    margin-bottom: 0;
  }
}

#lp-club-clarins .section--video {
  text-align: center;
}

#lp-club-clarins .section--video .h2 {
  margin-bottom: 50px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--video .h2 {
    margin-bottom: 2vw;
  }
}

#lp-club-clarins .section--video .video {
  border: 2px solid black;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--video .video {
    border: 1px solid black;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--faq {
    padding-bottom: 10vw;
  }
}

#lp-club-clarins .section--faq .h2 {
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--faq .h2 {
    margin-bottom: 4.7vw;
  }
}

#lp-club-clarins .section--faq .faq-list {
  max-width: 745px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: #64646f33 0 7px 29px;
  border-bottom: none;
  margin-bottom: 40px;
}

#lp-club-clarins .section--faq .faq-list .faq-item {
  border-bottom: 1px solid #f5efeb;
}

#lp-club-clarins .section--faq .faq-list .faq-item.is-opened .btn--question:before {
  transform: translateY(-50%) rotate(180deg);
}

#lp-club-clarins .section--faq .faq-list .faq-item .btn--question {
  font-family: Gotham SSm book A, Gotham SSm book B, Helvetica, Arial, "sans-serif";
  width: 100%;
  text-align: left;
  font-size: 15px;
  line-height: 1.4;
  display: flex;
  min-height: 66px;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 46px;
  position: relative;
  color: #303030;
  border-radius: 0;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--faq .faq-list .faq-item .btn--question {
    font-size: 3.4vw;
    min-height: 14vw;
  }
}

#lp-club-clarins .section--faq .faq-list .faq-item .btn--question:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(./arrow-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--faq .faq-list .faq-item .btn--question:before {
    width: 4vw;
    height: 2vw;
    right: 5vw;
  }
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--faq .faq-list .faq-item .btn--question {
    padding: 3vw 12vw 3vw 4vw;
    height: auto;
  }
}

#lp-club-clarins .section--faq .faq-list .faq-item .faq-reponse {
  overflow: hidden;
}

#lp-club-clarins .section--faq .faq-list .faq-item .faq-reponse .txt--reponse {
  padding: 20px 46px;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .section--faq .faq-list .faq-item .faq-reponse .txt--reponse {
    padding: 4vw;
  }


}

#lp-club-clarins .section--faq .faq-list.faq--loaded .faq-reponse {
  transition: all 0.4s ease-in-out;
}

@media (max-width: 767.98px) {
  #lp-club-clarins .btn {
    min-height: 10vw;
  }
}

#lp-club-clarins .modalities-custom-palier p {
  margin-top: 10px;
}

#lp-club-clarins .modalities-custom-palier p a:hover {
  text-decoration: none;
}