@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');

@font-face {
  font-family: 'Neue Haas Grotesk';

  src: url('NHaasGroteskDSPro-45Lt.woff2') format('woff2'),
         url('NHaasGroteskDSPro-45Lt.woff') format('woff');

  font-weight: 300;

  font-style: normal;
}

@font-face {
  font-family: 'Neue Haas Grotesk';

  src: url('NHaasGroteskDSPro-55Rg.woff2') format('woff2'),
         url('NHaasGroteskDSPro-55Rg.woff') format('woff');

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: 'Neue Haas Grotesk';

  src: url('NHaasGroteskDSPro-65Md.woff2') format('woff2'),
         url('NHaasGroteskDSPro-65Md.woff') format('woff');

  font-weight: 500;

  font-style: normal;
}

@font-face {
  font-family: 'Neue Haas Grotesk';

  src: url('NHaasGroteskDSPro-75Bd.woff2') format('woff2'),
         url('NHaasGroteskDSPro-75Bd.woff') format('woff');

  font-weight: bold;

  font-style: normal;
}

.background-woodprint {
  /* Uniquement sur desktop */
  @media (min-width: 768px) {
    background: url(bg-woodprint.svg) no-repeat center center;

    background-size: cover;

    opacity: 50%;
  }
}

.hero-home{
  position: relative;
  padding-top: 110px;
  padding-bottom: 30px;
}

@media (min-width: 768px){
  .hero-home{
    padding-top: 177px;
    padding-bottom: 177px;
  }
}

.hero-home {
  .hero-home__media{
    position: absolute;
  }
  .hero-home__media{
    top: 0px;
  }
  .hero-home__media{
    left: 0px;
  }
  .hero-home__media{
    height: 100%;
  }
  .hero-home__media{
    width: 100%;
  }
  .hero-home__media {
    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 43.5%),
                        linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 43.5%);
      pointer-events: none;
      /* Permet de cliquer à travers */
      z-index: 1;
    }
  }
  .hero-home__content{
    position: relative;
  }
  .hero-home__content{
    width: 100%;
  }
  .hero-home__content{
    padding: 2rem;
  }
  @media (min-width: 768px){
    .hero-home__content{
      padding: 5rem;
    }
  }
  @media (min-width: 768px){
    .hero-home__content{
      text-align: right;
    }
  }
  @media (min-width: 1024px){
    .hero-home__content{
      display: flex;
    }
  }
  @media (min-width: 1024px){
    .hero-home__content{
      gap: 128px;
    }
  }
  @media (min-width: 1126px){
    .hero-home__content{
      gap: 50px;
    }
  }
  @media (min-width: 1280px){
    .hero-home__content{
      gap: 128px;
    }
  }
  .hero-home__content {
    z-index: 2;
    @media (min-width: 1024px){
      .hero-home__box{
        max-width: 522px;
      }
    }
    @media (min-width: 1126px){
      .hero-home__box{
        max-width: 356px;
      }
    }
    @media (min-width: 1280px){
      .hero-home__box{
        max-width: 522px;
      }
    }
    .hero-home__box {
      .hero-home__heading{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .hero-home__heading{
        font-family: Neue Haas Grotesk, serif;
      }
      .hero-home__heading{
        font-size: 38px;
        line-height: 95%;
      }
      .hero-home__heading{
        font-weight: 400;
      }
      .hero-home__heading{
        letter-spacing: 0;
      }
      .hero-home__heading {
        /* Mobile H1 */
      }
      @media (min-width: 768px){
        .hero-home__heading{
          font-family: Neue Haas Grotesk, serif;
        }

        .hero-home__heading{
          font-size: 64px;
          line-height: 95%;
        }

        .hero-home__heading{
          font-weight: 400;
        }

        .hero-home__heading{
          letter-spacing: 0;
        }
      }
      @media (min-width: 768px){
        .hero-home__heading {
          /* Desktop H1 */
        }
      }
    }
    .hero-home__text{
      margin-top: 40px;
    }
    .hero-home__text{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .hero-home__text{
      font-family: Merriweather, serif;
    }
    .hero-home__text{
      font-size: 14px;
      line-height: 150%;
    }
    .hero-home__text{
      font-weight: 400;
    }
    .hero-home__text{
      letter-spacing: -0.01em;
    }
    @media (min-width: 768px){
      .hero-home__text{
        font-family: Merriweather, serif;
      }

      .hero-home__text{
        font-size: 14px;
        line-height: 150%;
      }

      .hero-home__text{
        font-weight: 400;
      }

      .hero-home__text{
        letter-spacing: -0.01em;
      }
    }
    .hero-home__cards{
      margin-top: 1.5rem;
    }
    .hero-home__cards{
      display: flex;
    }
    .hero-home__cards{
      flex-wrap: wrap;
    }
    .hero-home__cards{
      gap: 19.5px;
    }
    .hero-home__cards{
      align-self: flex-end;
    }
    .hero-home__cards{
      overflow: visible;
    }
    @media (min-width: 768px){
      .hero-home__cards{
        overflow: hidden;
      }
    }
    @media (min-width: 1024px){
      .hero-home__cards{
        margin-top: 0px;
      }
    }
    .hero-home__btn{
      margin-top: 40px;
    }
    .hero-home__btn {
      @media (min-width: 1024px){
        a{
          margin-left: auto;
        }
      }
      &.desktop{
        display: none;
      }
      @media (min-width: 768px){
        &.desktop{
          display: block;
        }
      }
      &.mobile{
        display: block;
      }
      @media (min-width: 768px){
        &.mobile{
          display: none;
        }
      }
    }
  }
}

.hero-home.generic {
  .hero-home__text{
    margin-bottom: 58px;
  }
  .hero-home__text{
    text-align: left;
  }
  @media (min-width: 768px){
    .hero-home__btn{
      margin-top: 130px;
    }
  }
  /* Gestion du background bicolor */
  &:after{
    position: absolute;
  }
  &:after{
    bottom: 0px;
  }
  &:after{
    left: 0px;
  }
  &:after{
    z-index: 1;
  }
  &:after{
    height: 0px;
  }
  &:after{
    width: 100%;
  }
  &:after{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  }
  @media (min-width: 768px){
    &:after{
      height: 44%;
    }
  }
  &:after {
    content: '';
  }
}

.promotion-home {
  /* @apply relative py-[30px] md:py-[177px]; */
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1))
}

@media (min-width: 768px){
  .promotion-home{
    padding-bottom: 10px;
  }
}

.promotion-home {
  .promotion-home__content{
    justify-content: space-between;
  }
  .promotion-home__content{
    overflow: hidden;
  }
  .promotion-home__content{
    --tw-bg-opacity: 1;
    background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  }
  .promotion-home__content{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .promotion-home__content{
    padding-left: 30px;
    padding-right: 30px;
  }
  @media (min-width: 768px){
    .promotion-home__content{
      position: relative;
    }
  }
  @media (min-width: 768px){
    .promotion-home__content{
      z-index: 1;
    }
  }
  @media (min-width: 768px){
    .promotion-home__content{
      --tw-translate-y: -50px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  @media (min-width: 768px){
    .promotion-home__content{
      padding-top: 81.5px;
      padding-bottom: 81.5px;
    }
  }
  @media (min-width: 768px){
    .promotion-home__content{
      padding-left: 81.5px;
      padding-right: 81.5px;
    }
  }
  @media (min-width: 1024px){
    .promotion-home__content{
      display: flex;
    }
  }
  @media (min-width: 1024px){
    .promotion-home__content{
      gap: 128px;
    }
  }
  @media (min-width: 1126px){
    .promotion-home__content{
      gap: 50px;
    }
  }
  @media (min-width: 1280px){
    .promotion-home__content{
      gap: 128px;
    }
  }
  .promotion-home__content {
    .promotion-home__box{
      max-width: 350px;
    }
    .promotion-home__box{
      .promotion-home__heading{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .promotion-home__heading{
        font-family: Neue Haas Grotesk, serif;
      }
      .promotion-home__heading{
        font-size: 32px;
        line-height: 95%;
      }
      .promotion-home__heading{
        font-weight: 400;
      }
      .promotion-home__heading{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .promotion-home__heading{
          font-family: Neue Haas Grotesk, serif;
        }

        .promotion-home__heading{
          font-size: 42px;
          line-height: 95%;
        }

        .promotion-home__heading{
          font-weight: 400;
        }

        .promotion-home__heading{
          letter-spacing: 0;
        }
      }
      .promotion-home__btn{
        margin-top: 40px;
      }
    }
    .promotion-home__cards{
      margin-top: 20px;
    }
    .promotion-home__cards{
      height: 100%;
    }
    .promotion-home__cards{
      overflow: visible;
    }
    @media (min-width: 768px){
      .promotion-home__cards{
        max-width: 630px;
      }
    }
    @media (min-width: 768px){
      .promotion-home__cards{
        overflow: hidden;
      }
    }
    @media (min-width: 1024px){
      .promotion-home__cards{
        margin-top: 0px;
      }
    }
    .promotion-home__btn{
      margin-top: 30px;
    }
    @media (min-width: 768px){
      .promotion-home__btn{
        margin-top: 0px;
      }
    }
    .promotion-home__btn {
      &.desktop{
        display: none;
      }
      @media (min-width: 768px){
        &.desktop{
          display: block;
        }
      }
      &.mobile{
        display: block;
      }
      @media (min-width: 768px){
        &.mobile{
          display: none;
        }
      }
    }
  }
  .wrapper__swiper-pagination{
    margin-top: 20px;
  }
  .wrapper__swiper-pagination{
    display: flex;
  }
  .wrapper__swiper-pagination{
    align-items: center;
  }
  .wrapper__swiper-pagination{
    justify-content: flex-start;
  }
  .wrapper__swiper-pagination{
    gap: 20px;
  }
  @media (min-width: 768px){
    .wrapper__swiper-pagination{
      margin-top: 40px;
    }
  }
  .wrapper__swiper-pagination{
    .swiper-pagination{
      position: relative;
    }
    .swiper-pagination{
      z-index: 0;
    }
    .swiper-pagination{
      display: block;
    }
    .swiper-pagination{
      height: 1px;
    }
    .swiper-pagination{
      max-width: 183px;
    }
    .swiper-pagination{
      --tw-bg-opacity: 1;
      background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
    }
    .swiper-pagination{
      --tw-bg-opacity: 0.2;
    }
    .swiper-pagination {
      .swiper-pagination-progressbar-fill{
        --tw-bg-opacity: 1;
        background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
      }
    }
  }
}

.promotion-secondary-home {
  /* @apply relative py-[30px] md:py-[177px]; */
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1))
}

@media (min-width: 768px){
  .promotion-secondary-home{
    padding-bottom: 10px;
  }
}

.promotion-secondary-home {
  .promotion-secondary-home__content{
    align-items: center;
  }
  .promotion-secondary-home__content{
    justify-content: center;
  }
  .promotion-secondary-home__content{
    gap: 0px;
  }
  .promotion-secondary-home__content{
    --tw-bg-opacity: 1;
    background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  }
  .promotion-secondary-home__content{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .promotion-secondary-home__content{
    padding-left: 30px;
    padding-right: 30px;
  }
  @media (min-width: 768px){
    .promotion-secondary-home__content{
      position: relative;
    }
  }
  @media (min-width: 768px){
    .promotion-secondary-home__content{
      z-index: 1;
    }
  }
  @media (min-width: 768px){
    .promotion-secondary-home__content{
      display: flex;
    }
  }
  @media (min-width: 768px){
    .promotion-secondary-home__content{
      --tw-translate-y: -50px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }
  @media (min-width: 768px){
    .promotion-secondary-home__content{
      padding-top: 48.5px;
      padding-bottom: 48.5px;
    }
  }
  @media (min-width: 768px){
    .promotion-secondary-home__content{
      padding-left: 48.5px;
      padding-right: 48.5px;
    }
  }
  .promotion-secondary-home__content {
    .promotion-secondary-home__image{
      width: 100%;
    }
    @media (min-width: 768px){
      .promotion-secondary-home__image{
        width: 50%;
      }
    }
    .promotion-secondary-home__image {
      /* img {
                @apply w-full;
            } */
    }
    .promotion-secondary-home__box{
      width: 100%;
    }
    @media (min-width: 768px){
      .promotion-secondary-home__box{
        width: 50%;
      }
    }
    .promotion-secondary-home__box{
      .promotion-secondary-home__heading{
        margin-top: 3rem;
      }
      .promotion-secondary-home__heading{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .promotion-secondary-home__heading{
        font-family: Neue Haas Grotesk, serif;
      }
      .promotion-secondary-home__heading{
        font-size: 32px;
        line-height: 95%;
      }
      .promotion-secondary-home__heading{
        font-weight: 400;
      }
      .promotion-secondary-home__heading{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .promotion-secondary-home__heading{
          margin-top: 0px;
        }
      }
      @media (min-width: 768px){
        .promotion-secondary-home__heading{
          font-family: Neue Haas Grotesk, serif;
        }

        .promotion-secondary-home__heading{
          font-size: 42px;
          line-height: 95%;
        }

        .promotion-secondary-home__heading{
          font-weight: 400;
        }

        .promotion-secondary-home__heading{
          letter-spacing: 0;
        }
      }
      .promotion-secondary-home__desc{
        margin-top: 40px;
      }
      .promotion-secondary-home__desc{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .promotion-secondary-home__desc{
        font-family: Merriweather, serif;
      }
      .promotion-secondary-home__desc{
        font-size: 14px;
        line-height: 150%;
      }
      .promotion-secondary-home__desc{
        font-weight: 400;
      }
      .promotion-secondary-home__desc{
        letter-spacing: -0.01em;
      }
      @media (min-width: 768px){
        .promotion-secondary-home__desc{
          font-family: Merriweather, serif;
        }

        .promotion-secondary-home__desc{
          font-size: 14px;
          line-height: 150%;
        }

        .promotion-secondary-home__desc{
          font-weight: 400;
        }

        .promotion-secondary-home__desc{
          letter-spacing: -0.01em;
        }
      }
      .promotion-secondary-home__btn{
        margin-top: 40px;
      }
    }
    .promotion-secondary-home__btn{
      margin-top: 30px;
    }
    @media (min-width: 768px){
      .promotion-secondary-home__btn{
        margin-top: 0px;
      }
    }
    .promotion-secondary-home__btn {
      &.desktop{
        display: none;
      }
      @media (min-width: 768px){
        &.desktop{
          display: block;
        }
      }
      &.mobile{
        display: block;
      }
      @media (min-width: 768px){
        &.mobile{
          display: none;
        }
      }
    }
  }
}

.explore-categorie{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px){
  .explore-categorie{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.explore-categorie {
  .explore-categorie__content{
    .explore-categorie__heading{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .explore-categorie__heading{
      font-family: Neue Haas Grotesk, serif;
    }
    .explore-categorie__heading{
      font-size: 20px;
      line-height: 110%;
    }
    .explore-categorie__heading{
      font-weight: 400;
    }
    .explore-categorie__heading{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .explore-categorie__heading{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
    @media (min-width: 768px){
      .explore-categorie__heading{
        font-family: Neue Haas Grotesk, serif;
      }

      .explore-categorie__heading{
        font-size: 24px;
        line-height: 100%;
      }

      .explore-categorie__heading{
        font-weight: 400;
      }

      .explore-categorie__heading{
        letter-spacing: 0;
      }
    }
    .explore-categorie__wrapper-box-cards{
      gap: 3rem;
    }
    @media (min-width: 1024px){
      .explore-categorie__wrapper-box-cards{
        display: flex;
      }
    }
    .explore-categorie__wrapper-box-cards {
      @media (min-width: 1024px){
        .explore-categorie__box{
          width: 50%;
        }
      }
      @media (min-width: 1126px){
        .explore-categorie__box{
          width: 47%;
        }
      }
      @media (min-width: 1280px){
        .explore-categorie__box{
          width: 50%;
        }
      }
      .explore-categorie__box {
        .explore-categorie__cat-infos{
          display: flex;
        }
        .explore-categorie__cat-infos{
          aspect-ratio: 1 / 1;
        }
        .explore-categorie__cat-infos{
          width: 100%;
        }
        .explore-categorie__cat-infos{
          align-items: flex-end;
        }
        .explore-categorie__cat-infos{
          justify-content: flex-start;
        }
        .explore-categorie__cat-infos{
          border-radius: 3px;
        }
        .explore-categorie__cat-infos{
          padding: 20px;
        }
        @media (min-width: 1024px){
          .explore-categorie__cat-infos{
            height: 660px;
          }
        }
        @media (min-width: 1024px){
          .explore-categorie__cat-infos{
            padding: 80px;
          }
        }
        .explore-categorie__cat-infos {
          div{
            width: 100%;
          }
          h3{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
          }
          h3{
            font-family: Neue Haas Grotesk, serif;
          }
          h3{
            font-size: 38px;
            line-height: 95%;
          }
          h3{
            font-weight: 400;
          }
          h3{
            letter-spacing: 0;
          }
          h3 {
            /* Mobile H1 */
          }
          @media (min-width: 768px){
            h3{
              font-family: Neue Haas Grotesk, serif;
            }

            h3{
              font-size: 64px;
              line-height: 95%;
            }

            h3{
              font-weight: 400;
            }

            h3{
              letter-spacing: 0;
            }
          }
          @media (min-width: 768px){
            h3 {
              /* Desktop H1 */
            }
          }
          .explore-categorie__btn{
            margin-top: 40px;
          }
          &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 59.5%);
            pointer-events: none;
            /* Permet de cliquer à travers */
            z-index: 1;
          }
        }
      }
      .explore-categorie__cards{
        margin-top: 20px;
      }
      .explore-categorie__cards{
        max-height: 660px;
      }
      .explore-categorie__cards{
        overflow: visible;
      }
      @media (min-width: 768px){
        .explore-categorie__cards{
          overflow: hidden;
        }
      }
      @media (min-width: 1024px){
        .explore-categorie__cards{
          margin-top: 0px;
        }
      }
      @media (min-width: 1024px){
        .explore-categorie__cards{
          width: 50%;
        }
      }
    }
  }
}

/* Gestion du background bicolor */

.explore-categorie:after{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 25.9%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  content: '';
}

.explore-all-categories{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px){
  .explore-all-categories{
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.explore-all-categories {
  .explore-all-categories__content{
    align-items: flex-end;
  }
  .explore-all-categories__content{
    justify-content: space-between;
  }
  .explore-all-categories__content{
    gap: 20px;
  }
  @media (min-width: 768px){
    .explore-all-categories__content{
      display: flex;
    }
  }
  .explore-all-categories__content {
    .explore-all-categories__heading{
      margin-bottom: 20px;
    }
    .explore-all-categories__heading{
      display: flex;
    }
    @media (min-width: 768px){
      .explore-all-categories__heading{
        margin-bottom: 0px;
      }
    }
    @media (min-width: 768px){
      .explore-all-categories__heading{
        display: block;
      }
    }
    @media (min-width: 768px){
      .explore-all-categories__heading{
        max-width: 205px;
      }
    }
    .explore-all-categories__heading{
      .explore-all-categories__title{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .explore-all-categories__title{
        font-family: Neue Haas Grotesk, serif;
      }
      .explore-all-categories__title{
        font-size: 32px;
        line-height: 95%;
      }
      .explore-all-categories__title{
        font-weight: 400;
      }
      .explore-all-categories__title{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .explore-all-categories__title{
          font-family: Neue Haas Grotesk, serif;
        }

        .explore-all-categories__title{
          font-size: 42px;
          line-height: 95%;
        }

        .explore-all-categories__title{
          font-weight: 400;
        }

        .explore-all-categories__title{
          letter-spacing: 0;
        }
      }
      .wrapper__swiper-pagination{
        margin-top: 1rem;
      }
      .wrapper__swiper-pagination{
        display: flex;
      }
    }
    .explore-all-categories__cards{
      width: 100%;
    }
    .explore-all-categories__cards{
      overflow: visible;
    }
    @media (min-width: 768px){
      .explore-all-categories__cards{
        overflow: hidden;
      }
    }
  }
  /* Première slide (active) affichage différent */
  .swiper-slide{
    width: 197px;
  }
  .swiper-slide{
    max-width: 197px;
  }
  @media (min-width: 768px){
    .swiper-slide-active{
      width: 413px;
    }
  }
  @media (min-width: 768px){
    .swiper-slide-active{
      max-width: 413px;
    }
  }
  .swiper-slide-active {
    .card-collection{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    @media (min-width: 768px){
      .card-collection{
        width: 413px;
      }
    }
    @media (min-width: 768px){
      .card-collection{
        max-width: 413px;
      }
    }
    .card-collection {
      .card-collection__image{
        display: none;
      }
      .card-collection__content{
        --tw-bg-opacity: 1;
        background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
      }
      .card-collection__content {
        .card-collection__title{
          --tw-text-opacity: 1;
          color: rgb(15 48 67 / var(--tw-text-opacity, 1));
        }
        .card-collection__description {
          display: block !important;
        }
      }
      &:hover {
        .card-collection__content{
          border-width: 0px;
        }
        .card-collection__content{
          --tw-bg-opacity: 1;
          background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
        }
        .card-collection__content {
          .card-collection__title{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
          }
          .card-collection__description{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
          }
        }
      }
    }
  }
}

.explore-inspirations{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px){
  .explore-inspirations{
    padding-top: 80px;
  }
}

.explore-inspirations {
  .explore-inspirations__content{
    gap: 128px;
  }
  @media (min-width: 768px){
    .explore-inspirations__content{
      display: flex;
    }
  }
  .explore-inspirations__content{
    @media (min-width: 1024px){
      .explore-inspirations__heading{
        width: 50%;
      }
    }
    @media (min-width: 1126px){
      .explore-inspirations__heading{
        width: 44%;
      }
    }
    @media (min-width: 1280px){
      .explore-inspirations__heading{
        width: 50%;
      }
    }
    .explore-inspirations__heading{
      .explore-inspirations__subtitle{
        margin-bottom: 30px;
      }
      .explore-inspirations__subtitle{
        text-transform: uppercase;
      }
      .explore-inspirations__subtitle{
        --tw-text-opacity: 1;
        color: rgb(156 249 204 / var(--tw-text-opacity, 1));
      }
      .explore-inspirations__subtitle{
        font-family: Neue Haas Grotesk, serif;
      }
      .explore-inspirations__subtitle{
        font-size: 12px;
        line-height: 100%;
      }
      .explore-inspirations__subtitle{
        font-weight: 400;
      }
      .explore-inspirations__subtitle{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .explore-inspirations__subtitle{
          font-family: Neue Haas Grotesk, serif;
        }

        .explore-inspirations__subtitle{
          font-size: 12px;
          line-height: 100%;
        }

        .explore-inspirations__subtitle{
          font-weight: 400;
        }

        .explore-inspirations__subtitle{
          letter-spacing: 0;
        }
      }
      .explore-inspirations__title{
        margin-bottom: 30px;
      }
      .explore-inspirations__title{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .explore-inspirations__title{
        font-family: Neue Haas Grotesk, serif;
      }
      .explore-inspirations__title{
        font-size: 38px;
        line-height: 95%;
      }
      .explore-inspirations__title{
        font-weight: 400;
      }
      .explore-inspirations__title{
        letter-spacing: 0;
      }
      .explore-inspirations__title {
        /* Mobile H1 */
      }
      @media (min-width: 768px){
        .explore-inspirations__title{
          font-family: Neue Haas Grotesk, serif;
        }

        .explore-inspirations__title{
          font-size: 64px;
          line-height: 95%;
        }

        .explore-inspirations__title{
          font-weight: 400;
        }

        .explore-inspirations__title{
          letter-spacing: 0;
        }
      }
      @media (min-width: 768px){
        .explore-inspirations__title {
          /* Desktop H1 */
        }
      }
      .explore-inspirations__desc{
        margin-bottom: 30px;
      }
      .explore-inspirations__desc{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .explore-inspirations__desc{
        font-family: Merriweather, serif;
      }
      .explore-inspirations__desc{
        font-size: 14px;
        line-height: 150%;
      }
      .explore-inspirations__desc{
        font-weight: 400;
      }
      .explore-inspirations__desc{
        letter-spacing: -0.01em;
      }
      @media (min-width: 768px){
        .explore-inspirations__desc{
          font-family: Merriweather, serif;
        }

        .explore-inspirations__desc{
          font-size: 14px;
          line-height: 150%;
        }

        .explore-inspirations__desc{
          font-weight: 400;
        }

        .explore-inspirations__desc{
          letter-spacing: -0.01em;
        }
      }
      .wrapper__swiper-pagination{
        margin-bottom: 30px;
      }
    }
    .explore-inspirations__cards{
      margin-top: 20px;
    }
    .explore-inspirations__cards{
      max-height: 660px;
    }
    .explore-inspirations__cards{
      overflow: visible;
    }
    @media (min-width: 768px){
      .explore-inspirations__cards{
        overflow: hidden;
      }
    }
    @media (min-width: 1024px){
      .explore-inspirations__cards{
        margin-top: 0px;
      }
    }
    @media (min-width: 1024px){
      .explore-inspirations__cards{
        width: 50%;
      }
    }
    .wrapper__swiper-pagination{
      margin-top: 20px;
    }
    .wrapper__swiper-pagination{
      display: flex;
    }
    .wrapper__swiper-pagination{
      align-items: center;
    }
    .wrapper__swiper-pagination{
      justify-content: flex-start;
    }
    .wrapper__swiper-pagination{
      gap: 20px;
    }
    @media (min-width: 768px){
      .wrapper__swiper-pagination{
        margin-top: 40px;
      }
    }
    .wrapper__swiper-pagination{
      .swiper-pagination-inspirations{
        position: relative;
      }
      .swiper-pagination-inspirations{
        z-index: 0;
      }
      .swiper-pagination-inspirations{
        display: block;
      }
      .swiper-pagination-inspirations{
        height: 1px;
      }
      .swiper-pagination-inspirations{
        max-width: 183px;
      }
      .swiper-pagination-inspirations{
        --tw-bg-opacity: 1;
        background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
      }
      .swiper-pagination-inspirations{
        --tw-bg-opacity: 0.2;
      }
      .swiper-pagination-inspirations {
        .swiper-pagination-progressbar-fill{
          --tw-bg-opacity: 1;
          background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
        }
      }
    }
  }
}

/* Gestion du background bicolor */

.explore-inspirations:after{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px){
  .explore-inspirations:after{
    height: 18.0%;
  }
}

.explore-inspirations:after {
  content: '';
}

.cpt-pro-contact{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 768px){
  .cpt-pro-contact{
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.cpt-pro-contact{
  .cpt-pro-contact__content{
    gap: 0px;
  }
  @media (min-width: 768px){
    .cpt-pro-contact__content{
      display: flex;
    }
  }
  .cpt-pro-contact__content{
    @media (min-width: 768px){
      .cpt-pro-contact__block{
        width: 50%;
      }
    }
    .cpt-pro-contact__block{
      --tw-bg-opacity: 1;
      background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
    }
    .cpt-pro-contact__block{
      padding-left: 30px;
      padding-right: 30px;
    }
    .cpt-pro-contact__block{
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .cpt-pro-contact__block{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    @media (min-width: 768px){
      .cpt-pro-contact__block{
        padding-left: 70px;
        padding-right: 70px;
      }
    }
    @media (min-width: 768px){
      .cpt-pro-contact__block{
        padding-top: 70px;
        padding-bottom: 70px;
      }
    }
    .cpt-pro-contact__block {
      .block__title{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .block__title{
        font-family: Neue Haas Grotesk, serif;
      }
      .block__title{
        font-size: 32px;
        line-height: 95%;
      }
      .block__title{
        font-weight: 400;
      }
      .block__title{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .block__title{
          font-family: Neue Haas Grotesk, serif;
        }

        .block__title{
          font-size: 42px;
          line-height: 95%;
        }

        .block__title{
          font-weight: 400;
        }

        .block__title{
          letter-spacing: 0;
        }
      }
      .block__description{
        margin-top: 30px;
      }
      .block__description{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .block__description{
        font-family: Merriweather, serif;
      }
      .block__description{
        font-size: 14px;
        line-height: 150%;
      }
      .block__description{
        font-weight: 400;
      }
      .block__description{
        letter-spacing: -0.01em;
      }
      @media (min-width: 768px){
        .block__description{
          font-family: Merriweather, serif;
        }

        .block__description{
          font-size: 14px;
          line-height: 150%;
        }

        .block__description{
          font-weight: 400;
        }

        .block__description{
          letter-spacing: -0.01em;
        }
      }
      .benefices{
        margin-top: 40px;
      }
      .benefices{
        display: flex;
      }
      .benefices{
        flex-wrap: wrap;
      }
      .benefices{
        gap: 35px;
      }
      .benefices{
        .benefices__item{
          display: flex;
        }
        .benefices__item{
          width: calc(50% - 35px);
        }
        .benefices__item{
          flex-direction: row;
        }
        .benefices__item{
          align-items: center;
        }
        .benefices__item{
          gap: 10px;
        }
        @media (min-width: 768px){
          .benefices__item{
            width: calc(26.5% - 35px);
          }
        }
        .benefices__item{
          .benefices__label{
            --tw-text-opacity: 1;
            color: rgb(156 249 204 / var(--tw-text-opacity, 1));
          }
          .benefices__label{
            font-family: Neue Haas Grotesk, serif;
          }
          .benefices__label{
            font-size: 13px;
            line-height: 100%;
          }
          .benefices__label{
            font-weight: 500;
          }
          .benefices__label{
            letter-spacing: 0;
          }
          @media (min-width: 768px){
            .benefices__label{
              font-family: Neue Haas Grotesk, serif;
            }

            .benefices__label{
              font-size: 13px;
              line-height: 100%;
            }

            .benefices__label{
              font-weight: 500;
            }

            .benefices__label{
              letter-spacing: 0;
            }
          }
          .contacts__content{
            --tw-text-opacity: 1;
            color: rgb(15 48 67 / var(--tw-text-opacity, 1));
          }
          .contacts__content{
            font-family: Merriweather, serif;
          }
          .contacts__content{
            font-size: 14px;
            line-height: 150%;
          }
          .contacts__content{
            font-weight: 400;
          }
          .contacts__content{
            letter-spacing: -0.01em;
          }
          @media (min-width: 768px){
            .contacts__content{
              font-family: Merriweather, serif;
            }

            .contacts__content{
              font-size: 14px;
              line-height: 150%;
            }

            .contacts__content{
              font-weight: 400;
            }

            .contacts__content{
              letter-spacing: -0.01em;
            }
          }
          img{
            width: 14px;
          }
          img{
            max-width: 14px;
          }
        }
      }
      /* .contacts {
                @apply flex flex-wrap gap-[15px] mt-[40px];

                .contacts__item {
                    @apply w-[calc(50%-15px)] md:w-[calc(33%-15px)];
                    .contacts__label{
                        @apply title-h6-mobile md:title-h6 text-bleu mb-4;
                        span{
                            @apply flex gap-[5px];
                        }
                    }
                    &.mobile-full {
                        @apply w-full md:w-1/3;
                    }

                    .cta-secondary {
                        @apply min-w-0;
                    }
                }
            } */
      .contacts{
        margin-top: 40px;
      }
      .contacts{
        display: flex;
      }
      .contacts{
        -moz-column-gap: 15px;
             column-gap: 15px;
      }
      .contacts{
        row-gap: 1rem;
      }
      @media (min-width: 768px){
        .contacts{
          justify-content: space-between;
        }
      }
      .contacts {
        flex-wrap: nowrap;
        & > .contacts__item {
          max-width: auto;
          .cta-secondary {
            min-width: 0;
          }
          .contacts__label{
            margin-bottom: 1rem;
          }
          .contacts__label{
            --tw-text-opacity: 1;
            color: rgb(15 48 67 / var(--tw-text-opacity, 1));
          }
          .contacts__label{
            font-family: Neue Haas Grotesk, serif;
          }
          .contacts__label{
            font-size: 13px;
            line-height: 100%;
          }
          .contacts__label{
            font-weight: 500;
          }
          .contacts__label{
            letter-spacing: 0;
          }
          @media (min-width: 768px){
            .contacts__label{
              font-family: Neue Haas Grotesk, serif;
            }

            .contacts__label{
              font-size: 13px;
              line-height: 100%;
            }

            .contacts__label{
              font-weight: 500;
            }

            .contacts__label{
              letter-spacing: 0;
            }
          }
          .contacts__label {
            & > span{
              margin-bottom: 0.75rem;
            }
            & > span{
              display: flex;
            }
            & > span{
              align-items: center;
            }
            & > span{
              gap: 0.5rem;
            }
          }
          .contacts__content{
            font-size: 14px;
          }
          .contacts__content{
            font-weight: 400;
          }
          .contacts__content{
            line-height: 140%;
          }
          .contacts__content{
            letter-spacing: -0.02em;
          }
          .contacts__content {
            font-family: "georgia", serif;
            font-family: Georgia;
          }
        }
        @media screen and (max-width: 1200px) {
          -moz-column-gap: 2%;
               column-gap: 2%;

          row-gap: 15px;

          flex-wrap: wrap;

          & > .contacts__item:not(:first-child) {
            width: 49%;
            .contacts__label {
              & > span{
                margin-bottom: 0.5rem;
              }
            }
          }

          & > .contacts__item:first-child {
            max-width: 100%;
            width: 100%;
            .contacts__label {
              & > span{
                margin-bottom: 0.25rem;
              }
            }
          }
        }
      }
      &.block_right{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
      &.block_right{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      &.block_right {
        .block__title{
          --tw-text-opacity: 1;
          color: rgb(15 48 67 / var(--tw-text-opacity, 1));
        }
        .block__description{
          --tw-text-opacity: 1;
          color: rgb(15 48 67 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
}

.hero-a-propos{
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 768px){
  .hero-a-propos{
    padding-top: 177px;
    padding-bottom: 177px;
  }
}

.hero-a-propos {
  .hero-a-propos__media{
    position: absolute;
  }
  .hero-a-propos__media{
    top: 0px;
  }
  .hero-a-propos__media{
    left: 0px;
  }
  .hero-a-propos__media{
    height: 100%;
  }
  .hero-a-propos__media{
    width: 100%;
  }
  .hero-a-propos__media {
    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(249.82deg, rgba(0, 0, 0, 0) 38.33%, rgba(0, 0, 0, 0.4) 70.78%);
      pointer-events: none;
      /* Permet de cliquer à travers */
      z-index: 1;
    }
  }
  .hero-a-propos__content{
    position: relative;
  }
  .hero-a-propos__content{
    width: 100%;
  }
  .hero-a-propos__content{
    padding: 2rem;
  }
  @media (min-width: 768px){
    .hero-a-propos__content{
      padding: 5rem;
    }
  }
  @media (min-width: 768px){
    .hero-a-propos__content{
      text-align: left;
    }
  }
  @media (min-width: 1024px){
    .hero-a-propos__content{
      display: flex;
    }
  }
  @media (min-width: 1024px){
    .hero-a-propos__content{
      gap: 128px;
    }
  }
  .hero-a-propos__content {
    z-index: 2;
    .hero-a-propos__box{
      max-width: 522px;
    }
    .hero-a-propos__box {
      .hero-a-propos__heading{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .hero-a-propos__heading{
        font-family: Neue Haas Grotesk, serif;
      }
      .hero-a-propos__heading{
        font-size: 64px;
        line-height: 95%;
      }
      .hero-a-propos__heading{
        font-weight: 300;
      }
      .hero-a-propos__heading{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .hero-a-propos__heading{
          font-family: Neue Haas Grotesk, serif;
        }

        .hero-a-propos__heading{
          font-size: 92px;
          line-height: 95%;
        }

        .hero-a-propos__heading{
          font-weight: 300;
        }

        .hero-a-propos__heading{
          letter-spacing: 0;
        }
      }
      .hero-a-propos__text{
        margin-top: 40px;
      }
      .hero-a-propos__text{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .hero-a-propos__text{
        font-family: Merriweather, serif;
      }
      .hero-a-propos__text{
        font-size: 14px;
        line-height: 150%;
      }
      .hero-a-propos__text{
        font-weight: 400;
      }
      .hero-a-propos__text{
        letter-spacing: -0.01em;
      }
      @media (min-width: 768px){
        .hero-a-propos__text{
          font-family: Merriweather, serif;
        }

        .hero-a-propos__text{
          font-size: 14px;
          line-height: 150%;
        }

        .hero-a-propos__text{
          font-weight: 400;
        }

        .hero-a-propos__text{
          letter-spacing: -0.01em;
        }
      }
    }
    .hero-a-propos__btn{
      margin-top: 40px;
    }
    .hero-a-propos__btn {
      &.desktop{
        display: none;
      }
      @media (min-width: 768px){
        &.desktop{
          display: block;
        }
      }
      &.mobile{
        display: block;
      }
      @media (min-width: 768px){
        &.mobile{
          display: none;
        }
      }
    }
  }
}

.explore-conseils{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px){
  .explore-conseils{
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.explore-conseils {
  .explore-conseils__content{
    gap: 128px;
  }
  @media (min-width: 768px){
    .explore-conseils__content{
      display: flex;
    }
  }
  .explore-conseils__content{
    @media (min-width: 1024px){
      .explore-conseils__heading{
        width: 33.333333%;
      }
    }
    @media (min-width: 1126px){
      .explore-conseils__heading{
        width: 21%;
      }
    }
    @media (min-width: 1280px){
      .explore-conseils__heading{
        width: 33.333333%;
      }
    }
    .explore-conseils__heading{
      .explore-conseils__title{
        margin-bottom: 30px;
      }
      .explore-conseils__title{
        min-height: 76px;
      }
      .explore-conseils__title{
        font-size: 40px !important;
      }
      .explore-conseils__title{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .explore-conseils__title{
        font-family: Neue Haas Grotesk, serif;
      }
      .explore-conseils__title{
        font-size: 32px;
        line-height: 95%;
      }
      .explore-conseils__title{
        font-weight: 400;
      }
      .explore-conseils__title{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .explore-conseils__title{
          font-family: Neue Haas Grotesk, serif;
        }

        .explore-conseils__title{
          font-size: 42px;
          line-height: 95%;
        }

        .explore-conseils__title{
          font-weight: 400;
        }

        .explore-conseils__title{
          letter-spacing: 0;
        }
      }
      .wrapper__swiper-pagination{
        margin-bottom: 30px;
      }
      .promotion-home__btn{
        margin-top: 105px;
      }
      .promotion-home__btn {
        @media screen and (min-width: 769px) {
          .cta-secondary {
            transform: translate(0, -50%);
          }
        }
      }
    }
    .explore-conseils__cards{
      margin-top: 20px;
    }
    .explore-conseils__cards{
      max-height: 660px;
    }
    .explore-conseils__cards{
      overflow: visible;
    }
    @media (min-width: 768px){
      .explore-conseils__cards{
        overflow: hidden;
      }
    }
    @media (min-width: 1024px){
      .explore-conseils__cards{
        margin-top: 0px;
      }
    }
    @media (min-width: 1024px){
      .explore-conseils__cards{
        width: 66.666667%;
      }
    }
    .wrapper__swiper-pagination{
      margin-top: 20px;
    }
    .wrapper__swiper-pagination{
      display: flex;
    }
    .wrapper__swiper-pagination{
      align-items: center;
    }
    .wrapper__swiper-pagination{
      justify-content: flex-start;
    }
    .wrapper__swiper-pagination{
      gap: 20px;
    }
    @media (min-width: 768px){
      .wrapper__swiper-pagination{
        margin-top: 40px;
      }
    }
    .wrapper__swiper-pagination{
      .swiper-pagination-conseils{
        position: relative;
      }
      .swiper-pagination-conseils{
        z-index: 0;
      }
      .swiper-pagination-conseils{
        display: block;
      }
      .swiper-pagination-conseils{
        height: 1px;
      }
      .swiper-pagination-conseils{
        max-width: 183px;
      }
      .swiper-pagination-conseils{
        --tw-bg-opacity: 1;
        background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
      }
      .swiper-pagination-conseils{
        --tw-bg-opacity: 0.2;
      }
      .swiper-pagination-conseils {
        .swiper-pagination-progressbar-fill{
          --tw-bg-opacity: 1;
          background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
        }
      }
    }
  }
}

/* Gestion du background bicolor */

.explore-conseils:after{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px){
  .explore-conseils:after{
    height: 37.8%;
  }
}

@media (min-width: 1024px){
  .explore-conseils:after{
    height: 37.8%;
  }
}

@media (min-width: 1126px){
  .explore-conseils:after{
    height: 38.2%;
  }
}

@media (min-width: 1280px){
  .explore-conseils:after{
    height: 37.8%;
  }
}

.explore-conseils:after {
  content: '';
}

.recommanded-associates{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  padding-top: 60px;
  padding-bottom: 60px;
  .recommanded-associates__content{
    gap: 20px;
  }
  @media (min-width: 768px){
    .recommanded-associates__content{
      display: flex;
    }
  }
  .recommanded-associates__carrousel{
    margin-bottom: 20px;
  }
  @media (min-width: 768px){
    .recommanded-associates__carrousel{
      margin-bottom: 0px;
    }
  }
  @media (min-width: 768px){
    .recommanded-associates__carrousel{
      width: 50%;
    }
  }
  @media (min-width: 768px){
    .recommanded-associates__carrousel{
      overflow: hidden;
    }
  }
  .recommanded-associates__heading{
    display: flex;
  }
  .recommanded-associates__heading{
    align-items: center;
  }
  .recommanded-associates__heading{
    justify-content: space-between;
  }
  .recommanded-associates__heading {
    .recommanded-associates__title{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .recommanded-associates__title{
      font-family: Neue Haas Grotesk, serif;
    }
    .recommanded-associates__title{
      font-size: 20px;
      line-height: 110%;
    }
    .recommanded-associates__title{
      font-weight: 400;
    }
    .recommanded-associates__title{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .recommanded-associates__title{
        font-family: Neue Haas Grotesk, serif;
      }

      .recommanded-associates__title{
        font-size: 24px;
        line-height: 100%;
      }

      .recommanded-associates__title{
        font-weight: 400;
      }

      .recommanded-associates__title{
        letter-spacing: 0;
      }
    }
  }
  .recommanded-associates__wrapper-box-cards{
    margin-top: 30px;
  }
}

.faq{
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 768px){
  .faq{
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.faq {
  .faq__content{
    gap: 130px;
  }
  @media (min-width: 768px){
    .faq__content{
      display: flex;
    }
  }
  @media (min-width: 768px){
    .faq__content{
      gap: 5vw;
    }
  }
  @media (min-width: 768px){
    .faq__heading{
      max-width: 305px;
    }
  }
  .faq__heading {
    .faq__title{
      margin-bottom: 40px;
    }
    .faq__title{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .faq__title{
      font-family: Neue Haas Grotesk, serif;
    }
    .faq__title{
      font-size: 32px;
      line-height: 95%;
    }
    .faq__title{
      font-weight: 400;
    }
    .faq__title{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .faq__title{
        font-family: Neue Haas Grotesk, serif;
      }

      .faq__title{
        font-size: 42px;
        line-height: 95%;
      }

      .faq__title{
        font-weight: 400;
      }

      .faq__title{
        letter-spacing: 0;
      }
    }
  }
  .faq__container{
    width: 100%;
  }
}

/* Doit être accessible dans d'autres sections */

.rb-faq-container-item{
  border-radius: 0px !important;
  .rb-faq-question{
    min-height: 70px;
  }
  .rb-faq-question{
    cursor: pointer;
  }
  .rb-faq-question{
    align-items: center;
  }
  .rb-faq-question{
    border-radius: 0px;
  }
  .rb-faq-question{
    border-bottom-width: 1px;
  }
  .rb-faq-question{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  }
  .rb-faq-question{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .rb-faq-question{
    font-family: Neue Haas Grotesk, serif;
  }
  .rb-faq-question{
    font-size: 13px;
    line-height: 100%;
  }
  .rb-faq-question{
    font-weight: 500;
  }
  .rb-faq-question{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .rb-faq-question{
      font-family: Neue Haas Grotesk, serif;
    }

    .rb-faq-question{
      font-size: 16px;
      line-height: 120%;
    }

    .rb-faq-question{
      font-weight: 500;
    }

    .rb-faq-question{
      letter-spacing: 0;
    }
  }
  .rb-faq-question {
    &:after{
      --tw-text-opacity: 1;
      color: rgb(156 249 204 / var(--tw-text-opacity, 1));
    }
    &:hover{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    &:hover{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    &:hover{
      &:after{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
    }
    .tab-toggle:checked ~ &{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    .tab-toggle:checked ~ &{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .tab-toggle:checked ~ & {
      &:after{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
    }
  }
  .rb-faq-answer {
    padding-left: 80px !important;
    padding-right: 80px !important;
    p{
      margin-bottom: 0.75rem;
    }
    a{
      text-decoration-line: underline;
    }
  }
}

.tab-toggle:checked ~ .rb-faq-answer {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media screen and (max-width: 989px) {
  .rb-faq-container-item {
    .rb-faq-answer {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
  }

  .tab-toggle:checked ~ .rb-faq-answer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

.bandeau-rassurance{
  --tw-bg-opacity: 1;
  background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 768px){
  .bandeau-rassurance{
    padding-left: 168px;
    padding-right: 168px;
  }
}

.bandeau-rassurance {
  .bandeau-rassurance__items{
    display: flex;
  }
  .bandeau-rassurance__items{
    flex-wrap: wrap;
  }
  .bandeau-rassurance__items{
    align-items: center;
  }
  .bandeau-rassurance__items{
    justify-content: space-between;
  }
  .bandeau-rassurance__items{
    row-gap: 2rem;
  }
  .bandeau-rassurance__items {
    .item{
      display: flex;
    }
    .item{
      max-width: 125px;
    }
    .item{
      align-items: center;
    }
    .item{
      justify-content: center;
    }
    .item{
      gap: 0.75rem;
    }
    .item__label{
      font-family: Neue Haas Grotesk, serif;
    }
    .item__label{
      font-size: 13px;
    }
    .item__label{
      font-weight: 500;
    }
    .item__label{
      line-height: 13px;
    }
    .item__label{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
  }
}

.pour-vous-aider-contact{
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 768px){
  .pour-vous-aider-contact{
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

.pour-vous-aider-contact {
  .pour-vous-aider-contact__block{
    display: flex;
  }
  .pour-vous-aider-contact__block{
    flex-direction: column;
  }
  .pour-vous-aider-contact__block{
    -moz-column-gap: 5vw;
         column-gap: 5vw;
  }
  .pour-vous-aider-contact__block{
    row-gap: 30px;
  }
  .pour-vous-aider-contact__block{
    --tw-bg-opacity: 1;
    background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  }
  .pour-vous-aider-contact__block{
    padding: 20px;
  }
  @media (min-width: 640px){
    .pour-vous-aider-contact__block{
      padding: 30px;
    }
  }
  @media (min-width: 768px){
    .pour-vous-aider-contact__block{
      flex-direction: row;
    }
  }
  @media (min-width: 768px){
    .pour-vous-aider-contact__block{
      align-items: center;
    }
  }
  @media (min-width: 768px){
    .pour-vous-aider-contact__block{
      padding: 80px;
    }
  }
  @media (min-width: 1024px){
    .pour-vous-aider-contact__block{
      -moz-column-gap: 13vw;
           column-gap: 13vw;
    }
  }
  .pour-vous-aider-contact__block {
    @media (min-width: 768px){
      .pour-vous-aider-contact__header{
        width: 50%;
      }
    }
    @media (min-width: 768px){
      .pour-vous-aider-contact__header{
        max-width: 500px;
      }
    }
    .pour-vous-aider-contact__header {
      .block__title{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .block__title{
        font-family: Neue Haas Grotesk, serif;
      }
      .block__title{
        font-size: 32px;
        line-height: 95%;
      }
      .block__title{
        font-weight: 400;
      }
      .block__title{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .block__title{
          font-family: Neue Haas Grotesk, serif;
        }

        .block__title{
          font-size: 42px;
          line-height: 95%;
        }

        .block__title{
          font-weight: 400;
        }

        .block__title{
          letter-spacing: 0;
        }
      }
      .block__description{
        margin-top: 20px;
      }
      .block__description{
        --tw-text-opacity: 1;
        color: rgb(70 99 106 / var(--tw-text-opacity, 1));
      }
      .block__description{
        font-family: Merriweather, serif;
      }
      .block__description{
        font-size: 14px;
        line-height: 150%;
      }
      .block__description{
        font-weight: 400;
      }
      .block__description{
        letter-spacing: -0.01em;
      }
      @media (min-width: 768px){
        .block__description{
          margin-top: 40px;
        }
      }
      @media (min-width: 768px){
        .block__description{
          font-family: Merriweather, serif;
        }

        .block__description{
          font-size: 14px;
          line-height: 150%;
        }

        .block__description{
          font-weight: 400;
        }

        .block__description{
          letter-spacing: -0.01em;
        }
      }
    }
    .pour-vous-aider-contact__contacts{
      display: flex;
    }
    .pour-vous-aider-contact__contacts{
      flex-wrap: wrap;
    }
    .pour-vous-aider-contact__contacts{
      -moz-column-gap: 15px;
           column-gap: 15px;
    }
    .pour-vous-aider-contact__contacts{
      row-gap: 20px;
    }
    @media (min-width: 640px){
      .pour-vous-aider-contact__contacts{
        -moz-column-gap: 20px;
             column-gap: 20px;
      }
    }
    @media (min-width: 768px){
      .pour-vous-aider-contact__contacts{
        width: 50%;
      }
    }
    @media (min-width: 768px){
      .pour-vous-aider-contact__contacts{
        max-width: 500px;
      }
    }
    @media (min-width: 768px){
      .pour-vous-aider-contact__contacts{
        -moz-column-gap: 3vw;
             column-gap: 3vw;
      }
    }
    @media (min-width: 768px){
      .pour-vous-aider-contact__contacts{
        row-gap: 30px;
      }
    }
    .pour-vous-aider-contact__contacts{
      .contacts__item {
        &.full{
          width: 100%;
        }
      }
      .contacts__label{
        margin-bottom: 0.75rem;
      }
      .contacts__label{
        font-family: Neue Haas Grotesk, serif;
      }
      .contacts__label{
        font-size: 14px;
      }
      .contacts__label{
        font-weight: 500;
      }
      .contacts__label{
        line-height: 19.6px;
      }
      .contacts__label{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .contacts__label {
        span{
          display: flex;
        }
        span{
          gap: 0.75rem;
        }
      }
    }
  }
}

.contacts__item {
  .cta-secondary{
    min-width: 0px;
  }
  .contacts__label {
    span {
      align-items: center;
    }
  }
}

.article-associates{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  padding-top: 60px;
  padding-bottom: 60px;
  .article-associates__content {
    /* @apply md:flex gap-[20px]; */
  }
  .article-associates__carrousel{
    margin-bottom: 20px;
  }
  @media (min-width: 768px){
    .article-associates__carrousel{
      margin-bottom: 0px;
    }
  }
  @media (min-width: 768px){
    .article-associates__carrousel{
      overflow: hidden;
    }
  }
  .article-associates__heading{
    display: flex;
  }
  .article-associates__heading{
    align-items: center;
  }
  .article-associates__heading{
    justify-content: space-between;
  }
  .article-associates__heading {
    .article-associates__title{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .article-associates__title{
      font-family: Neue Haas Grotesk, serif;
    }
    .article-associates__title{
      font-size: 20px;
      line-height: 110%;
    }
    .article-associates__title{
      font-weight: 400;
    }
    .article-associates__title{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .article-associates__title{
        font-family: Neue Haas Grotesk, serif;
      }

      .article-associates__title{
        font-size: 24px;
        line-height: 100%;
      }

      .article-associates__title{
        font-weight: 400;
      }

      .article-associates__title{
        letter-spacing: 0;
      }
    }
  }
  .article-associates__wrapper-box-cards{
    margin-top: 30px;
  }
}

.rich-text__wrapper {
  &:has(.rich-text__blocks--col-1) {
    max-width: 100%;
  }
}

/* Surcharge section rich-text */

.rich-text{
  .rich-text__heading{
    margin-bottom: 20px;
  }
  .rich-text__heading{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  @media (min-width: 768px){
    .rich-text__heading{
      margin-bottom: 40px;
    }
  }
  .rich-text__heading {
    &.h1{
      font-family: Neue Haas Grotesk, serif;
    }
    &.h1{
      font-size: 38px;
      line-height: 95%;
    }
    &.h1{
      font-weight: 400;
    }
    &.h1{
      letter-spacing: 0;
    }
    &.h1 {
      /* Mobile H1 */
    }
    @media (min-width: 768px){
      &.h1{
        font-family: Neue Haas Grotesk, serif;
      }

      &.h1{
        font-size: 64px;
        line-height: 95%;
      }

      &.h1{
        font-weight: 400;
      }

      &.h1{
        letter-spacing: 0;
      }
    }
    @media (min-width: 768px){
      &.h1 {
        /* Desktop H1 */
      }
    }
    &.h2{
      font-family: Neue Haas Grotesk, serif;
    }
    &.h2{
      font-size: 32px;
      line-height: 95%;
    }
    &.h2{
      font-weight: 400;
    }
    &.h2{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      &.h2{
        font-family: Neue Haas Grotesk, serif;
      }

      &.h2{
        font-size: 42px;
        line-height: 95%;
      }

      &.h2{
        font-weight: 400;
      }

      &.h2{
        letter-spacing: 0;
      }
    }
  }
  .rich-text__blocks {
    &:has(.rich-text__blocks--col-1) {
      display: flex;
      max-width: 1064px;
      .rich-text__blocks--col-1 {
        width: 40%;
        text-align: right;
        padding-right: 8vw;
        h2 {
          font-weight: 400;
          font-size: 24px;
          color: #01AF75;
          font-family: 'Neue Haas Grotesk';
        }
      }
      .rich-text__blocks--col-2 {
        width: 60%;
        margin-top: 7px;
        & > *:first-child {
          margin-top: 0;
          padding-top: 0;
        }
        h6 {
          font-weight: 500;
          font-size: 13px;
          margin: 40px 0 15px 0;
          color: #0F3043;
          font-family: 'Neue Haas Grotesk';
        }
        h2 {
          color: #01AF75;
          margin-bottom: 15px;
        }
        h2 ~ h6 {
          margin-top: 15px;
        }
        div.rich-text__text {
          margin-top: 15px;
          & * {
            font-size: 14px;
            color: #46636A;
            margin-bottom: 0;
          }
        }
      }
    }
  }
  .rich-text__text {
    &>p{
      margin-bottom: 20px;
    }
    &>p{
      font-size: 15px !important;
    }
    &>p{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    &>p{
      font-family: Merriweather, serif;
    }
    &>p{
      font-size: 14px;
      line-height: 150%;
    }
    &>p{
      font-weight: 400;
    }
    &>p{
      letter-spacing: -0.01em;
    }
    @media (min-width: 768px){
      &>p{
        margin-bottom: 40px;
      }
    }
    @media (min-width: 768px){
      &>p{
        font-family: Merriweather, serif;
      }

      &>p{
        font-size: 14px;
        line-height: 150%;
      }

      &>p{
        font-weight: 400;
      }

      &>p{
        letter-spacing: -0.01em;
      }
    }
    &>h2{
      margin-bottom: 20px;
    }
    &>h2{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    &>h2{
      font-family: Neue Haas Grotesk, serif;
    }
    &>h2{
      font-size: 32px;
      line-height: 95%;
    }
    &>h2{
      font-weight: 400;
    }
    &>h2{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      &>h2{
        margin-bottom: 40px;
      }
    }
    @media (min-width: 768px){
      &>h2{
        font-family: Neue Haas Grotesk, serif;
      }

      &>h2{
        font-size: 42px;
        line-height: 95%;
      }

      &>h2{
        font-weight: 400;
      }

      &>h2{
        letter-spacing: 0;
      }
    }
    ul{
      list-style-type: disc;
    }
    ul {
      li{
        margin-bottom: 20px;
      }
      li{
        font-family: Merriweather, serif;
      }
      li{
        font-size: 15px;
      }
      li{
        font-weight: 400;
      }
      li{
        line-height: 27px;
      }
      li{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      li {
        &::marker{
          --tw-text-opacity: 1;
          color: rgb(1 175 117 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
  /* .rich-text__buttons {
        @apply flex;
    } */
  /* bloc cta découvrez */
  .rich-text__cta-decouvrez{
    display: flex;
  }
  .rich-text__cta-decouvrez{
    gap: 20px;
  }
  .rich-text__cta-decouvrez{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  }
  .rich-text__cta-decouvrez{
    padding: 20px;
  }
  @media (min-width: 768px){
    .rich-text__cta-decouvrez{
      gap: 60px;
    }
  }
  .rich-text__cta-decouvrez {
    .rich-text__cta-decouvrez__content{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .rich-text__cta-decouvrez__content {
      .rich-text__cta-decouvrez__title{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .rich-text__cta-decouvrez__title{
        font-family: Neue Haas Grotesk, serif;
      }
      .rich-text__cta-decouvrez__title{
        font-size: 20px;
        line-height: 110%;
      }
      .rich-text__cta-decouvrez__title{
        font-weight: 400;
      }
      .rich-text__cta-decouvrez__title{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .rich-text__cta-decouvrez__title{
          font-family: Neue Haas Grotesk, serif;
        }

        .rich-text__cta-decouvrez__title{
          font-size: 24px;
          line-height: 100%;
        }

        .rich-text__cta-decouvrez__title{
          font-weight: 400;
        }

        .rich-text__cta-decouvrez__title{
          letter-spacing: 0;
        }
      }
      .rich-text__cta-decouvrez__text{
        margin-top: 20px;
      }
      .rich-text__cta-decouvrez__text{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .rich-text__cta-decouvrez__text{
        font-family: Merriweather, serif;
      }
      .rich-text__cta-decouvrez__text{
        font-size: 14px;
        line-height: 150%;
      }
      .rich-text__cta-decouvrez__text{
        font-weight: 400;
      }
      .rich-text__cta-decouvrez__text{
        letter-spacing: -0.01em;
      }
      @media (min-width: 768px){
        .rich-text__cta-decouvrez__text{
          font-family: Merriweather, serif;
        }

        .rich-text__cta-decouvrez__text{
          font-size: 14px;
          line-height: 150%;
        }

        .rich-text__cta-decouvrez__text{
          font-weight: 400;
        }

        .rich-text__cta-decouvrez__text{
          letter-spacing: -0.01em;
        }
      }
      .rich-text__cta-decouvrez__button{
        margin-top: 20px;
      }
    }
  }
}

@media screen and (max-width: 989px) {
  .rich-text{
    .rich-text__blocks {
      &:has(.rich-text__blocks--col-1) {
        flex-direction: column;
        .rich-text__blocks--col-1 {
          width: 100%;
          text-align: left;
          padding-right: 0;
        }
        .rich-text__blocks--col-2 {
          width: 100%;
          margin-top: 10px;
          h6 {
            margin: 30px 0 10px 0;
          }
        }
      }
    }
  }
}

/* Surcharge section rich-text */

.image-with-text{
  .image-with-text__heading{
    margin-bottom: 20px;
  }
  .image-with-text__heading{
    display: flex;
  }
  .image-with-text__heading{
    flex-wrap: wrap;
  }
  .image-with-text__heading{
    gap: 20px;
  }
  .image-with-text__heading{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  .image-with-text__heading{
    font-family: Neue Haas Grotesk, serif;
  }
  .image-with-text__heading{
    font-size: 32px;
    line-height: 95%;
  }
  .image-with-text__heading{
    font-weight: 400;
  }
  .image-with-text__heading{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .image-with-text__heading{
      margin-bottom: 40px;
    }
  }
  @media (min-width: 768px){
    .image-with-text__heading{
      font-family: Neue Haas Grotesk, serif;
    }

    .image-with-text__heading{
      font-size: 42px;
      line-height: 95%;
    }

    .image-with-text__heading{
      font-weight: 400;
    }

    .image-with-text__heading{
      letter-spacing: 0;
    }
  }
  .image-with-text__text{
    margin-top: 0px;
  }
  .image-with-text__text{
    font-family: Merriweather, serif;
  }
  .image-with-text__text{
    font-size: 15px;
  }
  .image-with-text__text{
    font-weight: 400;
  }
  .image-with-text__text{
    line-height: 27px;
  }
  .image-with-text__text{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
}

.image-with-text__grid {
  .image-with-text__content {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    h2 {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
    }
  }
}

@media screen and (min-width: 769px) {
  .image-with-text__grid {
    align-items: center;
    .image-with-text__content {
      padding: 0 0 0 7rem;
      h2 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
      }
    }
    &.image-with-text__grid--reverse {
      .image-with-text__content {
        padding: 0 7rem 0 0;
      }
    }
  }
}

.header__search {
  details {
    .search-modal {
      border: none;
      background-color: transparent;
      @media screen and (max-width: 749px) {
        max-width: var(--page-width);

        margin: 0 auto;

        padding: 0 1.5rem;

        width: 100%;
      }
      @media screen and (max-width: 768px) {
        .search-modal__content {
          background-color: rgba(70,99,106, .96);
        }
      }
      .modal-overlay {
        background-color: rgba(70,99,106, .96);
        display: none;
      }
      .search__input.field__input {
        padding: 5px 30px 5px 30px;
        font-size: 13px;
        background-color: transparent;
        box-shadow: none !important;
        padding-left: 0;
      }
      .field {
        &::after, &::after {
          box-shadow: none;
          border: none;
        }
      }
      .search__button.field__button {
        color: #9CF9CC;
        font-weight: 800;
        width: 25px;
      }
      .field__label {
        left: 30px;
        font-size: 13px !important;
        color: #46636A;
        top: 50%;
        transform: translate(0, -50%);
        letter-spacing: normal;
      }
      .field__input:not(:-moz-placeholder-shown) ~ .field__label {
        opacity: 0;
      }
      .field__input:focus ~ .field__label,
            .field__input:not(:placeholder-shown) ~ .field__label {
        opacity: 0;
      }
      .predictive-search {
        height: auto;
        max-height: 80vh !important;
        overflow: hidden;
        background-color: rgba(70,99,106, .96);
        .predictive-search__results-groups-wrapper {
          flex-direction: column;
          flex-grow: 1;
          overflow: auto;
          .predictive-search__result-group {
            flex: 0 0 auto;
          }
        }
        #predictive-search-results {
          height: 100%;
          overflow: hidden;
          max-height: 80vh;
          display: flex;
          flex-direction: column;
          width: 100%;
        }
      }
    }
  }
}

@media screen and (min-width: 990px) {
  .header__search {
    align-self: center;
    details {
      position: relative;
      summary {
        display: none;
      }
      .search-modal {
        opacity: 1;
        transform: translateY(0) !important;
        position: relative;
        background: transparent;
        border: none;
        border-bottom: #46636A solid 2px;
        margin-right: 15px;
        .modal-overlay {
          display: none;
        }
        .search-modal__content {
          bottom: 0 !important;
          padding: 0;
        }
        .search-modal__close-button {
          display: none;
        }
        .search__input.field__input {
          padding: 5px 30px 5px 30px;
          height: auto;
          font-size: 13px;
          background-color: transparent;
          width: 130px;
          &:focus {
            box-shadow: none;
          }
        }
        .field {
          &::after, &::after {
            box-shadow: none;
            border: none;
          }
        }
        .search__button.field__button {
          left: 0;
          right: auto;
          height: 100%;
          color: #9CF9CC;
          font-weight: 800;
          width: 25px;
        }
        .reset__button.field__button {
          height: 100%;
          left: auto;
          right: 0;
          width: 30px;
        }
        .field__label {
          left: 30px;
          font-size: 13px !important;
          color: #46636A;
          top: 50%;
          transform: translate(0, -50%);
          letter-spacing: normal;
        }
        .field__input:not(:-moz-placeholder-shown) ~ .field__label {
          opacity: 0;
        }
        .field__input:focus ~ .field__label,
                .field__input:not(:placeholder-shown) ~ .field__label {
          opacity: 0;
        }
        .predictive-search {
          width: 50vw;
          max-width: 550px;
          right: 0;
          left: auto;
          height: auto;
          max-height: 80vh !important;
          overflow: hidden;
          background-color: rgba(70,99,106, .96);
          .predictive-search__results-groups-wrapper {
            flex-direction: column;
            flex-grow: 1;
            overflow: auto;
            .predictive-search__result-group {
              flex: 0 0 auto;
            }
          }
          #predictive-search-results {
            height: 100%;
            overflow: hidden;
            max-height: 80vh;
            display: flex;
            flex-direction: column;
            width: 100%;
          }
        }
      }
    }
  }
}

.banner {
  .banner__text.body{
    font-family: Neue Haas Grotesk, serif;
  }
  .banner__text.body{
    font-size: 13px;
    line-height: 100%;
  }
  .banner__text.body{
    font-weight: 500;
  }
  .banner__text.body{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .banner__text.body{
      font-family: Neue Haas Grotesk, serif;
    }

    .banner__text.body{
      font-size: 16px;
      line-height: 120%;
    }

    .banner__text.body{
      font-weight: 500;
    }

    .banner__text.body{
      letter-spacing: 0;
    }
  }
  .banner__heading.h1{
    font-family: Neue Haas Grotesk, serif;
  }
  .banner__heading.h1{
    font-size: 64px;
    line-height: 95%;
  }
  .banner__heading.h1{
    font-weight: 300;
  }
  .banner__heading.h1{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .banner__heading.h1{
      font-family: Neue Haas Grotesk, serif;
    }

    .banner__heading.h1{
      font-size: 92px;
      line-height: 95%;
    }

    .banner__heading.h1{
      font-weight: 300;
    }

    .banner__heading.h1{
      letter-spacing: 0;
    }
  }
  .media{
    background-color: transparent;
  }
}

@media screen and (max-width: 768px) {
  .banner {
    .banner__box {
      padding-top: 280px;
    }
    .banner__heading.h1 {
      font-size: 42px;
    }
  }
}

.multicolumn-menu-style {
  .multicolumn-list {
    -moz-column-gap: 0;
         column-gap: 0;
    counter-reset: listCounter;
    overflow: auto;
    flex-wrap: nowrap;
    li {
      width: auto;
      flex: 1 1 0;
      min-height: 60px;
      counter-increment: listCounter;
      .multicolumn-card__info {
        padding: 0;
        height: 100%;
        .link {
          min-width: 180px;
          margin-top: 0;
          padding: 5px;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          padding: 5px 5px 5px 4vw;
          background: #9CF9CC;
          position: relative;
          font-weight: 500;
          font-size: 13px;
          line-height: 1.1;
          font-family: 'Neue Haas Grotesk';
          overflow: hidden;
          transition: all 250ms ease-in-out;
          &::before {
            content: counter(listCounter, decimal-leading-zero);
            position: absolute;
            left: 1vw;
            top: 0;
            width: 100%;
            height: 100%;
            font-weight: 100;
            color: #0F3043;
            opacity: .06;
            font-size: 94px;
            line-height: 64px;
            top: 50%;
            transform: translate(0, -50%);
            transition: color 250ms ease-in-out;
          }
          &:hover {
            background: #0F3043;
            color: white;
            &::before {
              color: white;
            }
          }
        }
        .icon-wrap {
          display: none;
        }
      }
    }
  }
}

.card-product{
  max-width: 197px;
  overflow: hidden;
  border-radius: 3px;
  text-align: left;
  .card-product__image{
    position: relative;
  }
  .card-product__image{
    height: 145px;
  }
  .card-product__image{
    max-height: 145px;
  }
  .card-product__image{
    overflow: hidden;
  }
  .card-product__image{
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  }
  .card-product__image {
    img{
      aspect-ratio: 1 / 1;
    }
    img{
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img{
      -o-object-fit: cover;
         object-fit: cover;
    }
    img{
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img{
      transition-duration: 300ms;
    }
    img{
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    .card-product__reduction{
      position: absolute;
    }
    .card-product__reduction{
      bottom: 0px;
    }
    .card-product__reduction{
      left: 0px;
    }
    .card-product__reduction{
      z-index: 10;
    }
    .card-product__reduction{
      display: flex;
    }
    .card-product__reduction{
      height: 40px;
    }
    .card-product__reduction{
      width: 60px;
    }
    .card-product__reduction{
      align-items: center;
    }
    .card-product__reduction{
      border-top-right-radius: 3px;
    }
    .card-product__reduction{
      --tw-bg-opacity: 1;
      background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
    }
    .card-product__reduction{
      padding-left: 9.5px;
      padding-right: 9.5px;
    }
    .card-product__reduction{
      padding-top: 15px;
      padding-bottom: 15px;
    }
    .card-product__reduction{
      vertical-align: middle;
    }
    .card-product__reduction{
      font-size: 10px;
    }
    .card-product__reduction{
      --tw-text-opacity: 1;
      color: rgb(156 249 204 / var(--tw-text-opacity, 1));
    }
    .card-product__reduction{
      font-family: Merriweather, serif;
    }
    .card-product__reduction{
      font-size: 14px;
      line-height: 150%;
    }
    .card-product__reduction{
      font-weight: 400;
    }
    .card-product__reduction{
      letter-spacing: -0.01em;
    }
    @media (min-width: 768px){
      .card-product__reduction{
        font-family: Merriweather, serif;
      }

      .card-product__reduction{
        font-size: 14px;
        line-height: 150%;
      }

      .card-product__reduction{
        font-weight: 400;
      }

      .card-product__reduction{
        letter-spacing: -0.01em;
      }
    }
  }
  .card-product__content{
    position: relative;
  }
  .card-product__content{
    min-height: 175px;
  }
  .card-product__content{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .card-product__content{
    padding: 20px;
  }
  .card-product__content {
    .card-product__title{
      --tw-text-opacity: 1;
      color: rgb(4 37 56 / var(--tw-text-opacity, 1));
    }
    .card-product__title{
      font-family: Neue Haas Grotesk, serif;
    }
    .card-product__title{
      font-size: 13px;
      line-height: 100%;
    }
    .card-product__title{
      font-weight: 500;
    }
    .card-product__title{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .card-product__title{
        font-family: Neue Haas Grotesk, serif;
      }

      .card-product__title{
        font-size: 16px;
        line-height: 120%;
      }

      .card-product__title{
        font-weight: 500;
      }

      .card-product__title{
        letter-spacing: 0;
      }
    }
    .price{
      position: absolute;
    }
    .price{
      bottom: 20px;
    }
    .price{
      left: 20px;
    }
    .price{
      margin-top: 34.5px;
    }
    .price{
      --tw-text-opacity: 1;
      color: rgb(1 175 117 / var(--tw-text-opacity, 1));
    }
    .price{
      font-family: Neue Haas Grotesk, serif;
    }
    .price{
      font-size: 13px;
      line-height: 100%;
    }
    .price{
      font-weight: 500;
    }
    .price{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .price{
        font-family: Neue Haas Grotesk, serif;
      }

      .price{
        font-size: 16px;
        line-height: 120%;
      }

      .price{
        font-weight: 500;
      }

      .price{
        letter-spacing: 0;
      }
    }
    .price {
      &.price--on-sale{
        .price-item--regular{
          display: block;
        }
        .price-item--regular{
          --tw-text-opacity: 1;
          color: rgb(70 99 106 / var(--tw-text-opacity, 1));
        }
        .price-item--regular{
          opacity: 0.5;
        }
      }
      /* &.price--sold-out{
                .price-item--regular {
                    @apply text-vert-profond opacity-100;
    
                }
            } */
    }
  }
  .card-product__link {
    &:hover{
      .card-product__content{
        --tw-bg-opacity: 1;
        background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
      }
      .card-product__content {
        .card-product__title{
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
        .price {
          &.price--on-sale{
            .price-item--regular{
              --tw-text-opacity: 1;
              color: rgb(255 255 255 / var(--tw-text-opacity, 1));
            }
            .price-item--regular{
              opacity: 0.3;
            }
          }
          /* &.price--sold-out{
                        .price-item--regular {
                            @apply text-vert-profond opacity-100;
                        }
                    } */
          .unit-price{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
          }
        }
      }
    }
  }
  /* Gestion styles */
  &.blue {
    .card-product__reduction{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    .card-product__reduction{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .card-product__content{
      --tw-bg-opacity: 1;
      background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
    }
    .card-product__content {
      .card-product__title{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .price {
        .price-item--regular{
          --tw-text-opacity: 1;
          color: rgb(156 249 204 / var(--tw-text-opacity, 1));
        }
        &.price--sold-out{
          .price-item--regular{
            --tw-text-opacity: 1;
            color: rgb(156 249 204 / var(--tw-text-opacity, 1));
          }
        }
      }
    }
    .card-product__link {
      &:hover{
        .card-product__content{
          --tw-bg-opacity: 1;
          background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
        }
        .card-product__content {
          .card-product__title{
            --tw-text-opacity: 1;
            color: rgb(15 48 67 / var(--tw-text-opacity, 1));
          }
          .price {
            .price-item--regular{
              --tw-text-opacity: 1;
              color: rgb(70 99 106 / var(--tw-text-opacity, 1));
            }
            .price-item--regular{
              opacity: 1;
            }
            &.price--sold-out{
              .price-item--regular{
                --tw-text-opacity: 1;
                color: rgb(15 48 67 / var(--tw-text-opacity, 1));
              }
              .price-item--regular{
                opacity: 1;
              }
            }
          }
        }
      }
    }
  }
}

.card-collection{
  height: 197px;
  max-width: 197px;
  overflow: hidden;
  border-radius: 3px;
  text-align: left;
  .card-collection__image{
    position: relative;
  }
  .card-collection__image{
    max-height: 197px;
  }
  .card-collection__image{
    overflow: hidden;
  }
  .card-collection__image{
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  }
  .card-collection__image {
    img{
      aspect-ratio: 197/197;
    }
    img{
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img{
      -o-object-fit: cover;
         object-fit: cover;
    }
    img{
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img{
      transition-duration: 300ms;
    }
    img{
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
  }
  .card-collection__content{
    position: absolute;
  }
  .card-collection__content{
    top: 0px;
  }
  .card-collection__content{
    left: 0px;
  }
  .card-collection__content{
    display: flex;
  }
  .card-collection__content{
    min-height: 197px;
  }
  .card-collection__content{
    width: 100%;
  }
  .card-collection__content{
    flex-wrap: wrap;
  }
  .card-collection__content{
    align-content: flex-end;
  }
  .card-collection__content{
    align-items: flex-end;
  }
  .card-collection__content{
    justify-content: flex-start;
  }
  .card-collection__content{
    gap: 20px;
  }
  .card-collection__content{
    padding: 20px;
  }
  .card-collection__content {
    .card-collection__title{
      width: 100%;
    }
    .card-collection__title{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .card-collection__title{
      font-family: Neue Haas Grotesk, serif;
    }
    .card-collection__title{
      font-size: 20px;
      line-height: 110%;
    }
    .card-collection__title{
      font-weight: 400;
    }
    .card-collection__title{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .card-collection__title{
        font-family: Neue Haas Grotesk, serif;
      }

      .card-collection__title{
        font-size: 24px;
        line-height: 100%;
      }

      .card-collection__title{
        font-weight: 400;
      }

      .card-collection__title{
        letter-spacing: 0;
      }
    }
    .card-collection__description{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .card-collection__description{
      font-family: Merriweather, serif;
    }
    .card-collection__description{
      font-size: 14px;
      line-height: 150%;
    }
    .card-collection__description{
      font-weight: 400;
    }
    .card-collection__description{
      letter-spacing: -0.01em;
    }
    @media (min-width: 768px){
      .card-collection__description{
        font-family: Merriweather, serif;
      }

      .card-collection__description{
        font-size: 14px;
        line-height: 150%;
      }

      .card-collection__description{
        font-weight: 400;
      }

      .card-collection__description{
        letter-spacing: -0.01em;
      }
    }
  }
  .card-collection__link {
    &:hover{
      .card-collection__content{
        border-width: 10px;
      }
      .card-collection__content{
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
      }
    }
  }
}

.card-article{
  height: 300px;
  max-width: 197px;
  overflow: hidden;
  border-radius: 3px;
  text-align: left;
  .card-article__image{
    position: relative;
  }
  .card-article__image{
    display: block;
  }
  .card-article__image{
    height: 220px;
  }
  .card-article__image{
    max-height: 220px;
  }
  .card-article__image{
    overflow: hidden;
  }
  .card-article__image{
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  }
  .card-article__image {
    img{
      height: 100%;
    }
    img{
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    img{
      -o-object-fit: cover;
         object-fit: cover;
    }
    img{
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    img{
      transition-duration: 300ms;
    }
    img{
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
  }
  .card-article__content{
    display: flex;
  }
  .card-article__content{
    height: 80px;
  }
  .card-article__content{
    flex-wrap: wrap;
  }
  .card-article__content{
    align-content: center;
  }
  .card-article__content{
    align-items: center;
  }
  .card-article__content{
    justify-content: center;
  }
  .card-article__content{
    gap: 20px;
  }
  .card-article__content{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .card-article__content{
    padding: 20px;
  }
  .card-article__content {
    .card-article__title{
      width: 100%;
    }
    .card-article__title{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .card-article__title{
      font-family: Neue Haas Grotesk, serif;
    }
    .card-article__title{
      font-size: 13px;
      line-height: 100%;
    }
    .card-article__title{
      font-weight: 500;
    }
    .card-article__title{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .card-article__title{
        font-family: Neue Haas Grotesk, serif;
      }

      .card-article__title{
        font-size: 16px;
        line-height: 120%;
      }

      .card-article__title{
        font-weight: 500;
      }

      .card-article__title{
        letter-spacing: 0;
      }
    }
    .card-article__description{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .card-article__description{
      font-family: Merriweather, serif;
    }
    .card-article__description{
      font-size: 14px;
      line-height: 150%;
    }
    .card-article__description{
      font-weight: 400;
    }
    .card-article__description{
      letter-spacing: -0.01em;
    }
    @media (min-width: 768px){
      .card-article__description{
        font-family: Merriweather, serif;
      }

      .card-article__description{
        font-size: 14px;
        line-height: 150%;
      }

      .card-article__description{
        font-weight: 400;
      }

      .card-article__description{
        letter-spacing: -0.01em;
      }
    }
  }
  .card-article__link {
    &:hover{
      .card-article__content{
        --tw-bg-opacity: 1;
        background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
      }
      .card-article__content {
        .card-article__title{
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
}

/* Fil d'ariane */

.breadcrumbs{
  width: 100%;
  font-family: Neue Haas Grotesk, serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  --tw-text-opacity: 0.4;
  .breadcrumbs__list{
    display: flex;
  }
  .breadcrumbs__list{
    flex-wrap: wrap;
  }
  .breadcrumbs__list{
    .breadcrumbs__item {
      &:after{
        margin-left: 5px;
        margin-right: 5px;
      }
      &:after{
        content: '-';
      }
      &:last-child{
        font-weight: 500;
      }
      &:last-child{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      &:last-child{
        --tw-text-opacity: 1;
      }
      &:last-child {
        &:after{
          display: none;
        }
      }
    }
    /* .breadcrumbs__link {
            @apply text-bleu opacity-100;
        } */
  }
  &.over_hero {
    .breadcrumbs__list{
      color: white;
      .breadcrumbs__item {
        &:last-child{
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
}

.breadcrumb:has(.over_hero){
  position: absolute;
  top: 130px;
  left: 50%;
  z-index: 1;
  width: 100%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-text-opacity: 0.8;
  & > div {
    width: 100%;
  }
}

#menu-faq{
  margin-top: 40px;
}

@media (min-width: 768px){
  #menu-faq{
    margin-top: 80px;
    display: flex;
    gap: 128px;
  }
}

#menu-faq{
  .menu-faq__groups{
    display: flex;
  }
  .menu-faq__groups{
    min-width: 336px;
  }
  .menu-faq__groups{
    flex-direction: column;
  }
  .menu-faq__groups {
    .menu-faq__group{
      cursor: pointer;
    }
    .menu-faq__group{
      border-bottom-width: 1px;
    }
    .menu-faq__group{
      --tw-border-opacity: 1;
      border-color: rgb(15 48 67 / var(--tw-border-opacity, 1));
    }
    .menu-faq__group{
      --tw-border-opacity: 0.1;
    }
    .menu-faq__group{
      padding: 20px;
    }
    .menu-faq__group{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .menu-faq__group{
      font-family: Neue Haas Grotesk, serif;
    }
    .menu-faq__group{
      font-size: 20px;
      line-height: 110%;
    }
    .menu-faq__group{
      font-weight: 400;
    }
    .menu-faq__group{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .menu-faq__group{
        font-family: Neue Haas Grotesk, serif;
      }

      .menu-faq__group{
        font-size: 24px;
        line-height: 100%;
      }

      .menu-faq__group{
        font-weight: 400;
      }

      .menu-faq__group{
        letter-spacing: 0;
      }
    }
    .menu-faq__group {
      &:hover{
        --tw-text-opacity: 1;
        color: rgb(1 175 117 / var(--tw-text-opacity, 1));
      }
      @media (min-width: 768px){
        &.active{
          --tw-text-opacity: 1;
          color: rgb(1 175 117 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
  .menu-faq__questions {
    /* @apply hidden md:block; */
    h2{
      margin-bottom: 20px;
    }
    h2{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    h2{
      font-family: Neue Haas Grotesk, serif;
    }
    h2{
      font-size: 32px;
      line-height: 95%;
    }
    h2{
      font-weight: 400;
    }
    h2{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      h2{
        margin-bottom: 40px;
      }
    }
    @media (min-width: 768px){
      h2{
        font-family: Neue Haas Grotesk, serif;
      }

      h2{
        font-size: 42px;
        line-height: 95%;
      }

      h2{
        font-weight: 400;
      }

      h2{
        letter-spacing: 0;
      }
    }
  }
  .faq-group{
    display: none;
  }
  @media (min-width: 768px){
    .faq-group{
      display: block;
    }
  }
  .faq-back-button{
    margin-bottom: 20px;
  }
  .faq-back-button{
    display: block;
  }
  .faq-back-button{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  @media (min-width: 768px){
    .faq-back-button{
      display: none;
    }
  }
  .faq-back-button {
    &:after{
      --tw-text-opacity: 1;
      color: rgb(1 175 117 / var(--tw-text-opacity, 1));
    }
    &:after{
      content: '\276F';
    }
  }
}

#MainContent.page-faq {
  --right-position: auto;
  position: relative;
  &:before{
    position: absolute;
  }
  &:before{
    left: 0px;
  }
  &:before{
    z-index: -1;
  }
  &:before{
    display: none;
  }
  &:before{
    height: 100%;
  }
  &:before{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  &:before{
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (min-width: 1024px){
    &:before{
      display: block;
    }
  }
  &:before{
    right: var(--right-position);
  }
  .shopify-section.gb-breadcrumb{
    margin-top: 130px;
  }
}

/* Surcharge Dawn */

/***********
*** HEADER ***
************/

.header-wrapper{
  position: absolute;
  top: 70px;
  left: 50%;
  right: 50%;
  height: 70px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
  width: 100%;
  background-color: transparent;
  .header{
    height: 100%;
  }
  .header{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  }
  .header{
    padding: 0px;
  }
  .header{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  @media screen and (min-width: 750px) {
    padding: 0 5rem;
  }
}

/***********
*** MENU ***
************/

.header__inline-menu{
  height: 100%;
  .list-menu{
    height: 100%;
  }
  .list-menu {
    -moz-column-gap: 30px;
         column-gap: 30px;
    li {
      &::after {
        content: '';
      }
      &::after{
        display: block;
      }
      &::after{
        border-bottom-width: 2px;
      }
      &::after{
        border-color: transparent;
      }
      &:hover {
        &::after{
          --tw-border-opacity: 1;
          border-color: rgb(156 249 204 / var(--tw-border-opacity, 1));
        }
      }
      a{
        display: flex;
      }
      a{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      a{
        font-family: Neue Haas Grotesk, serif;
      }
      a{
        font-size: 13px;
        line-height: 100%;
      }
      a{
        font-weight: 500;
      }
      a{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        a{
          font-family: Neue Haas Grotesk, serif;
        }

        a{
          font-size: 13px;
          line-height: 100%;
        }

        a{
          font-weight: 500;
        }

        a{
          letter-spacing: 0;
        }
      }
      @media (min-width: 1024px){
        a{
          font-family: Neue Haas Grotesk, serif;
        }

        a{
          font-size: 13px;
          line-height: 100%;
        }

        a{
          font-weight: 500;
        }

        a{
          letter-spacing: 0;
        }
      }
      @media (min-width: 1280px){
        a{
          font-family: Neue Haas Grotesk, serif;
        }

        a{
          font-size: 13px;
          line-height: 100%;
        }

        a{
          font-weight: 500;
        }

        a{
          letter-spacing: 0;
        }
      }
      a {
        padding: 5px 0;
        height: 100%;
        &:hover{
          --tw-text-opacity: 1;
          color: rgb(156 249 204 / var(--tw-text-opacity, 1));
        }
        &:hover {
          span{
            text-decoration-line: none;
          }
        }
        span{
          text-decoration-line: none;
        }
        span {
          &.header__active-menu-item{
            --tw-text-opacity: 1;
            color: rgb(156 249 204 / var(--tw-text-opacity, 1));
          }
        }
      }
    }
  }
  &::after{
    display: block;
  }
  &::after{
    border-bottom-width: 2px;
  }
  &::after{
    --tw-border-opacity: 1;
    border-color: rgb(156 249 204 / var(--tw-border-opacity, 1));
  }
  &::after {
    content: '';
  }
  &:hover {
    &::after{
      border-style: none;
    }
    &::after {
      content: '';
    }
  }
}

/***********
*** HEADER ACCOUNT / BAG ***
************/

.header__icons {
  .header__icon{
    width: 11rem;
  }
  .header__icon{
    gap: 0.75rem;
  }
  .header__icon{
    text-decoration-line: none;
  }
  .header__icon {
    .label{
      font-family: Neue Haas Grotesk, serif;
    }
    .label{
      font-size: 13px;
    }
    .label{
      font-weight: 500;
    }
    .label{
      line-height: 13px;
    }
    &.header__icon--account .icon{
      height: auto;
    }
    &.header__icon--account .icon{
      width: auto;
    }
    &.header__icon--cart .icon{
      height: auto;
    }
    &.header__icon--cart .icon{
      width: auto;
    }
  }
}

/***********
*** SUB HEADER
************/

#gb-sub-header{
  position: absolute;
  top: 18px;
  left: 50%;
  right: 50%;
  display: flex;
  height: 30px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: space-between;
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
  width: 100%;
  @media screen and (min-width: 750px) {
    padding: 0 5rem;
  }
  .sub-header__message-ribbon{
    width: 100%;
  }
  .sub-header__message-ribbon{
    overflow: hidden;
  }
  .sub-header__message-ribbon{
    --tw-bg-opacity: 1;
    background-color: rgb(4 37 56 / var(--tw-bg-opacity, 1));
  }
  .sub-header__message-ribbon{
    padding-top: 0.75rem;
  }
  .sub-header__message-ribbon{
    font-family: Neue Haas Grotesk, serif;
  }
  .sub-header__message-ribbon{
    font-size: 12px;
  }
  .sub-header__message-ribbon{
    font-weight: 400;
  }
  .sub-header__message-ribbon{
    line-height: 12px;
  }
  .sub-header__message-ribbon{
    --tw-text-opacity: 1;
    color: rgb(156 249 204 / var(--tw-text-opacity, 1));
  }
  .sub-header__message-ribbon {
    .marquee3k{
      font-family: Neue Haas Grotesk, serif;
    }
    .marquee3k{
      font-size: 12px;
    }
    .marquee3k{
      font-weight: 400;
    }
    .marquee3k{
      line-height: 12px;
    }
    .marquee3k {
      span span{
        margin-left: 20px;
        margin-right: 20px;
      }
      span span{
        height: 4px;
      }
      span span{
        width: 4px;
      }
      span span{
        --tw-text-opacity: 1;
        color: rgb(70 99 106 / var(--tw-text-opacity, 1));
      }
    }
  }
  .sub-header__buttons{
    display: flex;
  }
  .sub-header__buttons{
    max-width: 247px;
  }
  .sub-header__buttons {
    .buttons__first{
      display: flex;
    }
    .buttons__first{
      width: 132px;
    }
    .buttons__first{
      align-items: center;
    }
    .buttons__first{
      justify-content: center;
    }
    .buttons__first{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    .buttons__first{
      padding-left: 25px;
      padding-right: 25px;
    }
    .buttons__first{
      padding-top: 10.5px;
      padding-bottom: 10.5px;
    }
    .buttons__first{
      font-family: Neue Haas Grotesk, serif;
    }
    .buttons__first{
      font-size: 12px;
    }
    .buttons__first{
      font-weight: 500;
    }
    .buttons__first{
      line-height: 12px;
    }
    .buttons__first{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .buttons__second{
      display: flex;
    }
    .buttons__second{
      width: 132px;
    }
    .buttons__second{
      align-items: center;
    }
    .buttons__second{
      justify-content: center;
    }
    .buttons__second{
      --tw-bg-opacity: 1;
      background-color: rgb(1 175 117 / var(--tw-bg-opacity, 1));
    }
    .buttons__second{
      padding-left: 36.5px;
      padding-right: 36.5px;
    }
    .buttons__second{
      padding-top: 10.5px;
      padding-bottom: 10.5px;
    }
    .buttons__second{
      font-family: Neue Haas Grotesk, serif;
    }
    .buttons__second{
      font-size: 12px;
    }
    .buttons__second{
      font-weight: 500;
    }
    .buttons__second{
      line-height: 12px;
    }
    .buttons__second{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
  }
  &.is_no_message_ribbon {
    .sub-header__message-ribbon{
      background-color: transparent;
    }
  }
}

/* ETAT SCROLL sur le sticky header */

.shopify-section-header-sticky.scrolled-past-header {
  #gb-sub-header{
    display: none;
  }
  .header-wrapper{
    top: 38px;
  }
  .header-wrapper{
    .header{
      --tw-bg-opacity: 1;
      background-color: rgb(4 37 56 / var(--tw-bg-opacity, 1));
    }
  }
}

/* BULLE de compte d'item en panier */

.cart-count-bubble{
  height: 1.3rem;
  width: 1.3rem;
}

.header {
  #gb-sub-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    transform: translate(0);
    .sub-header__message-ribbon {
      display: none;
    }
  }
}

@media screen and (min-width: 990px) {
  .header {
    #gb-sub-header {
      display: none;
    }
    .header__socials {
      display: none;
    }
  }
}

@media screen and (max-width: 989px) {
  .header{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    grid-template-areas: 'heading left-icons icons';
    #gb-sub-header {
      display: flex !important;
      justify-content: center;
    }
    .header__contacts {
      display: flex;
      justify-content: space-around;
      gap: 20px;
      & > div {
        max-width: 200px;
        color: white;
        .contacts__label > span {
          display: flex;
          align-items: center;
        }
        .contacts__label > span{
          font-family: Neue Haas Grotesk, serif;
        }
        .contacts__label > span {
          gap: 4px;
          font-size: 13px;
          font-weight: 500;
        }
      }
    }
    header-drawer {
      margin-left: 0;
    }
    .header__icon {
      width: 40px;
      display: flex !important;
      justify-content: center;
      align-items: center;
      &:not(.header__icon--search, .header__icon--menu) {
        span {
          display: none;
        }
      }
      &.header__icon--search {
        svg {
          width: 14px;
          color: #9CF9CC;
        }
      }
      &.header__icon--menu {
        text-decoration: none;
        width: 60px;
        justify-content: flex-end;
        position: relative;
        &::after {
          content: "Menu";
          color: white;
          font-weight: 500;
        }
        &::after{
          font-family: Neue Haas Grotesk, serif;
        }
        &::before {
          display: none;
        }
        .icon-hamburger {
          path {
            display: none;
          }
        }
        .icon-close {
          width: 14px;
          height: 14px;
          left: 5px;
        }
      }
    }
  }

  .header--mobile-left {
    grid-template-columns: 1fr 60px auto;
    gap: 10px;
  }

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

  .menu-drawer {
    height: auto !important;
    max-height: 80dvh;
    background-color: transparent !important;
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 1.5rem !important;
    width: 100% !important;
    .menu-drawer__navigation-container {
      grid-template-rows: auto 1fr auto;
      background-color: #0F3043 !important;
    }
    .menu-drawer__menu {
      a {
        color: white;
        justify-content: center;
      }
    }
  }

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

#site-footer {
  .footer-container{
    display: flex;
  }
  .footer-container{
    flex-direction: column;
  }
  .footer-container{
    justify-content: space-between;
  }
  .footer-container{
    gap: 2rem;
  }
  .footer-container{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  }
  .footer-container{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer-container{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  @media (min-width: 768px){
    .footer-container{
      flex-direction: row;
    }
  }
  @media (min-width: 768px){
    .footer-container{
      gap: 8rem;
    }
  }
  @media (min-width: 768px){
    .footer-container{
      padding-top: 104px;
      padding-bottom: 104px;
    }
  }
  .footer-container {
    .footer-column{
      margin-bottom: 2rem;
    }
    .footer-column{
      display: flex;
    }
    .footer-column{
      flex-direction: column;
    }
    .footer-column{
      gap: 30px;
    }
    @media (min-width: 768px){
      .footer-column{
        margin-bottom: 0px;
      }
    }
    .footer-column {
      &.column-1{
        width: 100%;
      }
      @media (min-width: 768px){
        &.column-1{
          max-width: 238px;
        }
      }
      &.column-2{
        display: flex;
      }
      &.column-2{
        flex-direction: row;
      }
      &.column-2{
        gap: 2.5rem;
      }
      &.column-2 {
        & > div {
          max-width: 200px;
        }
        .menu-section{
          margin-bottom: 1.5rem;
        }
      }
      &.column-3{
        width: 100%;
      }
      @media (min-width: 768px){
        &.column-3{
          width: auto;
        }
      }
      &.column-4{
        width: 100%;
      }
      @media (min-width: 768px){
        &.column-4{
          width: auto;
        }
      }
    }
    .footer__brand-logo {
    }
    .footer__title-block{
      margin-bottom: 20px;
    }
    .footer__title-block{
      font-family: Neue Haas Grotesk, serif;
    }
    .footer__title-block{
      font-size: 13px;
    }
    .footer__title-block{
      font-weight: 400;
    }
    .footer__title-block{
      line-height: 18.2px;
    }
    .footer__title-block{
      --tw-text-opacity: 1;
      color: rgb(156 249 204 / var(--tw-text-opacity, 1));
    }
    .footer__big-title-block{
      font-family: Neue Haas Grotesk, serif;
    }
    .footer__big-title-block{
      font-size: 16px;
    }
    .footer__big-title-block{
      font-weight: 500;
    }
    .footer__big-title-block{
      line-height: 16px;
    }
    .footer__big-title-block{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .footer__group-collection-title{
      font-family: Neue Haas Grotesk, serif;
    }
    .footer__group-collection-title{
      font-size: 13px;
    }
    .footer__group-collection-title{
      font-weight: 500;
    }
    .footer__group-collection-title{
      line-height: 13px;
    }
    .footer__group-collection-title{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .footer__collection-link{
      margin-top: 20px;
    }
    .footer__collection-link{
      display: block;
    }
    .footer__collection-link{
      font-family: Neue Haas Grotesk, serif;
    }
    .footer__collection-link{
      font-size: 13px;
    }
    .footer__collection-link{
      font-weight: 400;
    }
    .footer__collection-link{
      line-height: 15.6px;
    }
    .footer__collection-link{
      --tw-text-opacity: 1;
      color: rgb(156 249 204 / var(--tw-text-opacity, 1));
    }
    .footer__collection-link {
      &:hover{
        text-decoration-line: underline;
      }
      &:hover{
        text-underline-offset: 4px;
      }
    }
    .footer__page-link{
      margin-top: 20px;
    }
    .footer__page-link{
      display: block;
    }
    .footer__page-link{
      font-family: Neue Haas Grotesk, serif;
    }
    .footer__page-link{
      font-size: 16px;
    }
    .footer__page-link{
      font-weight: 500;
    }
    .footer__page-link{
      line-height: 16px;
    }
    .footer__page-link{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .footer__page-link {
      &:hover{
        text-decoration-line: underline;
      }
      &:hover{
        text-underline-offset: 4px;
      }
    }
    .footer__links-pages ul{
      display: flex;
    }
    .footer__links-pages ul{
      flex-direction: row;
    }
    .footer__links-pages ul{
      flex-wrap: wrap;
    }
    .footer__links-pages ul{
      gap: 0px;
    }
    .footer__links-pages ul {
      li{
        width: 50%;
      }
    }
    .footer__contact-info{
      margin-top: 5rem;
    }
    .footer__contact-info{
      border-radius: 3px;
    }
    .footer__contact-info{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    .footer__contact-info{
      padding: 30px;
    }
    .footer__contact-info{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    @media (min-width: 768px){
      .footer__contact-info{
        padding: 40px;
      }
    }
    .footer__contact-info {
      .contact-info__title{
        margin-bottom: 20px;
      }
      .contact-info__title{
        font-family: Neue Haas Grotesk, serif;
      }
      .contact-info__title{
        font-size: 16px;
      }
      .contact-info__title{
        font-weight: 700;
      }
      .contact-info__title{
        line-height: 22.4px;
      }
      .contact-info__title{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .contact-info__coord{
        display: flex;
      }
      .contact-info__coord{
        flex-wrap: wrap;
      }
      .contact-info__coord{
        -moz-column-gap: 2%;
             column-gap: 2%;
      }
      .contact-info__coord{
        row-gap: 1rem;
      }
      @media (min-width: 768px){
        .contact-info__coord{
          flex-wrap: nowrap;
        }
      }
      @media (min-width: 768px){
        .contact-info__coord{
          justify-content: space-between;
        }
      }
      @media (min-width: 768px){
        .contact-info__coord{
          -moz-column-gap: 2vw;
               column-gap: 2vw;
        }
      }
      .contact-info__coord {
        & > .contacts__item {
          max-width: auto;
          .cta-secondary {
            min-width: 0;
          }
          .contacts__label {
            & > span{
              margin-bottom: 0.75rem;
            }
          }
          .contacts__content{
            font-size: 14px;
          }
          .contacts__content{
            font-weight: 400;
          }
          .contacts__content{
            line-height: 140%;
          }
          .contacts__content{
            letter-spacing: -0.02em;
          }
          .contacts__content {
            font-family: "georgia", serif;
            font-family: Georgia;
          }
        }
        @media screen and (max-width: 768px) {
          -moz-column-gap: 2%;
               column-gap: 2%;

          row-gap: 15px;

          & > .contacts__item:not(:first-child) {
            width: 49%;
            .contacts__label {
              & > span{
                margin-bottom: 0.5rem;
              }
            }
          }

          & > .contacts__item:first-child {
            max-width: 100%;
            width: 100%;
            .contacts__label {
              & > span{
                margin-bottom: 0.25rem;
              }
            }
          }
        }
      }
      .contacts__label{
        font-family: Neue Haas Grotesk, serif;
      }
      .contacts__label{
        font-size: 14px;
      }
      .contacts__label{
        font-weight: 500;
      }
      .contacts__label{
        line-height: 19.6px;
      }
      .contacts__label{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .contacts__label {
        span{
          display: flex;
        }
        span{
          flex-wrap: wrap;
        }
        span{
          align-items: center;
        }
        span{
          gap: 0.5rem;
        }
      }
      .contact-info__sites{
        margin-top: 20px;
      }
      .contact-info__sites{
        display: flex;
      }
      .contact-info__sites{
        flex-wrap: wrap;
      }
      .contact-info__sites{
        align-items: center;
      }
      .contact-info__sites{
        gap: 1vw;
      }
      .contact-info__sites {
        p{
          --tw-text-opacity: 1;
          color: rgb(15 48 67 / var(--tw-text-opacity, 1));
        }
        p{
          font-family: Merriweather, serif;
        }
        p{
          font-size: 14px;
          line-height: 150%;
        }
        p{
          font-weight: 400;
        }
        p{
          letter-spacing: -0.01em;
        }
        @media (min-width: 768px){
          p{
            font-family: Merriweather, serif;
          }

          p{
            font-size: 14px;
            line-height: 150%;
          }

          p{
            font-weight: 400;
          }

          p{
            letter-spacing: -0.01em;
          }
        }
        .cta-secondary {
          min-width: 0;
        }
        div:nth-child(2){
          flex-grow: 1;
        }
        div:nth-child(2){
          max-width: calc(100% - 55px);
        }
        @media (min-width: 768px){
          div:nth-child(2){
            max-width: 100%;
          }
        }
        div:nth-child(2) {
          p{
            max-width: 200px;
          }
          @media (min-width: 768px){
            p{
              max-width: 175px;
            }
          }
        }
        @media screen and (max-width: 768px) {
          -moz-column-gap: 15px;
               column-gap: 15px;

          row-gap: 15px;
        }
      }
    }
  }
}

.footer__socials,
.header__socials {
  .socials__icons{
    display: flex;
  }
  .socials__icons{
    flex-wrap: wrap;
  }
  .socials__icons{
    gap: 20px;
  }
  .socials__icons{
    a{
      display: flex;
    }
    a{
      height: 60px;
    }
    a{
      width: 60px;
    }
    a{
      align-items: center;
    }
    a{
      justify-content: center;
    }
    a{
      border-radius: 3px;
    }
    a{
      border-width: 1px;
    }
    a{
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    }
    a{
      --tw-border-opacity: 0.4;
    }
    a {
      &:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
      &:hover{
        --tw-bg-opacity: 1;
      }
      &:hover {
        svg{
          fill: #0F3043;
        }
      }
      .hover{
        display: none;
      }
      &:hover {
        .hover{
          display: block;
        }
        .normal{
          display: none;
        }
      }
    }
  }
}

#underfooter{
  --tw-bg-opacity: 1;
  background-color: rgb(4 37 56 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px){
  #underfooter{
    height: 60px;
  }
}

#underfooter {
  .page-width{
    height: 100%;
  }
  ul{
    display: flex;
  }
  ul{
    height: 100%;
  }
  ul{
    flex-direction: row;
  }
  ul{
    flex-wrap: wrap;
  }
  ul{
    align-items: center;
  }
  ul{
    justify-content: space-between;
  }
  ul{
    row-gap: 1.5rem;
  }
  ul{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  @media (min-width: 768px){
    ul{
      gap: 20px;
    }
  }
  @media (min-width: 768px){
    ul{
      row-gap: 0px;
    }
  }
  @media (min-width: 768px){
    ul{
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }
  ul {
    li{
      width: 33.333333%;
    }
    li{
      font-family: Neue Haas Grotesk, serif;
    }
    li{
      font-size: 13px;
    }
    li{
      font-weight: 400;
    }
    li{
      line-height: 13px;
    }
    li{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    @media (min-width: 768px){
      li{
        width: auto;
      }
    }
    li {
      a {
        &:hover{
          text-decoration-line: underline;
        }
        &:hover{
          text-underline-offset: 4px;
        }
      }
    }
  }
}

/* SURCHARGE PAGE/BLOCKS PRODUITS */

#MainContent .product {
  .product__info-container{
    max-width: 100%;
  }
  &.grid{
    justify-content: space-between;
  }
  /* Référence */
  .product__sku{
    --tw-text-opacity: 1;
    color: rgb(70 99 106 / var(--tw-text-opacity, 1));
  }
  .product__sku{
    font-family: Neue Haas Grotesk, serif;
  }
  .product__sku{
    font-size: 12px;
    line-height: 100%;
  }
  .product__sku{
    font-weight: 400;
  }
  .product__sku{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .product__sku{
      font-family: Neue Haas Grotesk, serif;
    }

    .product__sku{
      font-size: 12px;
      line-height: 100%;
    }

    .product__sku{
      font-weight: 400;
    }

    .product__sku{
      letter-spacing: 0;
    }
  }
  /* Titre produit */
  .product__title{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  .product__title{
    font-family: Neue Haas Grotesk, serif;
  }
  .product__title{
    font-size: 26px;
    line-height: 95%;
  }
  .product__title{
    font-weight: 400;
  }
  .product__title{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .product__title{
      font-family: Neue Haas Grotesk, serif;
    }

    .product__title{
      font-size: 42px;
      line-height: 95%;
    }

    .product__title{
      font-weight: 400;
    }

    .product__title{
      letter-spacing: 0;
    }
  }
  .product__title {
    h1 {
      line-height: 1.2 !important;
    }
  }
  section[id*="ProductInfo-template"]:has(.unit-price .price-item > span:first-child:not(:empty)) {
    .product__tax {
      margin-top: 0;
    }
  }
  /* Prix */
  .price {
    .price__container{
      align-items: flex-start;
    }
    .price__container{
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
    .price__container{
      font-family: Neue Haas Grotesk, serif;
    }
    .price__container{
      font-size: 42px;
    }
    .price__container{
      font-weight: 500;
    }
    .price__container{
      line-height: 39.9px;
    }
    .price__container{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    @media (min-width: 768px){
      .price__container{
        margin-top: 30px;
      }
    }
    @media (min-width: 768px){
      .price__container{
        display: flex;
      }
    }
    @media (min-width: 768px){
      .price__container{
        justify-content: space-between;
      }
    }
    .price__container {
      position: relative;
      .price__regular,
            .price__sale {
        & > .price-item {
          display: flex;
          flex-wrap: nowrap;
          white-space: nowrap;
          span {
            top: 10px;
            font-size: 16px;
            margin-left: 5px;
          }
        }
      }
      .unit-price {
        position: absolute;
        bottom: -8px;
        left: 0;
        transform: translate(0, 100%);
      }
      .unit-price{
        font-family: Neue Haas Grotesk, serif;
      }
      .unit-price {
        font-size: 13px;
        font-weight: 400;
      }
    }
    &.price--on-sale {
      .price__container{
        margin-top: 20px;
      }
      @media (min-width: 768px){
        .price__container{
          margin-top: 40px;
        }
      }
      .price__container {
        .price__sale {
          position: relative;
          .price-item--regular {
            position: absolute;
            top: -2px;
            left: 0;
            transform: translate(0, -100%);
            line-height: 1.2;
          }
        }
      }
    }
  }
  .price__ecotaxe{
    margin-top: 0px;
  }
  .price__ecotaxe{
    margin-bottom: 0px;
  }
  .price__ecotaxe{
    display: block;
  }
  .price__ecotaxe  {
    p{
      font-family: Neue Haas Grotesk, serif;
    }
    p{
      font-size: 13px;
    }
    p{
      font-weight: 400;
    }
    p{
      line-height: 19.2px;
    }
    p{
      --tw-text-opacity: 1;
      color: rgb(70 99 106 / var(--tw-text-opacity, 1));
    }
  }
  /* Pro custom price */
  .pro_custom_price{
    display: none;
  }
  .pro_custom_price{
    height: 40px;
  }
  .pro_custom_price{
    width: 100%;
  }
  .pro_custom_price{
    align-items: center;
  }
  .pro_custom_price{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }
  .pro_custom_price{
    border-radius: 3px;
  }
  .pro_custom_price{
    --tw-bg-opacity: 1;
    background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  }
  .pro_custom_price{
    padding-left: 18px;
    padding-right: 18px;
  }
  @media (min-width: 768px){
    .pro_custom_price{
      display: flex;
    }
  }
  .pro_custom_price {
    width: -moz-fit-content;
    width: fit-content;
    .pro_custom_price__title{
      font-family: Neue Haas Grotesk, serif;
    }
    .pro_custom_price__title{
      font-size: 13px;
    }
    .pro_custom_price__title{
      font-weight: 500;
    }
    .pro_custom_price__title{
      line-height: 13px;
    }
    .pro_custom_price__title{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .pro_custom_price__title{
      text-decoration-line: underline;
    }
    .pro_custom_price__text{
      font-family: Neue Haas Grotesk, serif;
    }
    .pro_custom_price__text{
      font-size: 13px;
    }
    .pro_custom_price__text{
      font-weight: 400;
    }
    .pro_custom_price__text{
      line-height: 13px;
    }
    .pro_custom_price__text{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
  }
  /* Sélecteur quantité */
  .product-form__quantity {
    .quantity{
      width: 80px;
    }
    .quantity {
      .quantity__input{
        border-top-left-radius: 3px;
      }
      .quantity__input{
        border-bottom-left-radius: 3px;
      }
      .quantity__input{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
      .quantity__buttons{
        display: flex;
      }
      .quantity__buttons{
        height: 100%;
      }
      .quantity__buttons{
        width: 20px;
      }
      .quantity__buttons{
        flex-direction: column-reverse;
      }
      .quantity__buttons{
        align-items: center;
      }
      .quantity__buttons{
        justify-content: space-between;
      }
      .quantity__buttons{
        border-top-right-radius: 3px;
      }
      .quantity__buttons{
        border-bottom-right-radius: 3px;
      }
      .quantity__buttons{
        --tw-bg-opacity: 1;
        background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
      }
      .quantity__buttons{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .quantity__buttons {
        button{
          height: 25px;
        }
        button{
          width: 20px;
        }
        button{
          background-color: transparent;
        }
        button[name="minus"]{
        }
        button[name="plus"]{
        }
      }
      .quantity__buttons__divider{
        height: 1px;
      }
      .quantity__buttons__divider{
        width: 20px;
      }
      .quantity__buttons__divider{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      }
      &:after{
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    }
  }
  .pickup-availability-preview {
    & > svg {
      display: none;
    }
  }
  /* Disponibilités produit */
  .pickup-availability-info {
    position: relative;
    padding-left: 20px
  }
  .pickup-availability-info{
    font-family: Neue Haas Grotesk, serif;
  }
  .pickup-availability-info{
    font-size: 16px;
  }
  .pickup-availability-info{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  .pickup-availability-info {
    * {
      margin: 0;
    }
    &::before {
      content: "";
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjE0MjUgNS4wNjg4MVYxMS43QzEwLjE0MjUgMTEuODY1MSAxMC4wMDc2IDEyIDkuODQyNDggMTJINy4wNjc3NEM2LjkwMjYyIDEyIDYuNzY3NzEgMTEuODY1MSA2Ljc2NzcxIDExLjdWNy43MzcxNEM2Ljc2NzcxIDcuNTcyMDIgNi42MzI4MSA3LjQzNzEyIDYuNDY3NjkgNy40MzcxMkgzLjY3NjgxQzMuNTExNjkgNy40MzcxMiAzLjM3Njc5IDcuNTcyMDIgMy4zNzY3OSA3LjczNzE0VjExLjdDMy4zNzY3OSAxMS44NjUxIDMuMjQxODkgMTIgMy4wNzY3NyAxMkgwLjMwMDAyM0MwLjEzNDkwNCAxMiAwIDExLjg2NTEgMCAxMS43VjUuMDY4ODFDMCA0Ljk2MjAzIDAuMDQyNzExMSA0Ljg1ODM4IDAuMTE4NzU4IDQuNzgyMzNMNC43ODQ3MSAwLjExNzk3OUM0Ljk0MjAyIC0wLjAzOTMyNjMgNS4yMDA4OSAtMC4wMzkzMjYzIDUuMzU4MiAwLjExNzk3OUwxMC4wMjM2IDQuNzgzNEMxMC4wOTk3IDQuODU5NDUgMTAuMTQyNCA0Ljk2MjA1IDEwLjE0MjQgNS4wNjk4N0wxMC4xNDI1IDUuMDY4ODFaIiBmaWxsPSIjMEYzMDQzIi8+Cjwvc3ZnPgo=");
      background-repeat: no-repeat;
      position: absolute;
      top: 3px;
      left: 0;
      height: 12px;
      width: 12px;
    }
    .color-foreground{
      text-decoration-line: underline;
    }
    .caption-large {
      font-weight: 500;
    }
    .caption, button{
      --tw-text-opacity: 1;
      color: rgb(70 99 106 / var(--tw-text-opacity, 1));
    }
    .caption {
      display: contents;
    }
    button {
      display: inline-block;
    }
  }
  /* Bouton d'ajout panier */
  .product-form__buttons {
    .product-form__submit{
      width: auto;
    }
    .product-form__submit{
      justify-content: flex-start;
    }
    .product-form__submit{
      border-radius: 3px;
    }
    .product-form__submit{
      --tw-bg-opacity: 1;
      background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
    }
    .product-form__submit{
      padding-left: 0px;
      padding-right: 0px;
    }
    .product-form__submit {
      transition: all 250ms ease-in-out;
      &::after{
        display: none;
      }
      .label{
        padding-left: 2rem;
        padding-right: 2rem;
      }
      .label{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .label{
        font-family: Neue Haas Grotesk, serif;
      }
      .label{
        font-size: 13px;
        line-height: 100%;
      }
      .label{
        font-weight: 500;
      }
      .label{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .label{
          font-family: Neue Haas Grotesk, serif;
        }

        .label{
          font-size: 16px;
          line-height: 120%;
        }

        .label{
          font-weight: 500;
        }

        .label{
          letter-spacing: 0;
        }
      }
      .label {
        transition: all 250ms ease-in-out;
      }
      .icon{
        height: 60px;
      }
      .icon{
        min-width: 60px;
      }
      .icon{
        border-left-width: 1px;
      }
      .icon{
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
      }
      .icon {
        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDczNTUgMC41MjAyMDhDMi40NzM1NSAwLjIzMzAxOSAyLjY5MDc4IDAgMi45NTg1MiAwSDExLjA0MTVDMTEuMzA5MiAwIDExLjUyNjUgMC4yMzMwMTkgMTEuNTI2NSAwLjUyMDIwOFYzLjMxMjM0SDE0VjQuMzUyNzVIMTMuMTQzMUwxMi4zODM0IDExLjUzMTNDMTIuMzUxMiAxMS43OTQ4IDEyLjE0NTMgMTEuOTkzMiAxMS44OTg0IDEySDIuMTAxNTdDMS44NTQ2NyAxMS45OTMyIDEuNjQ4NzkgMTEuNzk0OCAxLjYxNjU5IDExLjUzMTNMMC44NTY5MjMgNC4zNTI3NUgwVjMuMzEyMzRIMi40NzM1NVYwLjUyMDIwOFpNMy40NDM1IDMuMzEyMzRIMTAuNTU2NVYxLjA0MDQySDMuNDQzNVYzLjMxMjM0WiIgZmlsbD0iIzlDRjlDQyIvPgo8L3N2Zz4K');
        background-repeat: no-repeat;
        background-position: center center;
      }
      &:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
      }
      &:hover {
        .icon{
          --tw-border-opacity: 1;
          border-color: rgb(4 37 56 / var(--tw-border-opacity, 1));
        }
        .icon {
          background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDczNTUgMC41MjAyMDhDMi40NzM1NSAwLjIzMzAxOSAyLjY5MDc4IDAgMi45NTg1MiAwSDExLjA0MTVDMTEuMzA5MiAwIDExLjUyNjUgMC4yMzMwMTkgMTEuNTI2NSAwLjUyMDIwOFYzLjMxMjM0SDE0VjQuMzUyNzVIMTMuMTQzMUwxMi4zODM0IDExLjUzMTNDMTIuMzUxMiAxMS43OTQ4IDEyLjE0NTMgMTEuOTkzMiAxMS44OTg0IDEySDIuMTAxNTdDMS44NTQ2NyAxMS45OTMyIDEuNjQ4NzkgMTEuNzk0OCAxLjYxNjU5IDExLjUzMTNMMC44NTY5MjMgNC4zNTI3NUgwVjMuMzEyMzRIMi40NzM1NVYwLjUyMDIwOFpNMy40NDM1IDMuMzEyMzRIMTAuNTU2NVYxLjA0MDQySDMuNDQzNVYzLjMxMjM0WiIgZmlsbD0iIzBGMzA0MyIvPgo8L3N2Zz4K");
          background-repeat: no-repeat;
          background-position: center center;
          transition: all 250ms ease-in-out;
        }
        .label{
          --tw-text-opacity: 1;
          color: rgb(4 37 56 / var(--tw-text-opacity, 1));
        }
      }
    }
  }
  label.form__label{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  label.form__label{
    font-family: Neue Haas Grotesk, serif;
  }
  label.form__label{
    font-size: 13px;
    line-height: 100%;
  }
  label.form__label{
    font-weight: 500;
  }
  label.form__label{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    label.form__label{
      font-family: Neue Haas Grotesk, serif;
    }

    label.form__label{
      font-size: 13px;
      line-height: 100%;
    }

    label.form__label{
      font-weight: 500;
    }

    label.form__label{
      letter-spacing: 0;
    }
  }
  /* Block question sur le produit */
  .product-question {
    .product-question__header{
      display: flex;
    }
    .product-question__header{
      flex-wrap: wrap;
    }
    .product-question__header{
      align-items: center;
    }
    .product-question__header{
      justify-content: space-between;
    }
    .product-question__header{
      row-gap: 1.5rem;
    }
    .product-question__header{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    .product-question__header{
      padding-left: 40px;
      padding-right: 40px;
    }
    .product-question__header{
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .product-question__header {
      .product-question__header-title{
        display: flex;
      }
      .product-question__header-title{
        gap: 0.75rem;
      }
      .product-question__header-title{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .product-question__header-title{
        font-family: Neue Haas Grotesk, serif;
      }
      .product-question__header-title{
        font-size: 13px;
        line-height: 100%;
      }
      .product-question__header-title{
        font-weight: 500;
      }
      .product-question__header-title{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .product-question__header-title{
          font-family: Neue Haas Grotesk, serif;
        }

        .product-question__header-title{
          font-size: 13px;
          line-height: 100%;
        }

        .product-question__header-title{
          font-weight: 500;
        }

        .product-question__header-title{
          letter-spacing: 0;
        }
      }
      .product-question__header-btn{
        display: flex;
      }
      .product-question__header-btn{
        flex-wrap: wrap;
      }
      .product-question__header-btn{
        gap: 1.5rem;
      }
      .product-question__header-btn {
        .cta-secondary {
          min-width: 0;
        }
      }
    }
    .product-question__content{
      align-items: flex-start;
    }
    .product-question__content{
      justify-content: space-between;
    }
    .product-question__content{
      gap: 1.5rem;
    }
    .product-question__content{
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .product-question__content{
      padding-left: 40px;
      padding-right: 40px;
    }
    .product-question__content{
      padding-top: 20px;
      padding-bottom: 20px;
    }
    @media (min-width: 768px){
      .product-question__content{
        display: flex;
      }
    }
    .product-question__content {
      .row{
        margin-bottom: 30px;
      }
      .row{
        display: flex;
      }
      .row{
        align-items: flex-start;
      }
      .row{
        justify-content: flex-start;
      }
      .row{
        gap: 1.5rem;
      }
      .row {
        .label{
          min-width: 68px;
        }
        .label{
          --tw-text-opacity: 1;
          color: rgb(15 48 67 / var(--tw-text-opacity, 1));
        }
        .label{
          font-family: Neue Haas Grotesk, serif;
        }
        .label{
          font-size: 13px;
          line-height: 100%;
        }
        .label{
          font-weight: 500;
        }
        .label{
          letter-spacing: 0;
        }
        @media (min-width: 768px){
          .label{
            font-family: Neue Haas Grotesk, serif;
          }

          .label{
            font-size: 13px;
            line-height: 100%;
          }

          .label{
            font-weight: 500;
          }

          .label{
            letter-spacing: 0;
          }
        }
        .value{
          --tw-text-opacity: 1;
          color: rgb(15 48 67 / var(--tw-text-opacity, 1));
        }
        .value{
          font-family: Merriweather, serif;
        }
        .value{
          font-size: 14px;
          line-height: 150%;
        }
        .value{
          font-weight: 400;
        }
        .value{
          letter-spacing: -0.01em;
        }
        @media (min-width: 768px){
          .value{
            font-family: Merriweather, serif;
          }

          .value{
            font-size: 14px;
            line-height: 150%;
          }

          .value{
            font-weight: 400;
          }

          .value{
            letter-spacing: -0.01em;
          }
        }
        .value {
          &.labels{
            display: flex;
          }
          &.labels{
            flex-wrap: wrap;
          }
          &.labels{
            gap: 1.5rem;
          }
          &.labels {
            img{
              height: 40px;
            }
          }
        }
      }
    }
  }
  /* Description & caractéristiques */
  .product__description-caract{
    margin-top: 1.5rem;
  }
  .product__description-caract{
    width: 100%;
  }
  .product__description-caract{
    flex-wrap: nowrap;
  }
  @media (min-width: 768px){
    .product__description-caract{
      gap: 1.5rem;
    }
  }
  @media (min-width: 768px){
    .product__description{
      margin-top: 34px;
    }
  }
  @media (min-width: 768px){
    .product__description{
      width: calc(45%);
    }
  }
  @media (min-width: 768px){
    .product__description{
      max-width: 45%;
    }
  }
  .product__description {
    h3{
      margin-bottom: 40px;
    }
    h3{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    h3{
      font-family: Neue Haas Grotesk, serif;
    }
    h3{
      font-size: 20px;
      line-height: 110%;
    }
    h3{
      font-weight: 400;
    }
    h3{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      h3{
        font-family: Neue Haas Grotesk, serif;
      }

      h3{
        font-size: 24px;
        line-height: 100%;
      }

      h3{
        font-weight: 400;
      }

      h3{
        letter-spacing: 0;
      }
    }
    p, p span{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    p, p span{
      font-family: Merriweather, serif;
    }
    p, p span{
      font-size: 14px;
      line-height: 150%;
    }
    p, p span{
      font-weight: 400;
    }
    p, p span{
      letter-spacing: -0.01em;
    }
    @media (min-width: 768px){
      p, p span{
        font-family: Merriweather, serif;
      }

      p, p span{
        font-size: 14px;
        line-height: 150%;
      }

      p, p span{
        font-weight: 400;
      }

      p, p span{
        letter-spacing: -0.01em;
      }
    }
  }
  .product__caract{
    margin-top: 34px;
  }
  .product__caract{
    overflow: hidden;
  }
  @media (min-width: 768px){
    .product__caract{
      width: calc(55%);
    }
  }
  @media (min-width: 768px){
    .product__caract{
      max-width: 55%;
    }
  }
  @media (min-width: 768px){
    .product__caract{
      padding-left: 50px;
    }
  }
  .product__caract {
    h3{
      margin-bottom: 40px;
    }
    h3{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    h3{
      font-family: Neue Haas Grotesk, serif;
    }
    h3{
      font-size: 20px;
      line-height: 110%;
    }
    h3{
      font-weight: 400;
    }
    h3{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      h3{
        font-family: Neue Haas Grotesk, serif;
      }

      h3{
        font-size: 24px;
        line-height: 100%;
      }

      h3{
        font-weight: 400;
      }

      h3{
        letter-spacing: 0;
      }
    }
    .caract__table{
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .caract__table {
      .table__row{
        display: flex;
      }
      .table__row{
        border-bottom-width: 1px;
      }
      .table__row{
        --tw-border-opacity: 1;
        border-color: rgb(244 244 244 / var(--tw-border-opacity, 1));
      }
      .table__row{
        font-family: Neue Haas Grotesk, serif;
      }
      .table__row{
        font-size: 16px;
      }
      .table__row{
        font-weight: 400;
      }
      .table__row{
        line-height: 19.2px;
      }
      .table__row{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .table__row {
        &>div{
          padding: 20px;
        }
        .table__label{
          min-width: 200px;
        }
        .table__label{
          --tw-text-opacity: 1;
          color: rgb(15 48 67 / var(--tw-text-opacity, 1));
        }
        .table__label{
          font-family: Neue Haas Grotesk, serif;
        }
        .table__label{
          font-size: 13px;
          line-height: 100%;
        }
        .table__label{
          font-weight: 500;
        }
        .table__label{
          letter-spacing: 0;
        }
        @media (min-width: 768px){
          .table__label{
            font-family: Neue Haas Grotesk, serif;
          }

          .table__label{
            font-size: 16px;
            line-height: 120%;
          }

          .table__label{
            font-weight: 500;
          }

          .table__label{
            letter-spacing: 0;
          }
        }
      }
    }
  }
}

/* Add to cart sticky */

#sticky-add-to-cart{
  display: block;
  max-width: 345px;
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){
  #sticky-add-to-cart{
    display: none;
    max-width: 90%;
  }
}

#sticky-add-to-cart {
  position: fixed;
  bottom: 0;
  left: 50%;
  right: 50%;
  transform: translateX(-50%) translateY(125%);
  width: 100%;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-top: 2px solid #eee;
  transition: transform 0.3s ease-in-out;
  z-index: 2;
  .top{
    position: absolute;
  }
  .top{
    top: -20px;
  }
  .top{
    left: 0px;
  }
  .top{
    height: 20px;
  }
  .top{
    width: 100%;
  }
  .top{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .top{
    --tw-bg-opacity: 1;
    background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  }
}

#sticky-add-to-cart.visible {
  /* transform: translateY(0); */
  transform: translateX(-50%) translateY(0);
}

.sticky-container{
  display: flex;
  gap: 0.75rem;
  align-items: center;
  width: 100%;
  gap: 10px;
}

.sticky-container img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}

.sticky-info {
  flex-grow: 1;
  h3{
    font-family: Neue Haas Grotesk, serif;
  }
  h3{
    font-size: 12px;
  }
  h3{
    font-weight: 500;
  }
  h3{
    line-height: 12px;
  }
  h3{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.sticky-add-to-cart-btn {
  background-color: #000;
  color: #fff;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.sticky-add-to-cart-btn:hover {
  background-color: #444;
}

.price-item {
  span {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
  }
}

/* App option price calculator */

.add-to-cart-container .addToCartCustomButton {
  display: none;
}

#MainContent {
  /* @apply mt-[150px]; */
}

.main-list-collections{
  margin-bottom: 40px;
}

@media (min-width: 768px){
  .main-list-collections{
    margin-bottom: 80px;
  }
}

.main-list-collections {
  .title--primary{
    margin-bottom: 20px;
  }
  .title--primary{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  .title--primary{
    font-family: Neue Haas Grotesk, serif;
  }
  .title--primary{
    font-size: 64px;
    line-height: 95%;
  }
  .title--primary{
    font-weight: 300;
  }
  .title--primary{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .title--primary{
      margin-bottom: 40px;
    }
  }
  @media (min-width: 768px){
    .title--primary{
      font-family: Neue Haas Grotesk, serif;
    }

    .title--primary{
      font-size: 92px;
      line-height: 95%;
    }

    .title--primary{
      font-weight: 300;
    }

    .title--primary{
      letter-spacing: 0;
    }
  }
  .description{
    width: 100%;
  }
  .description{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  .description{
    font-family: Merriweather, serif;
  }
  .description{
    font-size: 14px;
    line-height: 150%;
  }
  .description{
    font-weight: 400;
  }
  .description{
    letter-spacing: -0.01em;
  }
  @media (min-width: 768px){
    .description{
      width: 50%;
    }
  }
  @media (min-width: 768px){
    .description{
      font-family: Merriweather, serif;
    }

    .description{
      font-size: 14px;
      line-height: 150%;
    }

    .description{
      font-weight: 400;
    }

    .description{
      letter-spacing: -0.01em;
    }
  }
  .collections_list{
    margin-top: 40px;
  }
  .collections_list{
    display: flex;
  }
  .collections_list{
    flex-wrap: wrap;
  }
  .collections_list{
    row-gap: 2rem;
  }
  .collections_list{
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  @media (min-width: 768px){
    .collections_list{
      margin-top: 60px;
    }
  }
  .collections_list {
    .col-1{
      max-height: 380px;
    }
    .col-1{
      width: 100%;
    }
    .col-1{
      overflow: hidden;
    }
    @media (min-width: 768px){
      .col-1{
        width: calc(50% - 20px);
      }
    }
    .col-1 {
      .group-collection__block{
        position: relative;
      }
      .group-collection__block {
        img, svg{
          max-height: 380px;
        }
        img, svg{
          min-width: 100%;
        }
        img, svg{
          -o-object-fit: cover;
             object-fit: cover;
        }
        .group-collection__wrapper{
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          display: flex;
          flex-direction: column;
          justify-content: end;
          z-index: 2;
          padding: 60px;
          .group-collection__title{
            margin-bottom: 30px;
          }
          .group-collection__title{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
          }
          .group-collection__title{
            font-family: Neue Haas Grotesk, serif;
          }
          .group-collection__title{
            font-size: 32px;
            line-height: 95%;
          }
          .group-collection__title{
            font-weight: 400;
          }
          .group-collection__title{
            letter-spacing: 0;
          }
          @media (min-width: 768px){
            .group-collection__title{
              margin-bottom: 40px;
            }
          }
          @media (min-width: 768px){
            .group-collection__title{
              font-family: Neue Haas Grotesk, serif;
            }

            .group-collection__title{
              font-size: 42px;
              line-height: 95%;
            }

            .group-collection__title{
              font-weight: 400;
            }

            .group-collection__title{
              letter-spacing: 0;
            }
          }
          @media screen and (max-width: 768px) {
            padding: 20px;
          }
        }
        &:after{
          content: "";
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 26.7%, rgba(0, 0, 0, 0.5) 52.18%);
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
        }
      }
    }
    .col-2{
      width: 100%;
    }
    @media (min-width: 768px){
      .col-2{
        width: calc(50% - 20px);
      }
    }
    .col-2 {
      .sub-collection__item{
        position: relative;
      }
      .sub-collection__item{
        margin-bottom: 0.25rem;
      }
      .sub-collection__item{
        --tw-bg-opacity: 1;
        background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
      }
      .sub-collection__item{
        padding-top: 20px;
        padding-bottom: 20px;
      }
      .sub-collection__item{
        padding-left: 30px;
        padding-right: 30px;
      }
      .sub-collection__item{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .sub-collection__item{
        font-family: Neue Haas Grotesk, serif;
      }
      .sub-collection__item{
        font-size: 13px;
        line-height: 100%;
      }
      .sub-collection__item{
        font-weight: 500;
      }
      .sub-collection__item{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .sub-collection__item{
          font-family: Neue Haas Grotesk, serif;
        }

        .sub-collection__item{
          font-size: 13px;
          line-height: 100%;
        }

        .sub-collection__item{
          font-weight: 500;
        }

        .sub-collection__item{
          letter-spacing: 0;
        }
      }
      .sub-collection__item {
        &:after{
          position: absolute;
        }
        &:after{
          right: 20px;
        }
        &:after{
          top: 23px;
        }
        &:after{
          border-radius: 9999px;
        }
        &:after {
          content: "";
          background-color: white;
          width: 8px;
          height: 8px;
        }
        &:hover{
          --tw-bg-opacity: 1;
          background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
        }
        &:hover{
          --tw-text-opacity: 1;
          color: rgb(15 48 67 / var(--tw-text-opacity, 1));
        }
        &:hover{
          &:after{
            --tw-bg-opacity: 1;
            background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
          }
        }
      }
    }
  }
}

.collection-hero__inner{
  .collection-hero__text-wrapper{
    .collection-hero__title{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .collection-hero__title{
      font-family: Neue Haas Grotesk, serif;
    }
    .collection-hero__title{
      font-size: 64px;
      line-height: 95%;
    }
    .collection-hero__title{
      font-weight: 300;
    }
    .collection-hero__title{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .collection-hero__title{
        font-family: Neue Haas Grotesk, serif;
      }

      .collection-hero__title{
        font-size: 92px;
        line-height: 95%;
      }

      .collection-hero__title{
        font-weight: 300;
      }

      .collection-hero__title{
        letter-spacing: 0;
      }
    }
    .collection-hero__description{
      --tw-text-opacity: 1 !important;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1)) !important;
    }
    .collection-hero__description{
      font-family: Merriweather, serif;
    }
    .collection-hero__description{
      font-size: 14px;
      line-height: 150%;
    }
    .collection-hero__description{
      font-weight: 400;
    }
    .collection-hero__description{
      letter-spacing: -0.01em;
    }
    @media (min-width: 768px){
      .collection-hero__description{
        font-family: Merriweather, serif;
      }

      .collection-hero__description{
        font-size: 14px;
        line-height: 150%;
      }

      .collection-hero__description{
        font-weight: 400;
      }

      .collection-hero__description{
        letter-spacing: -0.01em;
      }
    }
  }
}

.facets__heading{
  margin: 0px !important;
  --tw-text-opacity: 1;
  color: rgb(70 99 106 / var(--tw-text-opacity, 1));
  font-family: Neue Haas Grotesk, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
}

@media (min-width: 768px){
  .facets__heading{
    font-family: Neue Haas Grotesk, serif;
    font-size: 13px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: 0;
  }
}

.facets__form {
  .facets__wrapper{
    align-items: center;
  }
  .facets__wrapper{
    gap: 1.5rem;
  }
  .facets__disclosure{
    margin-right: 0px;
  }
  .facets__disclosure{
    display: flex;
  }
  .facets__disclosure{
    max-height: 40px;
  }
  .facets__disclosure{
    align-items: center;
  }
  .facets__disclosure{
    justify-content: center;
  }
  .facets__disclosure{
    border-radius: 3px;
  }
  .facets__disclosure{
    border-width: 1px;
  }
  .facets__disclosure{
    --tw-border-opacity: 1;
    border-color: rgb(15 48 67 / var(--tw-border-opacity, 1));
  }
  .facets__disclosure{
    padding-top: 15.5px;
    padding-bottom: 15.5px;
  }
  .facets__disclosure{
    padding-left: 20px;
    padding-right: 20px;
  }
  .facets__disclosure {
    .facets__summary{
      margin: 0px;
    }
    .facets__summary{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .facets__summary{
      font-family: Neue Haas Grotesk, serif;
    }
    .facets__summary{
      font-size: 13px;
      line-height: 100%;
    }
    .facets__summary{
      font-weight: 500;
    }
    .facets__summary{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .facets__summary{
        font-family: Neue Haas Grotesk, serif;
      }

      .facets__summary{
        font-size: 13px;
        line-height: 100%;
      }

      .facets__summary{
        font-weight: 500;
      }

      .facets__summary{
        letter-spacing: 0;
      }
    }
  }
  .product-count__text{
    --tw-text-opacity: 1;
    color: rgb(1 175 117 / var(--tw-text-opacity, 1));
  }
  .product-count__text{
    font-family: Neue Haas Grotesk, serif;
  }
  .product-count__text{
    font-size: 20px;
    line-height: 110%;
  }
  .product-count__text{
    font-weight: 400;
  }
  .product-count__text{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .product-count__text{
      font-family: Neue Haas Grotesk, serif;
    }

    .product-count__text{
      font-size: 24px;
      line-height: 100%;
    }

    .product-count__text{
      font-weight: 400;
    }

    .product-count__text{
      letter-spacing: 0;
    }
  }
}

.product-grid-container{
  margin-top: 40px;
}

.article-template__hero-container{
  .article-template__hero-medium{
    height: 50rem;
  }
  @media (min-width: 768px){
    .article-template__hero-medium{
      height: 55rem;
    }
  }
  &:after{
    position: absolute;
  }
  &:after{
    top: 0px;
  }
  &:after{
    left: 0px;
  }
  &:after{
    height: 100%;
  }
  &:after{
    width: 100%;
  }
  &:after {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0.2) 79.5%);
  }
  position: relative;
  max-width: 100% !important;
  .article-template__hero-header{
    position: absolute;
  }
  .article-template__hero-header{
    bottom: 2rem;
  }
  .article-template__hero-header{
    left: 0px;
  }
  .article-template__hero-header{
    z-index: 1;
  }
  .article-template__hero-header{
    width: 100%;
  }
  .article-template__hero-header{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .article-template__hero-header{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  @media (min-width: 768px){
    .article-template__hero-header{
      padding-left: 10rem;
    }
  }
  .article-template__hero-header{
    .article-template__hero-title{
      max-width: 847px;
    }
    .article-template__hero-title{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .article-template__hero-title{
      font-family: Neue Haas Grotesk, serif;
    }
    .article-template__hero-title{
      font-size: 38px;
      line-height: 95%;
    }
    .article-template__hero-title{
      font-weight: 400;
    }
    .article-template__hero-title{
      letter-spacing: 0;
    }
    .article-template__hero-title {
      /* Mobile H1 */
    }
    @media (min-width: 768px){
      .article-template__hero-title{
        font-family: Neue Haas Grotesk, serif;
      }

      .article-template__hero-title{
        font-size: 64px;
        line-height: 95%;
      }

      .article-template__hero-title{
        font-weight: 400;
      }

      .article-template__hero-title{
        letter-spacing: 0;
      }
    }
    @media (min-width: 768px){
      .article-template__hero-title {
        /* Desktop H1 */
      }
    }
  }
  .article-template__hero-infos{
    margin-top: 30px;
  }
  .article-template__hero-infos{
    display: flex;
  }
  .article-template__hero-infos{
    flex-wrap: wrap;
  }
  .article-template__hero-infos{
    gap: 2rem;
  }
  .article-template__hero-infos{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .article-template__hero-infos{
    font-family: Neue Haas Grotesk, serif;
  }
  .article-template__hero-infos{
    font-size: 13px;
    line-height: 100%;
  }
  .article-template__hero-infos{
    font-weight: 500;
  }
  .article-template__hero-infos{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    .article-template__hero-infos{
      font-family: Neue Haas Grotesk, serif;
    }

    .article-template__hero-infos{
      font-size: 13px;
      line-height: 100%;
    }

    .article-template__hero-infos{
      font-weight: 500;
    }

    .article-template__hero-infos{
      letter-spacing: 0;
    }
  }
  .article-template__hero-infos {
    .article-template__tags {
      .tag{
        border-radius: 3px;
      }
      .tag{
        border-width: 1px;
      }
      .tag{
        --tw-border-opacity: 1;
        border-color: rgb(156 249 204 / var(--tw-border-opacity, 1));
      }
      .tag{
        padding-left: 1rem;
        padding-right: 1rem;
      }
      .tag{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .tag{
        --tw-text-opacity: 1;
        color: rgb(156 249 204 / var(--tw-text-opacity, 1));
      }
      .tag{
        font-family: Neue Haas Grotesk, serif;
      }
      .tag{
        font-size: 13px;
        line-height: 100%;
      }
      .tag{
        font-weight: 500;
      }
      .tag{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .tag{
          font-family: Neue Haas Grotesk, serif;
        }

        .tag{
          font-size: 13px;
          line-height: 100%;
        }

        .tag{
          font-weight: 500;
        }

        .tag{
          letter-spacing: 0;
        }
      }
    }
  }
}

.wysiwyg {
  @media (min-width: 1024px){
    p:not(.has-iframe, .has-image), h2, ul{
      padding-left: 32rem;
      padding-right: 32rem;
    }
  }
  iframe{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  iframe{
    width: 100%;
  }
  @media (min-width: 768px){
    iframe{
      margin-top: 60px;
      margin-bottom: 60px;
    }
  }
  p{
    margin-bottom: 20px;
  }
  p{
    font-family: Merriweather, serif;
  }
  p{
    font-size: 15px;
  }
  p{
    font-weight: 400;
  }
  p{
    line-height: 27px;
  }
  p{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  p{
    strong{
      font-size: 18px;
    }
    strong{
      line-height: 32.4px;
    }
  }
  p.padded-text{
    border-left-width: 5px;
  }
  p.padded-text{
    --tw-border-opacity: 1;
    border-color: rgb(156 249 204 / var(--tw-border-opacity, 1));
  }
  @media (min-width: 1024px){
    p.padded-text{
      margin-left: 32rem !important;
    }
  }
  p.has-image {
    img{
      border-style: none;
    }
  }
  ul{
    list-style-type: disc;
  }
  ul {
    li{
      margin-bottom: 20px;
    }
    li{
      font-family: Merriweather, serif;
    }
    li{
      font-size: 15px;
    }
    li{
      font-weight: 400;
    }
    li{
      line-height: 27px;
    }
    li{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    li {
      &::marker{
        --tw-text-opacity: 1;
        color: rgb(1 175 117 / var(--tw-text-opacity, 1));
      }
    }
  }
  h2{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  h2{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  h2{
    font-family: Neue Haas Grotesk, serif;
  }
  h2{
    font-size: 32px;
    line-height: 95%;
  }
  h2{
    font-weight: 400;
  }
  h2{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    h2{
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  @media (min-width: 768px){
    h2{
      font-family: Neue Haas Grotesk, serif;
    }

    h2{
      font-size: 42px;
      line-height: 95%;
    }

    h2{
      font-weight: 400;
    }

    h2{
      letter-spacing: 0;
    }
  }
  blockquote{
    position: relative;
  }
  blockquote{
    border-style: none;
  }
  blockquote{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  blockquote {
    p{
      padding: 0px !important;
    }
    p{
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    p{
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    p{
      font-family: Merriweather, serif;
    }
    p{
      font-size: 30px;
    }
    p{
      font-weight: 400;
    }
    p{
      font-style: italic;
    }
    p{
      line-height: 45px;
    }
    p{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    &:before{
      content : "";
      width: 71px;
      height: 60px;
      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA3MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQwLjQ0IDU5LjYyVjMzLjdDNDAuNDQgMjMuMDggNDMuMTQgMTYuMDYgNDggMTAuNjZDNTMuMjIgNC44OTk5OSA2Mi4wNCAxLjI5OTk5IDcwLjMyIDAuNzU5OTlWMTMuMzZDNjIuMDQgMTUuNyA1NyAyMi4xOCA1NyAyOS4zOEg2OS42VjU5LjYySDQwLjQ0Wk0wLjQ4IDU5LjYyVjMzLjdDMC40OCAyMy4wOCAzLjE4IDE2LjA2IDguMDQgMTAuNjZDMTMuMjYgNC44OTk5OSAyMi4wOCAxLjI5OTk5IDMwLjM2IDAuNzU5OTlWMTMuMzZDMjIuMDggMTUuNyAxNy4wNCAyMi4xOCAxNy4wNCAyOS4zOEgyOS42NFY1OS42MkgwLjQ4WiIgZmlsbD0iIzlDRjlDQyIvPgo8L3N2Zz4K');
      position: absolute;
      top: 0;
      left: 0;
    }
    &:after{
      --tw-rotate: 180deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    &:after{
      content : "";
      width: 71px;
      height: 60px;
      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA3MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQwLjQ0IDU5LjYyVjMzLjdDNDAuNDQgMjMuMDggNDMuMTQgMTYuMDYgNDggMTAuNjZDNTMuMjIgNC44OTk5OSA2Mi4wNCAxLjI5OTk5IDcwLjMyIDAuNzU5OTlWMTMuMzZDNjIuMDQgMTUuNyA1NyAyMi4xOCA1NyAyOS4zOEg2OS42VjU5LjYySDQwLjQ0Wk0wLjQ4IDU5LjYyVjMzLjdDMC40OCAyMy4wOCAzLjE4IDE2LjA2IDguMDQgMTAuNjZDMTMuMjYgNC44OTk5OSAyMi4wOCAxLjI5OTk5IDMwLjM2IDAuNzU5OTlWMTMuMzZDMjIuMDggMTUuNyAxNy4wNCAyMi4xOCAxNy4wNCAyOS4zOEgyOS42NFY1OS42MkgwLjQ4WiIgZmlsbD0iIzlDRjlDQyIvPgo8L3N2Zz4K');
      position: absolute;
      bottom: 0;
      right: 0;
    }
  }
}

/* Carrousel d'images */

.article-template__carrousel-images{
  margin-top: 60px;
  margin-bottom: 60px;
  .carrousel_images{
    .swiper-slide {
      width: 35%;
    }
    img{
      max-height: 444px;
    }
    img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
    .slide-caption{
      margin-top: 20px;
    }
    .slide-caption{
      font-family: Neue Haas Grotesk, serif;
    }
    .slide-caption{
      font-size: 16px;
    }
    .slide-caption{
      font-weight: 500;
    }
    .slide-caption{
      line-height: 19.2px;
    }
    .slide-caption{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
  }
  .wrapper__swiper-pagination{
    margin-top: 40px;
  }
  .wrapper__swiper-pagination{
    display: flex;
  }
  .wrapper__swiper-pagination{
    justify-content: flex-end;
  }
}

.main-page-title{
  --tw-text-opacity: 1;
  color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  font-family: Neue Haas Grotesk, serif;
  font-size: 38px;
  line-height: 95%;
  font-weight: 400;
  letter-spacing: 0;
  /* Mobile H1 */
}

@media (min-width: 768px){
  .main-page-title{
    font-family: Neue Haas Grotesk, serif;
    font-size: 64px;
    line-height: 95%;
    font-weight: 400;
    letter-spacing: 0;
    /* Desktop H1 */
  }
}

.template-search{
  .template-search__header {
    h1{
      display: none;
    }
    .template-search__search{
      display: none;
    }
    p{
      --tw-text-opacity: 1;
      color: rgb(1 175 117 / var(--tw-text-opacity, 1));
    }
    p{
      font-family: Neue Haas Grotesk, serif;
    }
    p{
      font-size: 20px;
      line-height: 110%;
    }
    p{
      font-weight: 400;
    }
    p{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      p{
        font-family: Neue Haas Grotesk, serif;
      }

      p{
        font-size: 24px;
        line-height: 100%;
      }

      p{
        font-weight: 400;
      }

      p{
        letter-spacing: 0;
      }
    }
  }
  /* Card page */
  .card--text {
    .card__heading{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    .card__heading{
      font-family: Neue Haas Grotesk, serif;
    }
    .card__heading{
      font-size: 13px;
      line-height: 100%;
    }
    .card__heading{
      font-weight: 500;
    }
    .card__heading{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .card__heading{
        font-family: Neue Haas Grotesk, serif;
      }

      .card__heading{
        font-size: 16px;
        line-height: 120%;
      }

      .card__heading{
        font-weight: 500;
      }

      .card__heading{
        letter-spacing: 0;
      }
    }
    .card__heading {
      a{
        text-decoration-line: none;
      }
    }
    .badge{
      background-color: transparent;
    }
    .badge{
      --tw-text-opacity: 1;
      color: rgb(1 175 117 / var(--tw-text-opacity, 1));
    }
    .badge{
      font-family: Neue Haas Grotesk, serif;
    }
    .badge{
      font-size: 12px;
      line-height: 100%;
    }
    .badge{
      font-weight: 400;
    }
    .badge{
      letter-spacing: 0;
    }
    @media (min-width: 768px){
      .badge{
        font-family: Neue Haas Grotesk, serif;
      }

      .badge{
        font-size: 12px;
        line-height: 100%;
      }

      .badge{
        font-weight: 400;
      }

      .badge{
        letter-spacing: 0;
      }
    }
  }
}

.composant-cart-items {
  .title{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  .title{
    font-family: Neue Haas Grotesk, serif;
  }
  .title{
    font-size: 38px;
    line-height: 95%;
  }
  .title{
    font-weight: 400;
  }
  .title{
    letter-spacing: 0;
  }
  .title {
    /* Mobile H1 */
  }
  @media (min-width: 768px){
    .title{
      font-family: Neue Haas Grotesk, serif;
    }

    .title{
      font-size: 64px;
      line-height: 95%;
    }

    .title{
      font-weight: 400;
    }

    .title{
      letter-spacing: 0;
    }
  }
  @media (min-width: 768px){
    .title {
      /* Desktop H1 */
    }
  }
  table.cart-items {
    th{
      text-transform: capitalize;
    }
    th{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
    th{
      font-family: Merriweather, serif;
    }
    th{
      font-size: 14px;
      line-height: 150%;
    }
    th{
      font-weight: 400;
    }
    th{
      letter-spacing: -0.01em;
    }
    @media (min-width: 768px){
      th{
        font-family: Merriweather, serif;
      }

      th{
        font-size: 14px;
        line-height: 150%;
      }

      th{
        font-weight: 400;
      }

      th{
        letter-spacing: -0.01em;
      }
    }
    .cart-item__details {
      .cart-item__name{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .cart-item__name{
        font-family: Neue Haas Grotesk, serif;
      }
      .cart-item__name{
        font-size: 13px;
        line-height: 100%;
      }
      .cart-item__name{
        font-weight: 500;
      }
      .cart-item__name{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .cart-item__name{
          font-family: Neue Haas Grotesk, serif;
        }

        .cart-item__name{
          font-size: 16px;
          line-height: 120%;
        }

        .cart-item__name{
          font-weight: 500;
        }

        .cart-item__name{
          letter-spacing: 0;
        }
      }
      .cart-item__sku{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .cart-item__sku{
        font-family: Neue Haas Grotesk, serif;
      }
      .cart-item__sku{
        font-size: 12px;
        line-height: 100%;
      }
      .cart-item__sku{
        font-weight: 400;
      }
      .cart-item__sku{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .cart-item__sku{
          font-family: Neue Haas Grotesk, serif;
        }

        .cart-item__sku{
          font-size: 12px;
          line-height: 100%;
        }

        .cart-item__sku{
          font-weight: 400;
        }

        .cart-item__sku{
          letter-spacing: 0;
        }
      }
    }
    .cart-item__quantity{
      .icon-remove {
        path{
          fill: #01AF75;
        }
      }
      /* Sélecteur quantité */
      .quantity-popover-container {
        .quantity{
          width: 80px;
        }
        .quantity {
          .quantity__input{
            border-top-left-radius: 3px;
          }
          .quantity__input{
            border-bottom-left-radius: 3px;
          }
          .quantity__input{
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
          }
          .quantity__buttons{
            display: flex;
          }
          .quantity__buttons{
            height: 100%;
          }
          .quantity__buttons{
            width: 20px;
          }
          .quantity__buttons{
            flex-direction: column-reverse;
          }
          .quantity__buttons{
            align-items: center;
          }
          .quantity__buttons{
            justify-content: space-between;
          }
          .quantity__buttons{
            border-top-right-radius: 3px;
          }
          .quantity__buttons{
            border-bottom-right-radius: 3px;
          }
          .quantity__buttons{
            --tw-bg-opacity: 1;
            background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
          }
          .quantity__buttons{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
          }
          .quantity__buttons {
            button{
              height: 25px;
            }
            button{
              width: 20px;
            }
            button{
              background-color: transparent;
            }
            button[name="minus"]{
            }
            button[name="plus"]{
            }
          }
          .quantity__buttons__divider{
            height: 1px;
          }
          .quantity__buttons__divider{
            width: 20px;
          }
          .quantity__buttons__divider{
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
          }
          &:after{
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          }
        }
      }
    }
    .cart-item__totals {
      .price{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .price{
        font-family: Neue Haas Grotesk, serif;
      }
      .price{
        font-size: 20px;
        line-height: 110%;
      }
      .price{
        font-weight: 400;
      }
      .price{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .price{
          font-family: Neue Haas Grotesk, serif;
        }

        .price{
          font-size: 24px;
          line-height: 100%;
        }

        .price{
          font-weight: 400;
        }

        .price{
          letter-spacing: 0;
        }
      }
      .cart-item__old-price span, .price--end span{
        vertical-align: super;
      }
    }
  }
}

.cart__contents-with-sidebar{
  display: flex;
  gap: 1rem;
}

/* Sidebar */

#main-cart-footer{
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  h2{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .totals{
    justify-content: space-between;
  }
  .cart-sidebar__title{
    font-family: Neue Haas Grotesk, serif;
  }
  .cart-sidebar__title{
    font-size: 24px;
  }
  .cart-sidebar__title{
    font-weight: 500;
  }
  .cart-sidebar__title{
    line-height: 24px;
  }
  .cart-sidebar__title{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

/* Notes */

.cart__note {
  label{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  }
  label{
    font-family: Neue Haas Grotesk, serif;
  }
  label{
    font-size: 13px;
    line-height: 100%;
  }
  label{
    font-weight: 500;
  }
  label{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    label{
      font-family: Neue Haas Grotesk, serif;
    }

    label{
      font-size: 13px;
      line-height: 100%;
    }

    label{
      font-weight: 500;
    }

    label{
      letter-spacing: 0;
    }
  }
  textarea{
    --tw-bg-opacity: 1;
    background-color: rgb(70 99 106 / var(--tw-bg-opacity, 1));
  }
  textarea{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.tax-note{
  text-align: left !important;
}

.cart__checkout-button{
  --tw-bg-opacity: 1;
  background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  font-family: Neue Haas Grotesk, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
}

@media (min-width: 768px){
  .cart__checkout-button{
    font-family: Neue Haas Grotesk, serif;
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: 0;
  }
}

.cart__blocks > * + * {
  margin-top: 5rem !important;
}

.floating-checkout {
  position: fixed;
  bottom: 27px;
  right: 116px;
  z-index: 9999;
  display: none;
  padding: 12px 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  cursor: pointer;
}

.pagination-wrapper{
  .pagination {
    .pagination__list {
      .pagination__item{
        display: flex;
      }
      .pagination__item{
        height: 40px;
      }
      .pagination__item{
        width: 40px;
      }
      .pagination__item{
        align-items: center;
      }
      .pagination__item{
        justify-content: center;
      }
      .pagination__item{
        border-radius: 3px;
      }
      .pagination__item{
        background-color: transparent;
      }
      .pagination__item{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .pagination__item{
        font-family: Neue Haas Grotesk, serif;
      }
      .pagination__item{
        font-size: 13px;
        line-height: 100%;
      }
      .pagination__item{
        font-weight: 500;
      }
      .pagination__item{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .pagination__item{
          font-family: Neue Haas Grotesk, serif;
        }

        .pagination__item{
          font-size: 13px;
          line-height: 100%;
        }

        .pagination__item{
          font-weight: 500;
        }

        .pagination__item{
          letter-spacing: 0;
        }
      }
      .pagination__item {
        &:after{
          display: none;
        }
        &.pagination__item--current{
          --tw-bg-opacity: 1;
          background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
        }
        &.pagination__item--current{
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
        &.pagination__item--current{
          opacity: 1;
        }
        &:hover{
          --tw-bg-opacity: 1;
          background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
        }
        &:hover{
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
      }
      .pagination__item-arrow{
        display: flex;
      }
      .pagination__item-arrow{
        height: 40px;
      }
      .pagination__item-arrow{
        width: 40px;
      }
      .pagination__item-arrow{
        align-items: center;
      }
      .pagination__item-arrow{
        justify-content: center;
      }
      .pagination__item-arrow{
        border-radius: 3px;
      }
      .pagination__item-arrow{
        --tw-border-opacity: 1;
        border-color: rgb(15 48 67 / var(--tw-border-opacity, 1));
      }
      .pagination__item-arrow{
        background-color: transparent;
      }
      .pagination__item-arrow{
        --tw-text-opacity: 1;
        color: rgb(15 48 67 / var(--tw-text-opacity, 1));
      }
      .pagination__item-arrow{
        font-family: Neue Haas Grotesk, serif;
      }
      .pagination__item-arrow{
        font-size: 13px;
        line-height: 100%;
      }
      .pagination__item-arrow{
        font-weight: 500;
      }
      .pagination__item-arrow{
        letter-spacing: 0;
      }
      @media (min-width: 768px){
        .pagination__item-arrow{
          font-family: Neue Haas Grotesk, serif;
        }

        .pagination__item-arrow{
          font-size: 13px;
          line-height: 100%;
        }

        .pagination__item-arrow{
          font-weight: 500;
        }

        .pagination__item-arrow{
          letter-spacing: 0;
        }
      }
      .pagination__item-arrow {
        border: 1px solid;
        svg.hover_state{
          display: none;
        }
        &:hover{
          --tw-bg-opacity: 1;
          background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
        }
        &:hover{
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
        &:hover{
          svg.hover_state{
            display: block;
          }
          svg.normal_state{
            display: none;
          }
        }
      }
      .pagination__item--prev{
      }
      .pagination__item--next{
        svg{
          transform: rotate(180deg);
        }
      }
    }
  }
}

/* Styles globaux */

/* h1, h2, h3 {
    font-family: "Helvetica" !important;
} */

/* Styles pour les composants */

/* Style des boutons */

/* Bouton primaire avec empreinte de bois */

.cta-primary{
  display: flex;
  height: 60px;
  max-width: 290px;
  align-items: center;
  justify-content: flex-end;
  border-radius: 3px;
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  font-family: Neue Haas Grotesk, serif;
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  letter-spacing: 0;
  .text{
    flex: 1 1 0%;
  }
  .text{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .text{
    text-align: center;
  }
  .icon{
    position: relative;
  }
  .icon{
    display: flex;
  }
  .icon{
    height: 60px;
  }
  .icon{
    min-width: 60px;
  }
  .icon{
    align-items: center;
  }
  .icon{
    justify-content: center;
  }
  .icon{
    align-self: flex-end;
  }
  .icon{
    overflow: hidden;
  }
  .icon{
    border-left-width: 1px;
  }
  .icon{
    --tw-border-opacity: 1;
    border-color: rgb(156 249 204 / var(--tw-border-opacity, 1));
  }
  .icon {
    .dot{
      position: absolute;
    }
    .dot{
      top: 50%;
    }
    .dot{
      left: 50%;
    }
    .dot{
      height: 8px;
    }
    .dot{
      width: 8px;
    }
    .dot{
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .dot{
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .dot{
      border-radius: 9999px;
    }
    .dot{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    .dot{
      --tw-content: '';
      content: var(--tw-content);
    }
    .dot{
      transition: opacity 0.3s ease;
    }
    .woodprint{
      position: absolute;
    }
    .woodprint {
      top: 0;
      left: 0;
      transform: translate(-4px, 2px) scale(0);
      opacity: 0;
      transition: transform 0.5s ease, opacity 0.5s ease;
    }
  }
  &.white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  &.white{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  &.white {
    .icon{
      --tw-border-opacity: 1;
      border-color: rgb(15 48 67 / var(--tw-border-opacity, 1));
    }
    .icon {
      .dot{
        --tw-bg-opacity: 1;
        background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
      }
    }
  }
  &.mint{
    --tw-bg-opacity: 1;
    background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  }
  &.mint{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  &.mint {
    .icon{
      --tw-border-opacity: 1;
      border-color: rgb(15 48 67 / var(--tw-border-opacity, 1));
    }
    .icon {
      .dot{
        --tw-bg-opacity: 1;
        background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
      }
    }
  }
  /* Effet au survol */
  &:hover .dot {
    opacity: 0;
    /* Le point disparaît */
  }
  &:hover .woodprint {
    transform: translate(-4px, 2px) scale(1.9);
    opacity: 1;
  }
}

/* Bouton secondaire en aplat */

.cta-secondary{
  display: flex;
  height: 41px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 171px;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(15 48 67 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-left: 22px;
  padding-right: 22px;
  --tw-text-opacity: 1;
  color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  font-family: Neue Haas Grotesk, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
  &:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  }
  &:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .text{
    flex: 1 1 0%;
  }
  .text{
    text-align: center;
  }
  &.white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }
  &.white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  &.white {
    &:hover{
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    &:hover{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
  }
  &.mint{
    --tw-border-opacity: 1;
    border-color: rgb(156 249 204 / var(--tw-border-opacity, 1));
  }
  &.mint{
    --tw-text-opacity: 1;
    color: rgb(156 249 204 / var(--tw-text-opacity, 1));
  }
  &.mint {
    &:hover{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    &:hover{
      --tw-text-opacity: 1;
      color: rgb(15 48 67 / var(--tw-text-opacity, 1));
    }
  }
}

/* Produit - Bouton fiche technique */

.cta-fiche-technique{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 23px;
  padding-bottom: 23px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  font-family: Neue Haas Grotesk, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
}

@media (min-width: 768px){
  .cta-fiche-technique{
    font-family: Neue Haas Grotesk, serif;
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: 0;
  }
}

.cta-fiche-technique {
  &:after{
    content:"";
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTk5NjQgMEM0LjQyNjE3IDAgMi4zMzI5NCAyLjA5MzIzIDIuMzMyOTQgNC42NjY3QzIuMzMyOTQgNy4yNDAxOCA0LjQyNjE3IDkuMzMzNDEgNi45OTk2NCA5LjMzMzQxQzkuNTczMTEgOS4zMzM0MSAxMS42NjYzIDcuMjQwMTggMTEuNjY2MyA0LjY2NjdDMTEuNjY2MyAyLjA5MzIzIDkuNTczMTEgMCA2Ljk5OTY0IDBaTTYuOTk5NjQgMi4xODM5NUM3LjE4Mzg1IDIuMTgzOTUgNy4zMzI5MyAyLjMzMzAxIDcuMzMyOTMgMi41MTcyNFY2LjAxMTc4TDguNjQ5MTkgNC42OTU1MkM4Ljc3OTI3IDQuNTY1NDQgOC45OTA5IDQuNTY1NDQgOS4xMjA5OSA0LjY5NTUyQzkuMjUxMDcgNC44MjU2IDkuMjUxMDcgNS4wMzY1MyA5LjEyMDk5IDUuMTY3MzJMNy4yMzUxMiA3LjA1MjQ3QzcuMTA1MDQgNy4xODI1NSA2Ljg5NDExIDcuMTgyNTUgNi43NjQwMiA3LjA1MjQ3TDQuODc4MTUgNS4xNjczMkM0Ljc0ODA3IDUuMDM2NTQgNC43NDgwNyA0LjgyNTYxIDQuODc4MTUgNC42OTU1MkM0LjkyODA3IDQuNjQ2MyA0Ljk5Mjc2IDQuNjEzMjYgNS4wNjE2NiA0LjYwMjcxQzUuMTY3MTMgNC41ODU4MyA1LjI3NDAxIDQuNjIwMjkgNS4zNDk5NSA0LjY5NTUyTDYuNjY2MjEgNi4wMTE3OFYyLjUxNzI0QzYuNjY2MjEgMi4zMzMwMyA2LjgxNTQxIDIuMTgzOTUgNi45OTk2NCAyLjE4Mzk1Wk0wLjk5OTg1MSAxMC4wMDA3QzAuNDUxNDA2IDEwLjAwMDcgMCAxMC40NTIxIDAgMTEuMDAwNVYxMy4wMDAyQzAgMTMuNTQ4NiAwLjQ1MTQwNiAxNCAwLjk5OTg1MSAxNEgxMy4wMDAxQzEzLjU0ODYgMTQgMTQgMTMuNTQ4NiAxNCAxMy4wMDAyVjExLjAwMDVDMTQgMTAuNDUyMSAxMy41NDg2IDEwLjAwMDcgMTMuMDAwMSAxMC4wMDA3SDExLjY2N0MxMS4xNjY0IDEwLjAwMDcgMTAuNjc3IDEwLjE0OSAxMC4yNjA4IDEwLjQyNjhMOS4zNjkyMSAxMS4wMjAyQzkuMDYyNjUgMTEuMjI0OCA4LjcwMTk0IDExLjMzMzggOC4zMzI4IDExLjMzMzhINS42NjY2M0M1LjI5NzQ4IDExLjMzMzggNC45MzY3OCAxMS4yMjQ4IDQuNjMwMjIgMTEuMDIwMkwzLjczOTM2IDEwLjQyNjFDMy4zMjMxIDEwLjE0ODMgMi44MzM3NCAxMC4wMDA3IDIuMzMzMSAxMC4wMDA3SDAuOTk5ODUxWiIgZmlsbD0iIzlDRjlDQyIvPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
  }
  &:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
  }
  &:hover{
    --tw-text-opacity: 1;
    color: rgb(15 48 67 / var(--tw-text-opacity, 1));
  }
  &:hover{
    &:after{
      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTk5NjQgMEM0LjQyNjE3IDAgMi4zMzI5NCAyLjA5MzIzIDIuMzMyOTQgNC42NjY3QzIuMzMyOTQgNy4yNDAxOCA0LjQyNjE3IDkuMzMzNDEgNi45OTk2NCA5LjMzMzQxQzkuNTczMTEgOS4zMzM0MSAxMS42NjYzIDcuMjQwMTggMTEuNjY2MyA0LjY2NjdDMTEuNjY2MyAyLjA5MzIzIDkuNTczMTEgMCA2Ljk5OTY0IDBaTTYuOTk5NjQgMi4xODM5NUM3LjE4Mzg1IDIuMTgzOTUgNy4zMzI5MyAyLjMzMzAxIDcuMzMyOTMgMi41MTcyNFY2LjAxMTc4TDguNjQ5MTkgNC42OTU1MkM4Ljc3OTI3IDQuNTY1NDQgOC45OTA5IDQuNTY1NDQgOS4xMjA5OSA0LjY5NTUyQzkuMjUxMDcgNC44MjU2IDkuMjUxMDcgNS4wMzY1MyA5LjEyMDk5IDUuMTY3MzJMNy4yMzUxMiA3LjA1MjQ3QzcuMTA1MDQgNy4xODI1NSA2Ljg5NDExIDcuMTgyNTUgNi43NjQwMiA3LjA1MjQ3TDQuODc4MTUgNS4xNjczMkM0Ljc0ODA3IDUuMDM2NTQgNC43NDgwNyA0LjgyNTYxIDQuODc4MTUgNC42OTU1MkM0LjkyODA3IDQuNjQ2MyA0Ljk5Mjc2IDQuNjEzMjYgNS4wNjE2NiA0LjYwMjcxQzUuMTY3MTMgNC41ODU4MyA1LjI3NDAxIDQuNjIwMjkgNS4zNDk5NSA0LjY5NTUyTDYuNjY2MjEgNi4wMTE3OFYyLjUxNzI0QzYuNjY2MjEgMi4zMzMwMyA2LjgxNTQxIDIuMTgzOTUgNi45OTk2NCAyLjE4Mzk1Wk0wLjk5OTg1MSAxMC4wMDA3QzAuNDUxNDA2IDEwLjAwMDcgMCAxMC40NTIxIDAgMTEuMDAwNVYxMy4wMDAyQzAgMTMuNTQ4NiAwLjQ1MTQwNiAxNCAwLjk5OTg1MSAxNEgxMy4wMDAxQzEzLjU0ODYgMTQgMTQgMTMuNTQ4NiAxNCAxMy4wMDAyVjExLjAwMDVDMTQgMTAuNDUyMSAxMy41NDg2IDEwLjAwMDcgMTMuMDAwMSAxMC4wMDA3SDExLjY2N0MxMS4xNjY0IDEwLjAwMDcgMTAuNjc3IDEwLjE0OSAxMC4yNjA4IDEwLjQyNjhMOS4zNjkyMSAxMS4wMjAyQzkuMDYyNjUgMTEuMjI0OCA4LjcwMTk0IDExLjMzMzggOC4zMzI4IDExLjMzMzhINS42NjY2M0M1LjI5NzQ4IDExLjMzMzggNC45MzY3OCAxMS4yMjQ4IDQuNjMwMjIgMTEuMDIwMkwzLjczOTM2IDEwLjQyNjFDMy4zMjMxIDEwLjE0ODMgMi44MzM3NCAxMC4wMDA3IDIuMzMzMSAxMC4wMDA3SDAuOTk5ODUxWiIgZmlsbD0iIzBGMzA0MyIvPgo8L3N2Zz4K');
    }
  }
}

/* Boutons de pagination des carrousels */

.swiper-bouton{
  /* Style bleu défaut */
  display: flex;
  height: 60px;
  width: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(15 48 67 / var(--tw-border-opacity, 1));
  background-color: transparent;
  &:after {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjY0NjQ1IDUuMTQ2NTdDNi44NDE3MSA1LjM0MTgzIDYuODQxNzEgNS42NTg0MSA2LjY0NjQ1IDUuODUzNjhMMS42ODE5OCAxMC44MTgxQzEuMzY3IDExLjEzMzEgMC44Mjg0MzEgMTAuOTEgMC44Mjg0MyAxMC40NjQ2TDAuODI4NDMgNS41MDAxMlYwLjUzNTY1OUMwLjgyODQzIDAuMDkwMjA2MyAxLjM2NyAtMC4xMzI4NzcgMS42ODE5OCAwLjE4MjEwNkw2LjY0NjQ1IDUuMTQ2NTdaIiBmaWxsPSIjMEYzMDQzIi8+Cjwvc3ZnPgo=');
  }
  &.prev{
    margin-right: 0.75rem;
  }
  &.prev{
    &:after {
      transform: rotate(180deg);
    }
  }
  &:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  }
  &:hover{
    &:after {
      content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjQ2NDUgNS4xNDY1N0M2Ljg0MTcxIDUuMzQxODMgNi44NDE3MSA1LjY1ODQxIDYuNjQ2NDUgNS44NTM2OEwxLjY4MTk4IDEwLjgxODFDMS4zNjcgMTEuMTMzMSAwLjgyODQzMSAxMC45MSAwLjgyODQzIDEwLjQ2NDZMMC44Mjg0MyA1LjUwMDEyVjAuNTM1NjU5QzAuODI4NDMgMC4wOTAyMDYzIDEuMzY3IC0wLjEzMjg3NyAxLjY4MTk4IDAuMTgyMTA2TDYuNjQ2NDUgNS4xNDY1N1oiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+Cg==');
    }
  }
  /* Style mint */
  &.mint{
    --tw-border-opacity: 1;
    border-color: rgb(156 249 204 / var(--tw-border-opacity, 1));
  }
  &.mint{
    &:after {
      content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjQ2NDUgNS4xNDY1N0M2Ljg0MTcxIDUuMzQxODMgNi44NDE3MSA1LjY1ODQxIDYuNjQ2NDUgNS44NTM2OEwxLjY4MTk4IDEwLjgxODFDMS4zNjcgMTEuMTMzMSAwLjgyODQzMSAxMC45MSAwLjgyODQzIDEwLjQ2NDZMMC44Mjg0MyA1LjUwMDEyVjAuNTM1NjU5QzAuODI4NDMgMC4wOTAyMDYzIDEuMzY3IC0wLjEzMjg3NyAxLjY4MTk4IDAuMTgyMTA2TDYuNjQ2NDUgNS4xNDY1N1oiIGZpbGw9IiM5Q0Y5Q0MiLz4KPC9zdmc+Cg==');
    }
    &:hover{
      --tw-bg-opacity: 1;
      background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
    }
    &:hover{
      &:after {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjQ2NDUgNS4xNDY1N0M2Ljg0MTcxIDUuMzQxODMgNi44NDE3MSA1LjY1ODQxIDYuNjQ2NDUgNS44NTM2OEwxLjY4MTk4IDEwLjgxODFDMS4zNjcgMTEuMTMzMSAwLjgyODQzMSAxMC45MSAwLjgyODQzIDEwLjQ2NDZMMC44Mjg0MyA1LjUwMDEyVjAuNTM1NjU5QzAuODI4NDMgMC4wOTAyMDYzIDEuMzY3IC0wLjEzMjg3NyAxLjY4MTk4IDAuMTgyMTA2TDYuNjQ2NDUgNS4xNDY1N1oiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+Cg==');
      }
    }
  }
  /* Style white */
  &.white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }
  &.white{
    &:after {
      content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjQ2NDUgNS4xNDY1N0M2Ljg0MTcxIDUuMzQxODMgNi44NDE3MSA1LjY1ODQxIDYuNjQ2NDUgNS44NTM2OEwxLjY4MTk4IDEwLjgxODFDMS4zNjcgMTEuMTMzMSAwLjgyODQzMSAxMC45MSAwLjgyODQzIDEwLjQ2NDZMMC44Mjg0MyA1LjUwMDEyVjAuNTM1NjU5QzAuODI4NDMgMC4wOTAyMDYzIDEuMzY3IC0wLjEzMjg3NyAxLjY4MTk4IDAuMTgyMTA2TDYuNjQ2NDUgNS4xNDY1N1oiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+Cg==');
    }
    &:hover{
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    &:hover{
      &:after {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjY0NjQ1IDUuMTQ2NTdDNi44NDE3MSA1LjM0MTgzIDYuODQxNzEgNS42NTg0MSA2LjY0NjQ1IDUuODUzNjhMMS42ODE5OCAxMC44MTgxQzEuMzY3IDExLjEzMzEgMC44Mjg0MzEgMTAuOTEgMC44Mjg0MyAxMC40NjQ2TDAuODI4NDMgNS41MDAxMlYwLjUzNTY1OUMwLjgyODQzIDAuMDkwMjA2MyAxLjM2NyAtMC4xMzI4NzcgMS42ODE5OCAwLjE4MjEwNkw2LjY0NjQ1IDUuMTQ2NTdaIiBmaWxsPSIjMEYzMDQzIi8+Cjwvc3ZnPgo=');
      }
    }
  }
  /* Disable */
  &.swiper-button-disabled{
    cursor: not-allowed;
  }
  &.swiper-button-disabled{
    opacity: 0.3;
  }
}

/* Styles généraux */

/* 
    ***
    *** Voir dans assets/gascogne-bois.js pour les styles des formulaires shopify-forms ***
    ***
 */

/* Classes utilitaires personnalisées */

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1126px){
  .container{
    max-width: 1126px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

.visible{
  visibility: visible;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.bottom-0{
  bottom: 0px;
}

.bottom-5{
  bottom: 1.25rem;
}

.bottom-8{
  bottom: 2rem;
}

.bottom-\[20px\]{
  bottom: 20px;
}

.left-0{
  left: 0px;
}

.left-1\/2{
  left: 50%;
}

.left-\[20px\]{
  left: 20px;
}

.left-\[50\%\]{
  left: 50%;
}

.right-12{
  right: 3rem;
}

.right-\[20px\]{
  right: 20px;
}

.right-\[50\%\]{
  right: 50%;
}

.top-0{
  top: 0px;
}

.top-1\/2{
  top: 50%;
}

.top-\[-20px\]{
  top: -20px;
}

.top-\[130px\]{
  top: 130px;
}

.top-\[18px\]{
  top: 18px;
}

.top-\[23px\]{
  top: 23px;
}

.top-\[38px\]{
  top: 38px;
}

.top-\[70px\]{
  top: 70px;
}

.isolate{
  isolation: isolate;
}

.z-10{
  z-index: 10;
}

.z-\[-1\]{
  z-index: -1;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[2\]{
  z-index: 2;
}

.m-0{
  margin: 0px;
}

.mx-\[20px\]{
  margin-left: 20px;
  margin-right: 20px;
}

.mx-\[5px\]{
  margin-left: 5px;
  margin-right: 5px;
}

.my-\[30px\]{
  margin-top: 30px;
  margin-bottom: 30px;
}

.my-\[40px\]{
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-\[60px\]{
  margin-top: 60px;
  margin-bottom: 60px;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-\[20px\]{
  margin-bottom: 20px;
}

.mb-\[30px\]{
  margin-bottom: 30px;
}

.mb-\[40px\]{
  margin-bottom: 40px;
}

.mb-\[58px\]{
  margin-bottom: 58px;
}

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

.mt-12{
  margin-top: 3rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-9{
  margin-top: 2.25rem;
}

.mt-\[105px\]{
  margin-top: 105px;
}

.mt-\[10px\]{
  margin-top: 10px;
}

.mt-\[130px\]{
  margin-top: 130px;
}

.mt-\[150px\]{
  margin-top: 150px;
}

.mt-\[20px\]{
  margin-top: 20px;
}

.mt-\[30px\]{
  margin-top: 30px;
}

.mt-\[34\.5px\]{
  margin-top: 34.5px;
}

.mt-\[34px\]{
  margin-top: 34px;
}

.mt-\[40px\]{
  margin-top: 40px;
}

.block{
  display: block;
}

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

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.aspect-\[197\/197\]{
  aspect-ratio: 197/197;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.h-0{
  height: 0px;
}

.h-\[1\.3rem\]{
  height: 1.3rem;
}

.h-\[145px\]{
  height: 145px;
}

.h-\[197px\]{
  height: 197px;
}

.h-\[1px\]{
  height: 1px;
}

.h-\[20px\]{
  height: 20px;
}

.h-\[220px\]{
  height: 220px;
}

.h-\[25\.9\%\]{
  height: 25.9%;
}

.h-\[25px\]{
  height: 25px;
}

.h-\[300px\]{
  height: 300px;
}

.h-\[30px\]{
  height: 30px;
}

.h-\[40px\]{
  height: 40px;
}

.h-\[41px\]{
  height: 41px;
}

.h-\[4px\]{
  height: 4px;
}

.h-\[50rem\]{
  height: 50rem;
}

.h-\[60px\]{
  height: 60px;
}

.h-\[70px\]{
  height: 70px;
}

.h-\[80px\]{
  height: 80px;
}

.h-\[8px\]{
  height: 8px;
}

.h-full{
  height: 100%;
}

.max-h-\[145px\]{
  max-height: 145px;
}

.max-h-\[197px\]{
  max-height: 197px;
}

.max-h-\[220px\]{
  max-height: 220px;
}

.max-h-\[380px\]{
  max-height: 380px;
}

.max-h-\[40px\]{
  max-height: 40px;
}

.max-h-\[444px\]{
  max-height: 444px;
}

.max-h-\[660px\]{
  max-height: 660px;
}

.min-h-\[175px\]{
  min-height: 175px;
}

.min-h-\[197px\]{
  min-height: 197px;
}

.min-h-\[70px\]{
  min-height: 70px;
}

.min-h-\[76px\]{
  min-height: 76px;
}

.w-1\/2{
  width: 50%;
}

.w-1\/3{
  width: 33.333333%;
}

.w-\[1\.3rem\]{
  width: 1.3rem;
}

.w-\[100\%\]{
  width: 100%;
}

.w-\[11rem\]{
  width: 11rem;
}

.w-\[132px\]{
  width: 132px;
}

.w-\[14px\]{
  width: 14px;
}

.w-\[197px\]{
  width: 197px;
}

.w-\[20px\]{
  width: 20px;
}

.w-\[40px\]{
  width: 40px;
}

.w-\[4px\]{
  width: 4px;
}

.w-\[60px\]{
  width: 60px;
}

.w-\[80px\]{
  width: 80px;
}

.w-\[8px\]{
  width: 8px;
}

.w-\[calc\(50\%-15px\)\]{
  width: calc(50% - 15px);
}

.w-\[calc\(50\%-35px\)\]{
  width: calc(50% - 35px);
}

.w-auto{
  width: auto;
}

.w-full{
  width: 100%;
}

.min-w-\[171px\]{
  min-width: 171px;
}

.min-w-\[200px\]{
  min-width: 200px;
}

.min-w-\[336px\]{
  min-width: 336px;
}

.min-w-\[60px\]{
  min-width: 60px;
}

.min-w-\[68px\]{
  min-width: 68px;
}

.max-w-\[121px\]{
  max-width: 121px;
}

.max-w-\[125px\]{
  max-width: 125px;
}

.max-w-\[14px\]{
  max-width: 14px;
}

.max-w-\[183px\]{
  max-width: 183px;
}

.max-w-\[197px\]{
  max-width: 197px;
}

.max-w-\[200px\]{
  max-width: 200px;
}

.max-w-\[209px\]{
  max-width: 209px;
}

.max-w-\[247px\]{
  max-width: 247px;
}

.max-w-\[290px\]{
  max-width: 290px;
}

.max-w-\[345px\]{
  max-width: 345px;
}

.max-w-\[350px\]{
  max-width: 350px;
}

.max-w-\[522px\]{
  max-width: 522px;
}

.max-w-\[847px\]{
  max-width: 847px;
}

.max-w-\[calc\(100\%_-_55px\)\]{
  max-width: calc(100% - 55px);
}

.flex-1{
  flex: 1 1 0%;
}

.flex-grow{
  flex-grow: 1;
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer{
  cursor: pointer;
}

.resize{
  resize: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0{
  gap: 0px;
}

.gap-12{
  gap: 3rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[10px\]{
  gap: 10px;
}

.gap-\[128px\]{
  gap: 128px;
}

.gap-\[130px\]{
  gap: 130px;
}

.gap-\[15px\]{
  gap: 15px;
}

.gap-\[19\.5px\]{
  gap: 19.5px;
}

.gap-\[1vw\]{
  gap: 1vw;
}

.gap-\[20px\]{
  gap: 20px;
}

.gap-\[30px\]{
  gap: 30px;
}

.gap-\[35px\]{
  gap: 35px;
}

.gap-\[5px\]{
  gap: 5px;
}

.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-x-\[15px\]{
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.gap-x-\[2\%\]{
  -moz-column-gap: 2%;
       column-gap: 2%;
}

.gap-x-\[20px\]{
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.gap-x-\[5vw\]{
  -moz-column-gap: 5vw;
       column-gap: 5vw;
}

.gap-y-4{
  row-gap: 1rem;
}

.gap-y-6{
  row-gap: 1.5rem;
}

.gap-y-8{
  row-gap: 2rem;
}

.gap-y-\[20px\]{
  row-gap: 20px;
}

.gap-y-\[30px\]{
  row-gap: 30px;
}

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

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.rounded-\[3px\]{
  border-radius: 3px;
}

.rounded-none{
  border-radius: 0px;
}

.rounded-t-\[3px\]{
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.rounded-bl-\[3px\]{
  border-bottom-left-radius: 3px;
}

.rounded-br-\[3px\]{
  border-bottom-right-radius: 3px;
}

.rounded-tl-\[3px\]{
  border-top-left-radius: 3px;
}

.rounded-tr-\[3px\]{
  border-top-right-radius: 3px;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-\[10px\]{
  border-width: 10px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-l{
  border-left-width: 1px;
}

.border-l-\[5px\]{
  border-left-width: 5px;
}

.border-solid{
  border-style: solid;
}

.border-none{
  border-style: none;
}

.border-blanc{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-bleu{
  --tw-border-opacity: 1;
  border-color: rgb(15 48 67 / var(--tw-border-opacity, 1));
}

.border-mint{
  --tw-border-opacity: 1;
  border-color: rgb(156 249 204 / var(--tw-border-opacity, 1));
}

.border-opacity-40{
  --tw-border-opacity: 0.4;
}

.bg-blanc{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-blanc-casse{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}

.bg-bleu{
  --tw-bg-opacity: 1;
  background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
}

.bg-bleu-intense{
  --tw-bg-opacity: 1;
  background-color: rgb(4 37 56 / var(--tw-bg-opacity, 1));
}

.bg-graphite{
  --tw-bg-opacity: 1;
  background-color: rgb(70 99 106 / var(--tw-bg-opacity, 1));
}

.bg-mint{
  --tw-bg-opacity: 1;
  background-color: rgb(156 249 204 / var(--tw-bg-opacity, 1));
}

.bg-transparent{
  background-color: transparent;
}

.bg-vert-profond{
  --tw-bg-opacity: 1;
  background-color: rgb(1 175 117 / var(--tw-bg-opacity, 1));
}

.bg-opacity-20{
  --tw-bg-opacity: 0.2;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.\!p-0{
  padding: 0px !important;
}

.p-0{
  padding: 0px;
}

.p-5{
  padding: 1.25rem;
}

.p-\[20px\]{
  padding: 20px;
}

.p-\[2rem\]{
  padding: 2rem;
}

.p-\[30px\]{
  padding: 30px;
}

.\!px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.\!py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}

.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}

.px-\[22px\]{
  padding-left: 22px;
  padding-right: 22px;
}

.px-\[25px\]{
  padding-left: 25px;
  padding-right: 25px;
}

.px-\[30px\]{
  padding-left: 30px;
  padding-right: 30px;
}

.px-\[36\.5px\]{
  padding-left: 36.5px;
  padding-right: 36.5px;
}

.px-\[40px\]{
  padding-left: 40px;
  padding-right: 40px;
}

.px-\[9\.5px\]{
  padding-left: 9.5px;
  padding-right: 9.5px;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[10\.5px\]{
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}

.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-\[110px\]{
  padding-top: 110px;
  padding-bottom: 110px;
}

.py-\[15\.5px\]{
  padding-top: 15.5px;
  padding-bottom: 15.5px;
}

.py-\[15px\]{
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-\[19px\]{
  padding-top: 19px;
  padding-bottom: 19px;
}

.py-\[20px\]{
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-\[23px\]{
  padding-top: 23px;
  padding-bottom: 23px;
}

.py-\[30px\]{
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-\[40px\]{
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-\[60px\]{
  padding-top: 60px;
  padding-bottom: 60px;
}

.pb-\[30px\]{
  padding-bottom: 30px;
}

.pb-\[60px\]{
  padding-bottom: 60px;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-\[60px\]{
  padding-top: 60px;
}

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

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

.align-middle{
  vertical-align: middle;
}

.font-merriweather{
  font-family: Merriweather, serif;
}

.font-neuehaasgrotesk{
  font-family: Neue Haas Grotesk, serif;
}

.\!text-\[15px\]{
  font-size: 15px !important;
}

.\!text-\[40px\]{
  font-size: 40px !important;
}

.text-\[1\.5rem\]{
  font-size: 1.5rem;
}

.text-\[10px\]{
  font-size: 10px;
}

.text-\[12px\]{
  font-size: 12px;
}

.text-\[13px\]{
  font-size: 13px;
}

.text-\[14px\]{
  font-size: 14px;
}

.text-\[15px\]{
  font-size: 15px;
}

.text-\[16px\]{
  font-size: 16px;
}

.text-\[18px\]{
  font-size: 18px;
}

.text-\[1rem\]{
  font-size: 1rem;
}

.text-\[24px\]{
  font-size: 24px;
}

.text-\[30px\]{
  font-size: 30px;
}

.text-\[42px\]{
  font-size: 42px;
}

.text-body{
  font-size: 14px;
  line-height: 150%;
}

.text-bodyArticle{
  font-size: 15px;
  line-height: 180%;
}

.text-bodyArticleMobile{
  font-size: 15px;
  line-height: 180%;
}

.text-bodyMobile{
  font-size: 14px;
  line-height: 150%;
}

.text-chapo{
  font-size: 18px;
  line-height: 180%;
}

.text-chapoMobile{
  font-size: 16px;
  line-height: 180%;
}

.text-citation{
  font-size: 30px;
  line-height: 150%;
}

.text-citationMobile{
  font-size: 18px;
  line-height: 150%;
}

.text-h0{
  font-size: 92px;
  line-height: 95%;
}

.text-h0Mobile{
  font-size: 64px;
  line-height: 95%;
}

.text-h1{
  font-size: 64px;
  line-height: 95%;
}

.text-h1Mobile{
  font-size: 38px;
  line-height: 95%;
}

.text-h2{
  font-size: 42px;
  line-height: 95%;
}

.text-h2Mobile{
  font-size: 32px;
  line-height: 95%;
}

.text-h3{
  font-size: 34px;
  line-height: 100%;
}

.text-h3Mobile{
  font-size: 26px;
  line-height: 95%;
}

.text-h4{
  font-size: 24px;
  line-height: 100%;
}

.text-h4Mobile{
  font-size: 20px;
  line-height: 110%;
}

.text-h5{
  font-size: 16px;
  line-height: 120%;
}

.text-h5Mobile{
  font-size: 13px;
  line-height: 100%;
}

.text-h6{
  font-size: 13px;
  line-height: 100%;
}

.text-h6Mobile{
  font-size: 13px;
  line-height: 100%;
}

.text-h7{
  font-size: 12px;
  line-height: 100%;
}

.text-h7Mobile{
  font-size: 12px;
  line-height: 100%;
}

.text-h8{
  font-size: 10px;
  line-height: 100%;
}

.text-h8Mobile{
  font-size: 10px;
  line-height: 100%;
}

.font-\[400\]{
  font-weight: 400;
}

.font-\[500\]{
  font-weight: 500;
}

.font-\[700\]{
  font-weight: 700;
}

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.leading-\[10px\]{
  line-height: 10px;
}

.leading-\[12px\]{
  line-height: 12px;
}

.leading-\[13px\]{
  line-height: 13px;
}

.leading-\[140\%\]{
  line-height: 140%;
}

.leading-\[15\.6px\]{
  line-height: 15.6px;
}

.leading-\[16px\]{
  line-height: 16px;
}

.leading-\[18\.2px\]{
  line-height: 18.2px;
}

.leading-\[19\.2px\]{
  line-height: 19.2px;
}

.leading-\[19\.6px\]{
  line-height: 19.6px;
}

.leading-\[22\.4px\]{
  line-height: 22.4px;
}

.leading-\[24px\]{
  line-height: 24px;
}

.leading-\[27px\]{
  line-height: 27px;
}

.leading-\[32\.4px\]{
  line-height: 32.4px;
}

.leading-\[39\.9px\]{
  line-height: 39.9px;
}

.leading-\[45px\]{
  line-height: 45px;
}

.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}

.tracking-normal{
  letter-spacing: 0;
}

.tracking-tightest{
  letter-spacing: -0.01em;
}

.\!text-blanc{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-blanc{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-bleu{
  --tw-text-opacity: 1;
  color: rgb(15 48 67 / var(--tw-text-opacity, 1));
}

.text-graphite{
  --tw-text-opacity: 1;
  color: rgb(70 99 106 / var(--tw-text-opacity, 1));
}

.text-mint{
  --tw-text-opacity: 1;
  color: rgb(156 249 204 / var(--tw-text-opacity, 1));
}

.text-vert-profond{
  --tw-text-opacity: 1;
  color: rgb(1 175 117 / var(--tw-text-opacity, 1));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-opacity-40{
  --tw-text-opacity: 0.4;
}

.text-opacity-80{
  --tw-text-opacity: 0.8;
}

.underline{
  text-decoration-line: underline;
}

.no-underline{
  text-decoration-line: none;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-50{
  opacity: 0.5;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline{
  outline-style: solid;
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-300{
  transition-duration: 300ms;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.content-\[\"\"\]{
  --tw-content: "";
  content: var(--tw-content);
}

.content-\[\'\'\]{
  --tw-content: '';
  content: var(--tw-content);
}

/* Titles */

.title-h0{
  font-family: Neue Haas Grotesk, serif;
  font-size: 92px;
  line-height: 95%;
  font-weight: 300;
  letter-spacing: 0;
}

.title-h0-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 64px;
  line-height: 95%;
  font-weight: 300;
  letter-spacing: 0;
}

.title-h1{
  font-family: Neue Haas Grotesk, serif;
  font-size: 64px;
  line-height: 95%;
  font-weight: 400;
  letter-spacing: 0;
  /* Desktop H1 */
}

.title-h1-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 38px;
  line-height: 95%;
  font-weight: 400;
  letter-spacing: 0;
  /* Mobile H1 */
}

.title-h2{
  font-family: Neue Haas Grotesk, serif;
  font-size: 42px;
  line-height: 95%;
  font-weight: 400;
  letter-spacing: 0;
}

.title-h2-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 32px;
  line-height: 95%;
  font-weight: 400;
  letter-spacing: 0;
}

.title-h3{
  font-family: Neue Haas Grotesk, serif;
  font-size: 34px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0;
}

.title-h3-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 26px;
  line-height: 95%;
  font-weight: 400;
  letter-spacing: 0;
}

.title-h4{
  font-family: Neue Haas Grotesk, serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0;
}

.title-h4-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 20px;
  line-height: 110%;
  font-weight: 400;
  letter-spacing: 0;
}

.title-h5{
  font-family: Neue Haas Grotesk, serif;
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  letter-spacing: 0;
}

.title-h5-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
}

.title-h6{
  font-family: Neue Haas Grotesk, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
}

.title-h6-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
}

.title-h7{
  font-family: Neue Haas Grotesk, serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0;
}

.\!title-h7-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0;
}

.title-h7-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0;
}

.title-h8{
  font-family: Neue Haas Grotesk, serif;
  font-size: 10px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
}

.title-h8-mobile{
  font-family: Neue Haas Grotesk, serif;
  font-size: 10px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0;
}

/* Text */

.textual-citation{
  font-family: Merriweather, serif;
  font-size: 30px;
  line-height: 150%;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.01em;
}

.textual-citation-mobile{
  font-family: Merriweather, serif;
  font-size: 18px;
  line-height: 150%;
  font-style: italic;
  letter-spacing: -0.01em;
}

.textual-chapo{
  font-family: Merriweather, serif;
  font-size: 18px;
  line-height: 180%;
  font-weight: 700;
  letter-spacing: 0;
}

.textual-chapo-mobile{
  font-family: Merriweather, serif;
  font-size: 16px;
  line-height: 180%;
  font-weight: 700;
  letter-spacing: 0;
}

.textual-body{
  font-family: Merriweather, serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.\!textual-body-mobile{
  font-family: Merriweather, serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.textual-body-mobile{
  font-family: Merriweather, serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.textual-body-article{
  font-family: Merriweather, serif;
  font-size: 15px;
  line-height: 180%;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.textual-body-article-mobile{
  font-family: Merriweather, serif;
  font-size: 15px;
  line-height: 180%;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Styles spécifiques au projet */

body{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important;
}

#MainContent{
  overflow: hidden;
}

#MainContent:not(.home-page, .article-page, .page-qui-sommes-nous, .page-faq){
  margin-top: 130px;
}

.grid {
  display: flex;
  /* Compatibilité thème Shopify */
}

.surface-note.price-item {
  & > *{
    font-family: Neue Haas Grotesk, serif;
  }
  & > *{
    font-size: 12px;
    line-height: 100%;
  }
  & > *{
    font-weight: 400;
  }
  & > *{
    letter-spacing: 0;
  }
  @media (min-width: 768px){
    & > *{
      font-family: Neue Haas Grotesk, serif;
    }

    & > *{
      font-size: 12px;
      line-height: 100%;
    }

    & > *{
      font-weight: 400;
    }

    & > *{
      letter-spacing: 0;
    }
  }
}

sup{
  font-size: 1.5rem;
}

.card-product__content {
  sup{
    font-size: 1rem;
  }
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px){
  .sm\:gap-x-\[20px\]{
    -moz-column-gap: 20px;
         column-gap: 20px;
  }

  .sm\:p-\[30px\]{
    padding: 30px;
  }
}

@media (min-width: 768px){
  .md\:relative{
    position: relative;
  }

  .md\:bottom-5{
    bottom: 1.25rem;
  }

  .md\:right-5{
    right: 1.25rem;
  }

  .md\:z-\[1\]{
    z-index: 1;
  }

  .md\:my-\[60px\]{
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .md\:my-\[80px\]{
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mb-\[40px\]{
    margin-bottom: 40px;
  }

  .md\:mb-\[80px\]{
    margin-bottom: 80px;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:mt-\[130px\]{
    margin-top: 130px;
  }

  .md\:mt-\[30px\]{
    margin-top: 30px;
  }

  .md\:mt-\[34px\]{
    margin-top: 34px;
  }

  .md\:mt-\[40px\]{
    margin-top: 40px;
  }

  .md\:mt-\[60px\]{
    margin-top: 60px;
  }

  .md\:mt-\[80px\]{
    margin-top: 80px;
  }

  .md\:\!block{
    display: block !important;
  }

  .md\:block{
    display: block;
  }

  .md\:\!flex{
    display: flex !important;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-\[18\.0\%\]{
    height: 18.0%;
  }

  .md\:h-\[37\.8\%\]{
    height: 37.8%;
  }

  .md\:h-\[44\%\]{
    height: 44%;
  }

  .md\:h-\[55rem\]{
    height: 55rem;
  }

  .md\:h-\[60px\]{
    height: 60px;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-\[413px\]{
    width: 413px;
  }

  .md\:w-\[calc\(26\.5\%-35px\)\]{
    width: calc(26.5% - 35px);
  }

  .md\:w-\[calc\(33\%-15px\)\]{
    width: calc(33% - 15px);
  }

  .md\:w-\[calc\(45\%\)\]{
    width: calc(45%);
  }

  .md\:w-\[calc\(50\%-20px\)\]{
    width: calc(50% - 20px);
  }

  .md\:w-\[calc\(55\%\)\]{
    width: calc(55%);
  }

  .md\:max-w-\[100\%\]{
    max-width: 100%;
  }

  .md\:max-w-\[175px\]{
    max-width: 175px;
  }

  .md\:max-w-\[205px\]{
    max-width: 205px;
  }

  .md\:max-w-\[238px\]{
    max-width: 238px;
  }

  .md\:max-w-\[305px\]{
    max-width: 305px;
  }

  .md\:max-w-\[413px\]{
    max-width: 413px;
  }

  .md\:max-w-\[45\%\]{
    max-width: 45%;
  }

  .md\:max-w-\[500px\]{
    max-width: 500px;
  }

  .md\:max-w-\[55\%\]{
    max-width: 55%;
  }

  .md\:max-w-\[630px\]{
    max-width: 630px;
  }

  .md\:max-w-\[90\%\]{
    max-width: 90%;
  }

  .md\:translate-y-\[-50px\]{
    --tw-translate-y: -50px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }

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

  .md\:gap-32{
    gap: 8rem;
  }

  .md\:gap-\[128px\]{
    gap: 128px;
  }

  .md\:gap-\[20px\]{
    gap: 20px;
  }

  .md\:gap-\[5vw\]{
    gap: 5vw;
  }

  .md\:gap-\[60px\]{
    gap: 60px;
  }

  .md\:gap-x-\[2vw\]{
    -moz-column-gap: 2vw;
         column-gap: 2vw;
  }

  .md\:gap-x-\[3vw\]{
    -moz-column-gap: 3vw;
         column-gap: 3vw;
  }

  .md\:gap-y-0{
    row-gap: 0px;
  }

  .md\:gap-y-\[30px\]{
    row-gap: 30px;
  }

  .md\:overflow-hidden{
    overflow: hidden;
  }

  .md\:bg-bleu{
    --tw-bg-opacity: 1;
    background-color: rgb(15 48 67 / var(--tw-bg-opacity, 1));
  }

  .md\:p-\[40px\]{
    padding: 40px;
  }

  .md\:p-\[5rem\]{
    padding: 5rem;
  }

  .md\:p-\[80px\]{
    padding: 80px;
  }

  .md\:px-\[168px\]{
    padding-left: 168px;
    padding-right: 168px;
  }

  .md\:px-\[48\.5px\]{
    padding-left: 48.5px;
    padding-right: 48.5px;
  }

  .md\:px-\[70px\]{
    padding-left: 70px;
    padding-right: 70px;
  }

  .md\:px-\[81\.5px\]{
    padding-left: 81.5px;
    padding-right: 81.5px;
  }

  .md\:py-\[104px\]{
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .md\:py-\[177px\]{
    padding-top: 177px;
    padding-bottom: 177px;
  }

  .md\:py-\[40px\]{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .md\:py-\[48\.5px\]{
    padding-top: 48.5px;
    padding-bottom: 48.5px;
  }

  .md\:py-\[60px\]{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .md\:py-\[70px\]{
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .md\:py-\[80px\]{
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .md\:py-\[81\.5px\]{
    padding-top: 81.5px;
    padding-bottom: 81.5px;
  }

  .md\:pb-\[10px\]{
    padding-bottom: 10px;
  }

  .md\:pb-\[80px\]{
    padding-bottom: 80px;
  }

  .md\:pl-\[50px\]{
    padding-left: 50px;
  }

  .md\:pt-\[80px\]{
    padding-top: 80px;
  }

  .md\:title-h0{
    font-family: Neue Haas Grotesk, serif;
    font-size: 92px;
    line-height: 95%;
    font-weight: 300;
    letter-spacing: 0;
  }

  .md\:title-h1{
    font-family: Neue Haas Grotesk, serif;
    font-size: 64px;
    line-height: 95%;
    font-weight: 400;
    letter-spacing: 0;
    /* Desktop H1 */
  }

  .md\:title-h2{
    font-family: Neue Haas Grotesk, serif;
    font-size: 42px;
    line-height: 95%;
    font-weight: 400;
    letter-spacing: 0;
  }

  .md\:title-h4{
    font-family: Neue Haas Grotesk, serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0;
  }

  .md\:title-h5{
    font-family: Neue Haas Grotesk, serif;
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: 0;
  }

  .md\:title-h6{
    font-family: Neue Haas Grotesk, serif;
    font-size: 13px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: 0;
  }

  .md\:title-h7{
    font-family: Neue Haas Grotesk, serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0;
  }

  .md\:\!textual-body{
    font-family: Merriweather, serif;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    letter-spacing: -0.01em;
  }

  .md\:textual-body{
    font-family: Merriweather, serif;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    letter-spacing: -0.01em;
  }
}

@media (min-width: 1024px){
  .lg\:\!ml-\[32rem\]{
    margin-left: 32rem !important;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:h-\[37\.8\%\]{
    height: 37.8%;
  }

  .lg\:h-\[660px\]{
    height: 660px;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-1\/3{
    width: 33.333333%;
  }

  .lg\:w-2\/3{
    width: 66.666667%;
  }

  .lg\:max-w-\[522px\]{
    max-width: 522px;
  }

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-\[128px\]{
    gap: 128px;
  }

  .lg\:gap-x-\[13vw\]{
    -moz-column-gap: 13vw;
         column-gap: 13vw;
  }

  .lg\:p-\[80px\]{
    padding: 80px;
  }

  .lg\:px-\[32rem\]{
    padding-left: 32rem;
    padding-right: 32rem;
  }

  .lg\:title-h6{
    font-family: Neue Haas Grotesk, serif;
    font-size: 13px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: 0;
  }
}

@media (min-width: 1126px){
  .custom\:h-\[38\.2\%\]{
    height: 38.2%;
  }

  .custom\:w-\[21\%\]{
    width: 21%;
  }

  .custom\:w-\[44\%\]{
    width: 44%;
  }

  .custom\:w-\[47\%\]{
    width: 47%;
  }

  .custom\:max-w-\[356px\]{
    max-width: 356px;
  }

  .custom\:gap-\[50px\]{
    gap: 50px;
  }
}

@media (min-width: 1280px){
  .xl\:h-\[37\.8\%\]{
    height: 37.8%;
  }

  .xl\:max-w-\[522px\]{
    max-width: 522px;
  }

  .xl\:gap-\[128px\]{
    gap: 128px;
  }

  .xl\:title-h6{
    font-family: Neue Haas Grotesk, serif;
    font-size: 13px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: 0;
  }
}