@charset "UTF-8";
/*
Theme Name: MA
Author: Taketik
Author email: yves@taketik.fr
Description: Thème sur mesure Maison de l'Argousier
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ma
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*colors*/
:root {
  --color-gray-100: #FFFFFF;
  --color-gray-200: #F7F7FA;
  --color-gray-300: #EFEFF5;
  --color-gray-400: #BFC3CF;
  --color-gray-500: #838BA3;
  --color-gray-600: #4A4E5F;
  --cl-gray-disabled: #B6BDBF;
  --color-gray-700: #1b1c25;
  --color-gray-800: #06070E;
  --cl-link: #ef7a36;
  --cl-text: #555;
  --cl-border: #BFC3CF;
  --white: #fff;
  /*  --cl-white: #EFECE4; */
  --cl-white: #fef8f2;
  --cl-black: #06070E;
  --cl-primary: #E3793a;
  --cl-light: #FFB78C;
  --cl-dark: #9B3D06;
  --cl-btn: #E3793a;
  --cl-secondary: #E3793a;
  --cl-secondary-dark: #9B3D06;
  --cl-secondary-light: #FFB78C;
  --cl-secondary-x-light: #EFECE4;
  --cl-ter: #645f3f;
  --cl-ter-light: #EFECE4;
  --cl-quad: #269478;
  --cl-quad-dark: #04654D;
  --cl-quad-light: #6BC1AB;
  --cl-quad-x-light: #6bc1ab96;
  --cl-cafe: #f1e0cf;
  /* color for mobile menu and Page Pro */
  --cl-light-brown: #fdf8f3;
  --cl-white-smoke: #f6f4f4;
  --cl-orange-pumpkin: #d57e48;
  /*C35818*/
  --radius: 6px;
  --radius-lg: 12px;
  --radius-xl: 24px;
  --p-0: 4px;
  --p-1: 8px;
  --p-2: 16px;
  --p-2-2: 20px;
  --p-3: 24px;
  --p-4: 32px;
  --p-5: 40px;
  --p-6: 48px;
  --p-7: 60px;
  --ft-0-0: 12px;
  --ft-0: 14px;
  --ft-1: 16px;
  --ft-main: 18px;
  --ft-2: 18px;
  --ft-3: 20px;
  --ft-4: 24px;
  --ft-4-2: 30px;
  --ft-5: 40px;
  --ft-6: 48px;
  --ft-7: 58px;
  --menu-mobile-height: 73px;
  --header-mobile-height: 82px;
  --header-mobile-height-home: 110px;
  --header-height: 84px;
  --header-height-home: 160px;
  --bandeau-height: 24px;
  --bandeau-height-mobile: 32px; }

/* lg */
@media (min-width: 992px) {
  :root {
    --radius: 6px;
    --radius-lg: 12px;
    --radius-xl: 24px;
    --p-1: 8px;
    --p-2: 16px;
    --p-3: 24px;
    --p-4: 32px;
    --p-5: 40px;
    --p-6: 48px;
    --ft-main: 16px;
    --gap: 18px;
    --ft-1: 14px;
    --ft-2: 16px;
    --ft-3: 20px;
    --ft-4: 24px;
    --ft-5: 40px;
    --ft-6: 48px; } }
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  box-sizing: border-box;
  min-width: 320px;
  padding-left: var(--p-2);
  padding-right: var(--p-2); }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }
  @media (min-width: 1440px) {
    .container {
      max-width: 1300px; } }
  .container .row {
    width: 100%; }
  .container.container-mini {
    padding-left: var(--p-1);
    padding-right: var(--p-1); }

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  box-sizing: border-box;
  min-width: 320px;
  padding: 0 !important;
  max-width: unset !important; }

#primary {
  margin-top: calc(0px - var(--header-mobile-height));
  padding-top: var(--header-mobile-height); }

#main,
body.home #main.active {
  padding-top: calc(var(--header-mobile-height) + var(--bandeau-height) ); }

body.home #main {
  transition: all .6s ease-in-out;
  padding-top: var(--header-mobile-height-home); }
  @media (min-width: 992px) {
    body.home #main {
      padding-top: var(--header-height-home); } }

section.sep {
  margin-top: 48px; }

.hidden {
  display: none !important; }

@media (max-width: 575px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 576px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important; } }

.visible-xs {
  display: none !important; }
  @media (min-width: 0) and (max-width: 575px) {
    .visible-xs {
      display: block !important; } }

.visible-sm {
  display: none; }
  @media (min-width: 576px) {
    .visible-sm {
      display: block; } }

.visible-md {
  display: none !important; }
  @media (min-width: 768px) {
    .visible-md {
      display: block !important; } }

.visible-lg {
  display: none !important; }
  @media (min-width: 992px) {
    .visible-lg {
      display: block !important; } }

.visible-xl {
  display: none; }
  @media (min-width: 1200px) {
    .visible-xl {
      display: block; } }

.grid-2 {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: var(--p-2);
  row-gap: var(--p-2); }
  @media (min-width: 768px) {
    .grid-2 {
      grid-template-columns: 1fr 1fr; } }

.grid-2-xs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: var(--p-2);
  row-gap: var(--p-2); }
  @media (min-width: 992px) {
    .grid-2-xs {
      grid-template-columns: 1fr 1fr 1fr 1fr; } }

.grid-2-1-xs {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center; }

.grid-1-2-xs {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center; }

.grid-3-xs,
.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: var(--p-2);
  row-gap: var(--p-2);
  width: 100%; }

.grid-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr; }

.grid-4-xs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  gap: var(--p-2);
  row-gap: var(--p-2); }

.grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  gap: var(--p-2);
  row-gap: var(--p-2); }
  @media (min-width: 992px) {
    .grid-4 {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (min-width: 1200px) {
    .grid-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr; } }

.grid-1-1-1-xs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center; }

@media (min-width: 992px) {
  .lg-grid-1-3 {
    display: grid;
    gap: var(--p-2);
    grid-template-columns: 1fr 3fr; }

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

  .lg-grid-2-1 {
    display: grid;
    gap: var(--p-2);
    grid-template-columns: 2fr 1fr; }

  .lg-grid-2 {
    display: grid;
    gap: var(--p-2);
    grid-template-columns: 1fr 1fr; }

  .lg-grid-1-2 {
    display: grid;
    gap: var(--p-2);
    grid-template-columns: 1fr 2fr; }

  .lg-flex-row {
    display: flex;
    flex-direction: row; } }
@media (max-width: 991px) {
  .max-md-grid-1-2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center; }

  .max-md-flex-col {
    display: flex;
    flex-direction: column; } }
.absolute {
  position: absolute; }

.relative {
  position: relative; }

.fh {
  height: calc(100vh - 80px);
  overflow: hidden; }

.fh-mobile {
  height: calc(100vh - 80px - 142px);
  overflow: hidden; }

.w100 {
  width: 100%; }

.h100 {
  height: 100%; }

.h25 {
  height: 25%; }

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

.flex {
  display: flex; }

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

.valign,
.vcenter,
.v-center {
  align-items: center; }

.hend,
.h-end {
  justify-content: end; }

.hcenter,
.h-center {
  justify-content: center; }

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

.flexible {
  flex: 0 0 auto; }

.expand {
  flex: 1; }

.no-margin {
  margin: 0; }

.gap-0 {
  gap: 0; }

.gap-1 {
  gap: var(--p-1); }

.p-1 {
  padding: var(--p-1); }

.gap-2 {
  gap: var(--p-2); }

.p-2 {
  padding: var(--p-2); }

.gap-3 {
  gap: var(--p-3); }

.p-3 {
  padding: var(--p-3); }

.gap-4 {
  gap: var(--p-4); }

.p-4 {
  padding: var(--p-4); }

.gap-5 {
  gap: var(--p-5); }

.p-5 {
  padding: var(--p-5); }

.p-0 {
  padding: 0; }

.p-x-1 {
  padding-left: var(--p-1);
  padding-right: var(--p-1); }

.p-y-1 {
  padding-top: var(--p-1);
  padding-bottom: var(--p-1); }

.p-t-1 {
  padding-top: var(--p-1); }

.p-b-1 {
  padding-bottom: var(--p-1); }

.m-x-1 {
  margin-left: var(--p-1);
  margin-right: var(--p-1); }

.m-y-1 {
  margin-top: var(--p-1);
  margin-bottom: var(--p-1); }

.m-t-1 {
  margin-top: var(--p-1); }

.m-b-1 {
  margin-bottom: var(--p-1); }

.p-x-2 {
  padding-left: var(--p-2);
  padding-right: var(--p-2); }

.p-y-2 {
  padding-top: var(--p-2);
  padding-bottom: var(--p-2); }

.p-t-2 {
  padding-top: var(--p-2); }

.p-b-2 {
  padding-bottom: var(--p-2); }

.m-x-2 {
  margin-left: var(--p-2);
  margin-right: var(--p-2); }

.m-y-2 {
  margin-top: var(--p-2);
  margin-bottom: var(--p-2); }

.m-t-2 {
  margin-top: var(--p-2); }

.m-b-2 {
  margin-bottom: var(--p-2); }

.p-x-3 {
  padding-left: var(--p-3);
  padding-right: var(--p-3); }

.p-y-3 {
  padding-top: var(--p-3);
  padding-bottom: var(--p-3); }

.p-t-3 {
  padding-top: var(--p-3); }

.p-b-3 {
  padding-bottom: var(--p-3); }

.m-x-3 {
  margin-left: var(--p-3);
  margin-right: var(--p-3); }

.m-y-3 {
  margin-top: var(--p-3);
  margin-bottom: var(--p-3); }

.m-t-3 {
  margin-top: var(--p-3); }

.m-b-3 {
  margin-bottom: var(--p-3); }

.p-x-4 {
  padding-left: var(--p-4);
  padding-right: var(--p-4); }

.p-y-4 {
  padding-top: var(--p-4);
  padding-bottom: var(--p-4); }

.p-t-4 {
  padding-top: var(--p-4); }

.p-b-4 {
  padding-bottom: var(--p-4); }

.m-x-4 {
  margin-left: var(--p-4);
  margin-right: var(--p-4); }

.m-y-4 {
  margin-top: var(--p-4);
  margin-bottom: var(--p-4); }

.m-t-4 {
  margin-top: var(--p-4); }

.m-b-4 {
  margin-bottom: var(--p-4); }

.p-x-5 {
  padding-left: var(--p-5);
  padding-right: var(--p-5); }

.p-y-5 {
  padding-top: var(--p-5);
  padding-bottom: var(--p-5); }

.p-t-5 {
  padding-top: var(--p-5); }

.p-b-5 {
  padding-bottom: var(--p-5); }

.m-x-5 {
  margin-left: var(--p-5);
  margin-right: var(--p-5); }

.m-y-5 {
  margin-top: var(--p-5);
  margin-bottom: var(--p-5); }

.m-t-5 {
  margin-top: var(--p-5); }

.m-b-5 {
  margin-bottom: var(--p-5); }

.m-b-6 {
  margin-bottom: 72px; }

.cursor-default {
  cursor: default; }

.center {
  text-align: center; }

.cache {
  display: none; }

.aligncenter {
  margin: auto; }

.img-cover img {
  width: 100%;
  height: auto;
  object-fit: cover; }

.bg-white {
  background-color: var(--cl-white); }

.bg-dark {
  background-color: var(--cl-dark); }

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

.bg-light {
  background-color: var(--cl-light); }

.bg-cafe {
  background-color: var(--cl-cafe); }

.cl-ter {
  color: var(--cl-ter); }

.bg-ter-light {
  background-color: var(--cl-ter-light); }

.h2 {
  color: var(--cl-ter);
  position: relative;
  padding-left: 0;
  padding-top: 61px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 24px;
  font-size: calc(5px + var(--ft-4)); }
  .h2::before {
    content: ' ';
    position: absolute;
    width: 60px;
    background-size: contain;
    background-image: url(./assets/img/branche.webp);
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    top: -29%;
    left: 50%;
    transform: translateX(-50%); }

.abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#fs {
  height: 100vh;
  margin-top: -100vh;
  z-index: -1; }

.opacity-0 {
  opacity: 0;
  transition: all .6s ease-in-out 0s;
  transition-delay: 0s; }
  .opacity-0.inactive {
    opacity: 1;
    transition: all .6s ease-in-out .6s; }
  @media (min-width: 992px) {
    .opacity-0 {
      transition: all 0s ease-in-out 0s; }
      .opacity-0.inactive {
        transition: all .4s ease-in-out; } }

.orange-box {
  background-color: var(--cl-white);
  border: 1px solid var(--cl-dark);
  border-radius: 5px; }

.white-box {
  background-color: var(--white);
  border: 0px solid var(--cl-dark);
  border-radius: 5px; }

.box-img .illu {
  width: 100%; }
  .box-img .illu img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }

.box-img-h .illu {
  height: 100%; }
  .box-img-h .illu img {
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }

.box-img-w .illu {
  width: 100%; }
  .box-img-w .illu img {
    width: 100%;
    height: auto;
    object-fit: cover; }

.odometer-auto-theme {
  margin-top: -2px; }

.sticky-0 {
  position: sticky;
  top: var(--header-height); }

.table-stripped tr:nth-child(even) {
  background-color: #f2f2f2; }

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

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

.modal {
  z-index: 1005;
  display: none;
  left: 0;
  top: 50%;
  transform: translateY(-45%);
  right: 0;
  position: absolute;
  height: 93vh;
  box-sizing: border-box;
  position: fixed; }
  @media (min-width: 768px) {
    .modal {
      transform: translateY(-40%); } }
  @media (min-width: 992px) {
    .modal {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -40%);
      width: 100%; } }
  .modal.full {
    top: 0;
    transform: translateY(0);
    left: 0;
    margin-top: 8px; }
    .modal.full .inner {
      overflow-y: auto;
      overflow-x: hidden;
      scrollbar-width: none;
      height: 100%; }
  .modal.opened {
    display: block; }
  .modal .inner {
    width: auto;
    background-color: whitesmoke;
    border: 1px solid var(--border-color);
    padding: var(--p-2);
    max-height: 100%;
    box-shadow: 0px 12px 16px -4px rgba(6, 7, 14, 0.08), 0px 4px 6px -2px rgba(6, 7, 14, 0.03);
    border-radius: var(--radius-md);
    position: relative;
    border-radius: 1rem; }
    @media (min-width: 992px) {
      .modal .inner {
        width: 80%;
        margin: auto; }
        .modal .inner.small {
          width: 45%; } }
    .modal .inner .content {
      font-family: 'Roboto';
      width: auto;
      padding: 40px 40px 12px;
      text-align: center;
      overflow-y: auto; }
      .modal .inner .content p {
        line-height: 20px; }
      .modal .inner .content label {
        padding-bottom: var(--p-2); }
      .modal .inner .content ul {
        list-style-type: disc;
        margin-left: var(--p-2); }
      .modal .inner .content .modal-inner-content {
        text-align: justify;
        height: auto;
        display: flex;
        flex-direction: column; }
        .modal .inner .content .modal-inner-content .sib-OPT_IN-area {
          display: none;
          height: 0; }
        .modal .inner .content .modal-inner-content .modal-header {
          font-size: 30px;
          padding: 20px;
          text-align: center;
          line-height: 3.5rem; }
        .modal .inner .content .modal-inner-content .modal-header * {
          font-size: 30px;
          font-weight: 300; }
        .modal .inner .content .modal-inner-content #modal-name,
        .modal .inner .content .modal-inner-content #modal-email {
          border-radius: 1rem;
          width: 70%;
          align-self: center;
          padding-bottom: 5px;
          border: none;
          height: 45px;
          color: black;
          background-color: #F0EAE0; }
        .modal .inner .content .modal-inner-content .modal-submit-btn {
          height: 41px;
          width: 105px;
          text-align: center;
          background-color: #968C82;
          color: var(--cl-white);
          border: none;
          border-radius: 1rem;
          padding-left: 0;
          padding-right: 0;
          z-index: 1010; }
        .modal .inner .content .modal-inner-content .modal-submit-btn:hover {
          background-color: #EFEAE1;
          color: #E08047;
          cursor: pointer; }
        .modal .inner .content .modal-inner-content .subtext {
          display: flex;
          flex-direction: column;
          align-self: center;
          font-size: small;
          width: 80%;
          color: gray; }
    .modal .inner .close {
      height: 32px;
      width: 32px;
      position: absolute;
      right: 24px;
      top: 18px;
      cursor: pointer;
      background-color: var(--color-gray-300);
      border-radius: 32px;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1 9M1 1L9 9' stroke='%2306070E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.modal-bg-image {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60%;
  height: 100%;
  bottom: 0;
  right: -25%; }

.modal-separator {
  margin: auto;
  margin-top: 5%;
  margin-bottom: 4%;
  width: 20%;
  height: 1px;
  background-color: var(--cl-secondary-dark); }

.link-color {
  color: var(--cl-link); }

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0.6;
  background: var(--color-gray-500);
  display: none; }
  .modal-overlay.opened {
    display: block; }

.inner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
  opacity: 0.5;
  display: none; }

.wider .content {
  padding: 40px 10px 12px !important; }

.active .spinner {
  display: flex; }

.spinner {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 20px; }
  .spinner.active {
    display: block; }
  .spinner .anim {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 4px solid var(--cl-primary);
    border-color: var(--cl-primary) transparent var(--cl-primary) transparent;
    animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.star {
  width: 100px;
  height: 18px;
  background-size: cover; }
  .star.star-0 {
    background-image: url("./assets/img/star-0.svg"); }
  .star.star-1 {
    background-image: url("./assets/img/star-1.svg"); }
  .star.star-2 {
    background-image: url("./assets/img/star-2.svg"); }
  .star.star-3 {
    background-image: url("./assets/img/star-3.svg"); }
  .star.star-3-5 {
    background-image: url("./assets/img/star-3-5.svg"); }
  .star.star-4 {
    background-image: url("./assets/img/star-4.svg"); }
  .star.star-4-5 {
    background-image: url("./assets/img/star-4-5.svg"); }
  .star.star-5 {
    background-image: url("./assets/img/star-5.svg"); }

.promesse {
  margin: var(--p-2) 0 0 0; }
  @media (min-width: 992px) {
    .promesse {
      display: none; } }
  .promesse .args {
    font-weight: 500;
    white-space: nowrap;
    flex-wrap: wrap; }
    .promesse .args span {
      position: relative;
      padding-left: 20px;
      font-size: var(--ft-1); }
      .promesse .args span::before {
        content: " ";
        background-image: url("./assets/img/icons/check-1.svg");
        background-size: cover;
        position: absolute;
        top: -3px;
        margin-left: -27px;
        width: 22px;
        height: 22px; }
        .promesse .args span::before path {
          color: var(--cl-primary); }

.screen {
  background-color: var(--cl-black);
  width: 100%;
  max-width: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: all .6s ease-in-out;
  z-index: 9; }
  .screen .close {
    position: absolute;
    top: var(--p-2);
    right: var(--p-2); }

.video-preview .overlay {
  height: 100%;
  width: 100%;
  position: absolute; }
  .video-preview .overlay svg {
    transition: all .4s ease-in-out;
    margin-left: 3px; }

.portfolios .portfolio {
  padding: var(--p-2);
  background-color: var(--cl-ter-light);
  border-radius: 8px;
  box-sizing: border-box; }
  @media (min-width: 992px) {
    .portfolios .portfolio {
      padding: var(--p-3) var(--p-4); } }
  .portfolios .portfolio .who {
    font-size: var(--ft-4);
    font-weight: 500; }
  .portfolios .portfolio .notes {
    margin-top: var(--p-1); }
    .portfolios .portfolio .notes .avis {
      display: flex;
      justify-content: space-between;
      margin-bottom: 3px;
      line-height: calc(6px + var(--ft-2));
      gap: var(--p-1); }
      .portfolios .portfolio .notes .avis .left {
        flex: 1; }
      .portfolios .portfolio .notes .avis .right {
        text-align: right;
        color: #ef7a35; }
.portfolios .points {
  flex-wrap: wrap; }
  .portfolios .points .point {
    width: 12px !important;
    height: 12px !important; }

.modal-product {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  align-items: center; }
  .modal-product .title {
    font-size: 30px;
    line-height: 35px; }
  .modal-product #product-separator {
    margin-top: 2%;
    margin-bottom: 2%; }
  .modal-product .img {
    max-width: 100%; }
  .modal-product .img-container {
    width: 75%; }
  .modal-product .flake-container {
    position: absolute;
    z-index: 0; }
  .modal-product .paragraph {
    margin-bottom: 4%;
    font-size: 20px;
    color: #968c82;
    line-height: 26px; }
  .modal-product .button {
    background-color: #968c82;
    border: none;
    border-radius: 10px;
    color: white;
    font-size: 20px; }
  .modal-product .flake-1 {
    width: 60px;
    top: 55%;
    left: 0;
    rotate: -15deg; }
  .modal-product .flake-2 {
    width: 120px;
    top: 15%;
    right: 0;
    rotate: -8deg; }
  @media (min-width: 0) and (max-width: 575px) {
    .modal-product .title {
      font-size: 25px;
      line-height: 30px; }
    .modal-product .paragraph,
    .modal-product .button {
      font-size: 15px;
      line-height: 18px; }
    .modal-product .img-container {
      width: 100%;
      margin-top: 30px;
      margin-bottom: 30px; }
    .modal-product .flake-1 {
      width: 40px;
      top: 64%;
      left: 0;
      rotate: -15deg; }
    .modal-product .flake-2 {
      width: 65px;
      top: 27%;
      right: 0;
      rotate: -8deg; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .modal-product .img-container {
      width: 65%; } }

.long {
  transition: 1s ease-in-out; }

.late {
  transition-delay: .2s; }

.late-2 {
  transition-delay: .4s; }

.late-3 {
  transition-delay: .6s; }

[class*=appear] {
  opacity: 0;
  transition: .6s ease-in-out; }
  [class*=appear].appear-visible {
    opacity: 1; }

[class*=reveal] {
  opacity: 0;
  transform: translateY(50px);
  transition: .8s ease-in-out; }
  [class*=reveal].reveal-lg {
    transform: translateY(80px); }
  [class*=reveal].reveal-visible {
    opacity: 1;
    transform: translateY(0px) !important; }

/* FT */
h1 {
  font-weight: 600;
  font-size: var(--ft-3); }
  @media (min-width: 768px) {
    h1 {
      font-weight: 500;
      font-size: 48px;
      line-height: 48px; } }

h2 {
  font-weight: 700;
  font-size: var(--ft-3);
  color: var(--cl-primary);
  margin-bottom: 30px;
  position: relative;
  /*  font-family: "EB Garamond";*/ }
  @media (min-width: 768px) {
    h2 {
      font-weight: 700;
      font-size: 32px;
      line-height: 36px; } }
  @media (min-width: 992px) {
    h2 {
      font-size: var(--ft-4);
      line-height: calc(4px + var(--ft-4)); } }

h3 {
  font-weight: 700;
  font-size: var(--ft-3); }

h4 {
  font-weight: 700;
  font-size: 16px; }
  @media (min-width: 768px) {
    h4 {
      font-weight: 400;
      font-size: 24px; } }

.page-main h2 + p {
  margin-top: 30px; }

.page-main p:last-child {
  margin-bottom: 30px; }

.ft-0-0 {
  font-size: var(--ft-0-0);
  line-height: calc(2px + var(--ft-0-0)); }

.ft-0 {
  font-size: var(--ft-0);
  line-height: calc(3px + var(--ft-0)); }

.ft-1 {
  font-size: var(--ft-1);
  line-height: calc(1px + var(--ft-1)); }

.ft-2 {
  font-size: var(--ft-2);
  line-height: calc(2px + var(--ft-2)); }

.ft-3 {
  font-size: var(--ft-3);
  line-height: calc(2px + var(--ft-3)); }

.ft-4 {
  font-size: var(--ft-4);
  line-height: calc(3px + var(--ft-4)); }

.ft-5 {
  font-size: var(--ft-5);
  line-height: calc(4px + var(--ft-5)); }

.cl-secondary {
  color: var(--cl-secondary-dark); }
  .cl-secondary a {
    color: var(--cl-secondary-dark); }

.cl-primary {
  color: var(--cl-primary); }

.cl-black {
  color: var(--cl-black); }

.semibold {
  font-weight: 500; }

.quote {
  position: relative; }
  .quote::before {
    content: "\201C";
    font-size: 60px;
    margin-right: 5px;
    color: var(--cl-primary);
    position: absolute;
    top: -24px;
    left: -31px; }
    @media (min-width: 992px) {
      .quote::before {
        top: 0; } }
  .quote::after {
    content: "\201D";
    font-size: 60px;
    margin-right: 5px;
    color: var(--cl-primary);
    position: absolute;
    bottom: -53px;
    right: -19px; }
    @media (min-width: 992px) {
      .quote::after {
        bottom: -20px; } }

.italic {
  font-style: italic; }

.l-h-1-5 {
  line-height: calc(var(--ft-1) + 5px); }

.btn, .btn.btn-primary,
button.btn-primary, .btn.btn-secondary, .btn.single_add_to_cart_button, .btn.alt,
button.btn-secondary,
button.single_add_to_cart_button,
button.alt, .btn.btn-tertiary,
button.btn-tertiary, button, input[type="submit"],
button {
  display: inline-block;
  padding: 8px 35px;
  border: 1px solid var(--cl-btn);
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
  font-size: var(--ft-1); }
  @media (min-width: 992px) {
    .btn, .btn.btn-primary,
    button.btn-primary, .btn.btn-secondary, .btn.single_add_to_cart_button, .btn.alt,
    button.btn-secondary,
    button.single_add_to_cart_button,
    button.alt, .btn.btn-tertiary,
    button.btn-tertiary, button, input[type="submit"],
    button {
      margin-right: auto;
      margin-left: auto;
      font-size: var(--ft-2); } }
  .btn:hover, button:hover, input[type="submit"]:hover,
  button:hover {
    text-decoration: none; }
  .btn:disabled, button:disabled, input[type="submit"]:disabled,
  button:disabled {
    background-color: var(--cl-gray-disabled);
    border-color: var(--cl-gray-disabled);
    cursor: no-drop; }
  .btn.btn-primary,
  button.btn-primary, input.btn-primary[type="submit"],
  button.btn-primary {
    color: var(--cl-btn);
    background-color: transparent;
    border-color: var(--cl-btn); }
    .btn.btn-primary:hover,
    button.btn-primary:hover, input.btn-primary[type="submit"]:hover,
    button.btn-primary:hover {
      color: var(--white);
      background-color: var(--cl-btn); }
  .btn.btn-secondary,
  button.btn-secondary, input.btn-secondary[type="submit"], .btn.single_add_to_cart_button,
  button.single_add_to_cart_button, input.single_add_to_cart_button[type="submit"], .btn.alt,
  button.alt, input.alt[type="submit"],
  button.btn-secondary,
  button.single_add_to_cart_button,
  button.alt {
    color: var(--white);
    background-color: var(--cl-btn);
    border-color: var(--cl-btn); }
    .btn.btn-secondary a,
    button.btn-secondary.btn-primary a,
    button.btn-secondary a,
    button.btn-secondary.single_add_to_cart_button a,
    button.btn-secondary.alt a,
    button.btn-secondary.btn-tertiary a, input.btn-secondary[type="submit"] a, .btn.single_add_to_cart_button a,
    button.single_add_to_cart_button.btn-primary a,
    button.single_add_to_cart_button.btn-secondary a,
    button.single_add_to_cart_button a,
    button.single_add_to_cart_button.alt a,
    button.single_add_to_cart_button.btn-tertiary a, input.single_add_to_cart_button[type="submit"] a, .btn.alt a,
    button.alt.btn-primary a,
    button.alt.btn-secondary a,
    button.alt.single_add_to_cart_button a,
    button.alt a,
    button.alt.btn-tertiary a, input.alt[type="submit"] a,
    button.btn-secondary a,
    button.single_add_to_cart_button a,
    button.alt a {
      color: var(--cl-white); }
    .btn.btn-secondary:hover,
    button.btn-secondary:hover, input.btn-secondary[type="submit"]:hover, .btn.single_add_to_cart_button:hover,
    button.single_add_to_cart_button:hover, input.single_add_to_cart_button[type="submit"]:hover, .btn.alt:hover,
    button.alt:hover, input.alt[type="submit"]:hover,
    button.btn-secondary:hover,
    button.single_add_to_cart_button:hover,
    button.alt:hover {
      color: var(--cl-btn);
      background-color: var(--white); }
      .btn.btn-secondary:hover a,
      button.btn-secondary.btn-primary:hover a,
      button.btn-secondary:hover a,
      button.btn-secondary.single_add_to_cart_button:hover a,
      button.btn-secondary.alt:hover a,
      button.btn-secondary.btn-tertiary:hover a, input.btn-secondary[type="submit"]:hover a, .btn.single_add_to_cart_button:hover a,
      button.single_add_to_cart_button.btn-primary:hover a,
      button.single_add_to_cart_button.btn-secondary:hover a,
      button.single_add_to_cart_button:hover a,
      button.single_add_to_cart_button.alt:hover a,
      button.single_add_to_cart_button.btn-tertiary:hover a, input.single_add_to_cart_button[type="submit"]:hover a, .btn.alt:hover a,
      button.alt.btn-primary:hover a,
      button.alt.btn-secondary:hover a,
      button.alt.single_add_to_cart_button:hover a,
      button.alt:hover a,
      button.alt.btn-tertiary:hover a, input.alt[type="submit"]:hover a,
      button.btn-secondary:hover a,
      button.single_add_to_cart_button:hover a,
      button.alt:hover a {
        color: var(--cl-btn); }
  .btn.btn-tertiary,
  button.btn-tertiary, input.btn-tertiary[type="submit"],
  button.btn-tertiary {
    color: var(--white);
    background-color: var(--cl-ter);
    border-color: var(--cl-ter); }
    .btn.btn-tertiary a,
    button.btn-tertiary.btn-primary a,
    button.btn-tertiary.btn-secondary a,
    button.btn-tertiary.single_add_to_cart_button a,
    button.btn-tertiary.alt a,
    button.btn-tertiary a, input.btn-tertiary[type="submit"] a,
    button.btn-tertiary a {
      color: var(--cl-white); }
    .btn.btn-tertiary:hover,
    button.btn-tertiary:hover, input.btn-tertiary[type="submit"]:hover,
    button.btn-tertiary:hover {
      color: var(--cl-ter);
      background-color: var(--white); }
      .btn.btn-tertiary:hover a,
      button.btn-tertiary.btn-primary:hover a,
      button.btn-tertiary.btn-secondary:hover a,
      button.btn-tertiary.single_add_to_cart_button:hover a,
      button.btn-tertiary.alt:hover a,
      button.btn-tertiary:hover a, input.btn-tertiary[type="submit"]:hover a,
      button.btn-tertiary:hover a {
        color: var(--cl-ter); }
  .btn.shadow, button.shadow, input.shadow[type="submit"],
  button.shadow {
    -webkit-box-shadow: 6px 5px 15px -7px rgba(0, 0, 0, 0.72);
    box-shadow: 6px 5px 15px -7px rgba(0, 0, 0, 0.72); }
  .btn.btn-xl, button.btn-xl, input.btn-xl[type="submit"],
  button.btn-xl {
    font-size: var(--ft-1);
    padding: 15px 28px; }
    @media (min-width: 768px) {
      .btn.btn-xl, button.btn-xl, input.btn-xl[type="submit"],
      button.btn-xl {
        font-size: var(--ft-3);
        padding: 15px 28px; } }
    @media (min-width: 992px) {
      .btn.btn-xl, button.btn-xl, input.btn-xl[type="submit"],
      button.btn-xl {
        font-size: var(--ft-4);
        padding: 15px 28px; } }
  @media (min-width: 992px) {
    .btn.btn-lg, button.btn-lg, input.btn-lg[type="submit"],
    button.btn-lg {
      font-size: var(--ft-3) !important;
      font-weight: 500;
      padding: 10px 38px; } }
  .btn.btn-mini, button.btn-mini, input.btn-mini[type="submit"],
  button.btn-mini {
    padding: 4px 30px; }
  .btn.loader, button.loader, input.loader[type="submit"],
  button.loader {
    min-height: 33px;
    position: relative; }
    .btn.loader .spinner.active,
    button.loader.btn-primary .spinner.active,
    button.loader.btn-secondary .spinner.active,
    button.loader.single_add_to_cart_button .spinner.active,
    button.loader.alt .spinner.active,
    button.loader.btn-tertiary .spinner.active, button.loader .spinner.active, input.loader[type="submit"] .spinner.active,
    button.loader .spinner.active {
      top: 3px;
      left: 50%;
      transform: translateX(-50%); }

button {
  color: var(--cl-btn);
  background-color: transparent;
  border-color: var(--cl-btn); }
  button:hover {
    color: var(--white);
    background-color: var(--cl-btn); }

input[type="submit"] {
  background-color: var(--cl-btn);
  color: var(--cl-white);
  border-color: var(--cl-btn); }
  input[type="submit"]:hover {
    background-color: var(--cl-white);
    color: var(--cl-btn);
    border-color: var(--cl-btn); }

html {
  scroll-behavior: smooth;
  font-size: 10px;
  height: -webkit-fill-available; }

body, input, button, textarea {
  font-family: 'Roboto';
  background-color: var(--white);
  font-size: var(--ft-1);
  color: var(--cl-text); }

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  min-width: 320px;
  font-size: var(--ft-main);
  background-color: var(--cl-white); }
  @media (min-width: 768px) {
    body {
      background-size: cover;
      background-image: url("./assets/img/fond.webp"); } }

a {
  text-decoration: none;
  color: var(--cl-link); }

p {
  font-size: var(--ft-main);
  line-height: calc(2px + var(--ft-main));
  margin: 12px 0; }
  @media (min-width: 768px) {
    p {
      line-height: 26px; } }

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

strong {
  font-weight: 700; }

.bandeau {
  height: var(--bandeau-height-mobile);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  padding: 3px 0; }
  @media (min-width: 992px) {
    .bandeau {
      height: var(--bandeau-height); } }
  .bandeau .container {
    height: 100%;
    text-align: center; }
  .bandeau .scroll-2 {
    height: 100%;
    text-align: center;
    flex-shrink: 0;
    transform: translateX(50%);
    min-width: 100%; }
  .bandeau a {
    color: unset !important;
    font-size: var(--ft-1); }
    @media (min-width: 992px) {
      .bandeau a {
        font-size: var(--ft-2); } }
  .bandeau p {
    margin: 0;
    line-height: unset; }

.scroll-2 {
  animation: scroll-2 30s linear infinite;
  animation-play-state: running; }

@keyframes scroll-2 {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
.content-area > .banner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: var(--white);
  z-index: 100;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  border-bottom: 2px solid var(--cl-secondary-dark);
  transition: all .4s ease-in-out;
  height: var(--header-mobile-height); }
  .content-area > .banner.has-bandeau {
    top: var(--bandeau-height-mobile); }
    @media (min-width: 992px) {
      .content-area > .banner.has-bandeau {
        top: var(--bandeau-height); } }
  .content-area > .banner.home {
    height: var(--header-mobile-height-home); }
    .content-area > .banner.home.active {
      height: var(--header-mobile-height); }
  @media (min-width: 992px) {
    .content-area > .banner {
      height: var(--header-height); }
      .content-area > .banner.home {
        height: var(--header-height-home); }
        .content-area > .banner.home.active {
          height: var(--header-height); } }
  .content-area > .banner .container .banner-mobile {
    gap: var(--p-2);
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    justify-content: space-between; }
    .content-area > .banner .container .banner-mobile.home {
      justify-content: center; }
    .content-area > .banner .container .banner-mobile .feuille img {
      width: 66px; }
    .content-area > .banner .container .banner-mobile .site-logo img {
      width: 140px; }
      .content-area > .banner .container .banner-mobile .site-logo img.logo-haut {
        max-height: 100px;
        transition: all .4s ease-in-out;
        opacity: 1; }
        .content-area > .banner .container .banner-mobile .site-logo img.logo-haut.inactive {
          opacity: 0;
          max-height: 0; }
      @media (min-width: 992px) {
        .content-area > .banner .container .banner-mobile .site-logo img {
          height: 170px;
          width: auto; } }
    .content-area > .banner .container .banner-mobile .icons-wrapper svg {
      width: 25px;
      height: 25px; }
      .content-area > .banner .container .banner-mobile .icons-wrapper svg path {
        stroke: var(--color-gray-500); }
  .content-area > .banner .container .banner-desktop {
    gap: var(--p-2);
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    justify-content: space-between;
    width: 100%; }
    .content-area > .banner .container .banner-desktop .banner-inner {
      display: flex;
      justify-content: space-between; }
    .content-area > .banner .container .banner-desktop.home {
      justify-content: center; }
    .content-area > .banner .container .banner-desktop .feuille {
      display: flex;
      width: 200px;
      align-items: center; }
      .content-area > .banner .container .banner-desktop .feuille img {
        width: 125px;
        height: 48px; }
    .content-area > .banner .container .banner-desktop .user-menu {
      width: 200px;
      justify-content: flex-end; }
      .content-area > .banner .container .banner-desktop .user-menu .icons-wrapper svg {
        width: 25px;
        height: 25px; }
        .content-area > .banner .container .banner-desktop .user-menu .icons-wrapper svg path {
          stroke: var(--color-gray-500); }
      .content-area > .banner .container .banner-desktop .user-menu .icons-wrapper img {
        width: 25px;
        height: 25px; }
    .content-area > .banner .container .banner-desktop .middle {
      width: 100%;
      position: relative; }
      .content-area > .banner .container .banner-desktop .middle .site-logo {
        opacity: 1;
        max-height: 100%;
        transition: all .4s ease-in-out;
        padding-top: 3px; }
        .content-area > .banner .container .banner-desktop .middle .site-logo img {
          height: 150px;
          width: auto;
          object-fit: contain; }
        .content-area > .banner .container .banner-desktop .middle .site-logo.inactive {
          opacity: 0;
          max-height: 0; }
      .content-area > .banner .container .banner-desktop .middle .main-menu {
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        gap: var(--p-4);
        transition: all 0s ease-in-out; }
        .content-area > .banner .container .banner-desktop .middle .main-menu.active {
          opacity: 1;
          transition: all .4s ease-in-out; }
        .content-area > .banner .container .banner-desktop .middle .main-menu a {
          position: relative;
          color: var(--cl-ter);
          font-weight: 500; }
          .content-area > .banner .container .banner-desktop .middle .main-menu a::after {
            height: 1px;
            width: 0;
            text-align: center;
            background: var(--cl-ter);
            content: ' ';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            transition: all .4s ease-in-out; }
          .content-area > .banner .container .banner-desktop .middle .main-menu a:hover::after {
            width: 100%; }

#menu-mobile {
  height: var(--menu-mobile-height);
  max-height: 0;
  overflow: hidden;
  width: 100dvw;
  position: fixed;
  z-index: 900;
  bottom: 0;
  padding: 8px 5px;
  box-sizing: border-box;
  border-top: 2px solid var(--cl-secondary-dark);
  background-color: #fff;
  transition: all .4s ease-in-out;
  box-shadow: 0px -6px 17px 7px rgba(100, 100, 100, 0.2);
  opacity: 0; }
  #menu-mobile.active {
    opacity: 1;
    max-height: 73px; }
  #menu-mobile ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    font-size: var(--ft-0); }
    #menu-mobile ul li a {
      justify-content: space-between;
      height: 100%;
      gap: 6px;
      color: var(--color-gray-600);
      font-weight: 500; }
      #menu-mobile ul li a img {
        width: auto;
        height: 33px;
        object-fit: contain; }

#menu-burger-button {
  z-index: 1000;
  width: 40px;
  z-index: 101; }

#menu-burger-button * {
  width: 100%;
  height: 100%; }

#menu-extended-mobile {
  width: 100dvw;
  height: 100dvh;
  position: fixed;
  z-index: 1000;
  transition: all .4s ease-in-out;
  visibility: hidden;
  transform: translateX(100%);
  background-color: var(--cl-light-brown); }
  #menu-extended-mobile.open {
    visibility: visible;
    transform: translateX(0);
    transition: all .4s ease-in-out; }
  #menu-extended-mobile #menu-extended-close {
    position: absolute;
    z-index: 1001;
    top: 5%;
    right: calc(5% + 5%); }
    #menu-extended-mobile #menu-extended-close svg {
      stroke: var(--cl-text); }
  #menu-extended-mobile .first-part {
    width: 100dvw;
    padding: 10%;
    gap: 30px;
    border-bottom: 2px solid var(--cl-secondary-dark);
    background-color: var(--cl-white-smoke);
    display: flex;
    flex-direction: column;
    align-items: start;
    font-size: xx-large; }
  #menu-extended-mobile .second-part {
    width: 100dvw;
    padding: 10%;
    gap: 25px;
    display: flex;
    flex-direction: column;
    align-items: start;
    font-size: xx-large; }
  #menu-extended-mobile a {
    color: var(--cl-text);
    text-transform: uppercase; }
  #menu-extended-mobile .second-part a {
    width: 100%;
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 10%;
    align-items: center; }

footer.site-footer {
  box-sizing: border-box;
  position: relative;
  border-top: 1px solid var(--cl-ter); }
  footer.site-footer .blocs {
    display: flex; }
    @media (min-width: 992px) {
      footer.site-footer .blocs {
        justify-content: space-between; } }
    footer.site-footer .blocs .bloc .rs img {
      width: auto;
      height: 25px; }
    footer.site-footer .blocs .bloc a {
      color: var(--cl-ter); }
    footer.site-footer .blocs .bloc.bloc-2 {
      margin-top: var(--p-5);
      margin-bottom: var(--p-5); }
      @media (min-width: 992px) {
        footer.site-footer .blocs .bloc.bloc-2 {
          margin-top: 0; } }
    footer.site-footer .blocs .bloc:first-child {
      order: 2;
      padding-bottom: var(--p-2);
      padding-top: var(--p-1); }
      @media (min-width: 992px) {
        footer.site-footer .blocs .bloc:first-child {
          order: 1;
          padding-bottom: 0;
          padding-top: 0; } }
    footer.site-footer .blocs .bloc:last-child {
      order: 1;
      border-bottom: 1px solid var(--cl-border);
      padding-bottom: var(--p-2); }
      @media (min-width: 992px) {
        footer.site-footer .blocs .bloc:last-child {
          order: 2;
          padding-bottom: 0;
          border-bottom: 0px solid gray; } }
    footer.site-footer .blocs .illu {
      display: none; }
      @media (min-width: 992px) {
        footer.site-footer .blocs .illu {
          display: flex;
          height: 100%;
          align-items: flex-end;
          margin-right: var(--p-6); }
          footer.site-footer .blocs .illu img {
            max-height: 100%; } }
    @media (min-width: 992px) {
      footer.site-footer .blocs .nl {
        width: 400px; }
        footer.site-footer .blocs .nl .form-group {
          display: flex;
          flex-direction: row;
          gap: var(--p-1); } }
    footer.site-footer .blocs .nl .form-group {
      display: flex;
      flex-direction: column;
      gap: var(--p-1); }
    footer.site-footer .blocs .nl p {
      font-weight: 500; }
    footer.site-footer .blocs .nl input,
    footer.site-footer .blocs .nl button {
      padding: 5px 25px;
      font-size: var(--ft-2); }
    @media (min-width: 992px) {
      footer.site-footer .blocs .nl button {
        margin: auto; } }
    footer.site-footer .blocs .nl small {
      font-size: var(--ft-0-0);
      line-height: var(--ft-0); }
  footer.site-footer .footer-footer {
    border-top: 1px solid var(--cl-border);
    text-align: right;
    font-size: 13px; }
    footer.site-footer .footer-footer a {
      color: var(--cl-main); }

form {
  width: 100%; }

.form-error {
  color: #ff5000;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0;
  display: none; }
  .form-error.visible {
    display: block; }

.form-group,
.woocommerce-cart-form,
.woocommerce-checkout .site-main,
.woocommerce-address-fields,
.woocommerce-EditAccountForm,
.woocommerce-form .woocommerce-form-row,
.woocommerce-ResetPassword .woocommerce-form-row {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: var(--p-2); }
  .form-group.row,
  .woocommerce-cart-form.row,
  .woocommerce-checkout .site-main.row,
  .woocommerce-address-fields.row,
  .woocommerce-EditAccountForm.row,
  .woocommerce-form .woocommerce-form-row.row,
  .woocommerce-ResetPassword .woocommerce-form-row.row {
    flex-direction: row; }
  .form-group input[type="checkbox"],
  .woocommerce-cart-form input[type="checkbox"],
  .woocommerce-checkout .site-main input[type="checkbox"],
  .woocommerce-address-fields input[type="checkbox"],
  .woocommerce-EditAccountForm input[type="checkbox"],
  .woocommerce-form .woocommerce-form-row input[type="checkbox"],
  .woocommerce-ResetPassword .woocommerce-form-row input[type="checkbox"] {
    padding-right: 10px;
    display: none; }
    .form-group input[type="checkbox"] + label,
    .woocommerce-cart-form input[type="checkbox"] + label,
    .woocommerce-checkout .site-main input[type="checkbox"] + label,
    .woocommerce-address-fields input[type="checkbox"] + label,
    .woocommerce-EditAccountForm input[type="checkbox"] + label,
    .woocommerce-form .woocommerce-form-row input[type="checkbox"] + label,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="checkbox"] + label {
      display: inline-block;
      padding-left: 30px;
      position: relative; }
      .form-group input[type="checkbox"] + label:before,
      .woocommerce-cart-form input[type="checkbox"] + label:before,
      .woocommerce-checkout .site-main input[type="checkbox"] + label:before,
      .woocommerce-address-fields input[type="checkbox"] + label:before,
      .woocommerce-EditAccountForm input[type="checkbox"] + label:before,
      .woocommerce-form .woocommerce-form-row input[type="checkbox"] + label:before,
      .woocommerce-ResetPassword .woocommerce-form-row input[type="checkbox"] + label:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='2.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='2.5' stroke='%23838BA3'/%3E%3C/svg%3E");
        width: 20px;
        height: 20px;
        top: 1px;
        background-repeat: no-repeat;
        padding-right: 20px;
        position: absolute;
        left: 0px; }
    .form-group input[type="checkbox"]:checked + label:before,
    .woocommerce-cart-form input[type="checkbox"]:checked + label:before,
    .woocommerce-checkout .site-main input[type="checkbox"]:checked + label:before,
    .woocommerce-address-fields input[type="checkbox"]:checked + label:before,
    .woocommerce-EditAccountForm input[type="checkbox"]:checked + label:before,
    .woocommerce-form .woocommerce-form-row input[type="checkbox"]:checked + label:before,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="checkbox"]:checked + label:before {
      content: '';
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='2.5' fill='%231C3ED9'/%3E%3Cpath d='M14.6668 6.5L8.25016 12.9167L5.3335 10' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='2.5' stroke='%231C3ED9'/%3E%3C/svg%3E"); }
  .form-group input[type="text"],
  .form-group input[type="email"],
  .form-group input[type="date"],
  .form-group input[type="tel"],
  .form-group input[type="number"],
  .form-group input[type="password"],
  .form-group select,
  .form-group textarea,
  .woocommerce-cart-form input[type="text"],
  .woocommerce-cart-form input[type="email"],
  .woocommerce-cart-form input[type="date"],
  .woocommerce-cart-form input[type="tel"],
  .woocommerce-cart-form input[type="number"],
  .woocommerce-cart-form input[type="password"],
  .woocommerce-cart-form select,
  .woocommerce-cart-form textarea,
  .woocommerce-checkout .site-main input[type="text"],
  .woocommerce-checkout .site-main input[type="email"],
  .woocommerce-checkout .site-main input[type="date"],
  .woocommerce-checkout .site-main input[type="tel"],
  .woocommerce-checkout .site-main input[type="number"],
  .woocommerce-checkout .site-main input[type="password"],
  .woocommerce-checkout .site-main select,
  .woocommerce-checkout .site-main textarea,
  .woocommerce-address-fields input[type="text"],
  .woocommerce-address-fields input[type="email"],
  .woocommerce-address-fields input[type="date"],
  .woocommerce-address-fields input[type="tel"],
  .woocommerce-address-fields input[type="number"],
  .woocommerce-address-fields input[type="password"],
  .woocommerce-address-fields select,
  .woocommerce-address-fields textarea,
  .woocommerce-EditAccountForm input[type="text"],
  .woocommerce-EditAccountForm input[type="email"],
  .woocommerce-EditAccountForm input[type="date"],
  .woocommerce-EditAccountForm input[type="tel"],
  .woocommerce-EditAccountForm input[type="number"],
  .woocommerce-EditAccountForm input[type="password"],
  .woocommerce-EditAccountForm select,
  .woocommerce-EditAccountForm textarea,
  .woocommerce-form .woocommerce-form-row input[type="text"],
  .woocommerce-form .woocommerce-form-row input[type="email"],
  .woocommerce-form .woocommerce-form-row input[type="date"],
  .woocommerce-form .woocommerce-form-row input[type="tel"],
  .woocommerce-form .woocommerce-form-row input[type="number"],
  .woocommerce-form .woocommerce-form-row input[type="password"],
  .woocommerce-form .woocommerce-form-row select,
  .woocommerce-form .woocommerce-form-row textarea,
  .woocommerce-ResetPassword .woocommerce-form-row input[type="text"],
  .woocommerce-ResetPassword .woocommerce-form-row input[type="email"],
  .woocommerce-ResetPassword .woocommerce-form-row input[type="date"],
  .woocommerce-ResetPassword .woocommerce-form-row input[type="tel"],
  .woocommerce-ResetPassword .woocommerce-form-row input[type="number"],
  .woocommerce-ResetPassword .woocommerce-form-row input[type="password"],
  .woocommerce-ResetPassword .woocommerce-form-row select,
  .woocommerce-ResetPassword .woocommerce-form-row textarea {
    padding: 5px 15px;
    border: 1px solid var(--cl-dark);
    color: var(--color-gray-600);
    border-radius: 10px;
    outline: 0;
    box-sizing: border-box; }
    @media (min-width: 768px) {
      .form-group input[type="text"],
      .form-group input[type="email"],
      .form-group input[type="date"],
      .form-group input[type="tel"],
      .form-group input[type="number"],
      .form-group input[type="password"],
      .form-group select,
      .form-group textarea,
      .woocommerce-cart-form input[type="text"],
      .woocommerce-cart-form input[type="email"],
      .woocommerce-cart-form input[type="date"],
      .woocommerce-cart-form input[type="tel"],
      .woocommerce-cart-form input[type="number"],
      .woocommerce-cart-form input[type="password"],
      .woocommerce-cart-form select,
      .woocommerce-cart-form textarea,
      .woocommerce-checkout .site-main input[type="text"],
      .woocommerce-checkout .site-main input[type="email"],
      .woocommerce-checkout .site-main input[type="date"],
      .woocommerce-checkout .site-main input[type="tel"],
      .woocommerce-checkout .site-main input[type="number"],
      .woocommerce-checkout .site-main input[type="password"],
      .woocommerce-checkout .site-main select,
      .woocommerce-checkout .site-main textarea,
      .woocommerce-address-fields input[type="text"],
      .woocommerce-address-fields input[type="email"],
      .woocommerce-address-fields input[type="date"],
      .woocommerce-address-fields input[type="tel"],
      .woocommerce-address-fields input[type="number"],
      .woocommerce-address-fields input[type="password"],
      .woocommerce-address-fields select,
      .woocommerce-address-fields textarea,
      .woocommerce-EditAccountForm input[type="text"],
      .woocommerce-EditAccountForm input[type="email"],
      .woocommerce-EditAccountForm input[type="date"],
      .woocommerce-EditAccountForm input[type="tel"],
      .woocommerce-EditAccountForm input[type="number"],
      .woocommerce-EditAccountForm input[type="password"],
      .woocommerce-EditAccountForm select,
      .woocommerce-EditAccountForm textarea,
      .woocommerce-form .woocommerce-form-row input[type="text"],
      .woocommerce-form .woocommerce-form-row input[type="email"],
      .woocommerce-form .woocommerce-form-row input[type="date"],
      .woocommerce-form .woocommerce-form-row input[type="tel"],
      .woocommerce-form .woocommerce-form-row input[type="number"],
      .woocommerce-form .woocommerce-form-row input[type="password"],
      .woocommerce-form .woocommerce-form-row select,
      .woocommerce-form .woocommerce-form-row textarea,
      .woocommerce-ResetPassword .woocommerce-form-row input[type="text"],
      .woocommerce-ResetPassword .woocommerce-form-row input[type="email"],
      .woocommerce-ResetPassword .woocommerce-form-row input[type="date"],
      .woocommerce-ResetPassword .woocommerce-form-row input[type="tel"],
      .woocommerce-ResetPassword .woocommerce-form-row input[type="number"],
      .woocommerce-ResetPassword .woocommerce-form-row input[type="password"],
      .woocommerce-ResetPassword .woocommerce-form-row select,
      .woocommerce-ResetPassword .woocommerce-form-row textarea {
        padding: var(--p-1) 20px;
        font-size: var(--ft-2); } }
    .form-group input[type="text"]::placeholder,
    .form-group input[type="email"]::placeholder,
    .form-group input[type="date"]::placeholder,
    .form-group input[type="tel"]::placeholder,
    .form-group input[type="number"]::placeholder,
    .form-group input[type="password"]::placeholder,
    .form-group select::placeholder,
    .form-group textarea::placeholder,
    .woocommerce-cart-form input[type="text"]::placeholder,
    .woocommerce-cart-form input[type="email"]::placeholder,
    .woocommerce-cart-form input[type="date"]::placeholder,
    .woocommerce-cart-form input[type="tel"]::placeholder,
    .woocommerce-cart-form input[type="number"]::placeholder,
    .woocommerce-cart-form input[type="password"]::placeholder,
    .woocommerce-cart-form select::placeholder,
    .woocommerce-cart-form textarea::placeholder,
    .woocommerce-checkout .site-main input[type="text"]::placeholder,
    .woocommerce-checkout .site-main input[type="email"]::placeholder,
    .woocommerce-checkout .site-main input[type="date"]::placeholder,
    .woocommerce-checkout .site-main input[type="tel"]::placeholder,
    .woocommerce-checkout .site-main input[type="number"]::placeholder,
    .woocommerce-checkout .site-main input[type="password"]::placeholder,
    .woocommerce-checkout .site-main select::placeholder,
    .woocommerce-checkout .site-main textarea::placeholder,
    .woocommerce-address-fields input[type="text"]::placeholder,
    .woocommerce-address-fields input[type="email"]::placeholder,
    .woocommerce-address-fields input[type="date"]::placeholder,
    .woocommerce-address-fields input[type="tel"]::placeholder,
    .woocommerce-address-fields input[type="number"]::placeholder,
    .woocommerce-address-fields input[type="password"]::placeholder,
    .woocommerce-address-fields select::placeholder,
    .woocommerce-address-fields textarea::placeholder,
    .woocommerce-EditAccountForm input[type="text"]::placeholder,
    .woocommerce-EditAccountForm input[type="email"]::placeholder,
    .woocommerce-EditAccountForm input[type="date"]::placeholder,
    .woocommerce-EditAccountForm input[type="tel"]::placeholder,
    .woocommerce-EditAccountForm input[type="number"]::placeholder,
    .woocommerce-EditAccountForm input[type="password"]::placeholder,
    .woocommerce-EditAccountForm select::placeholder,
    .woocommerce-EditAccountForm textarea::placeholder,
    .woocommerce-form .woocommerce-form-row input[type="text"]::placeholder,
    .woocommerce-form .woocommerce-form-row input[type="email"]::placeholder,
    .woocommerce-form .woocommerce-form-row input[type="date"]::placeholder,
    .woocommerce-form .woocommerce-form-row input[type="tel"]::placeholder,
    .woocommerce-form .woocommerce-form-row input[type="number"]::placeholder,
    .woocommerce-form .woocommerce-form-row input[type="password"]::placeholder,
    .woocommerce-form .woocommerce-form-row select::placeholder,
    .woocommerce-form .woocommerce-form-row textarea::placeholder,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="text"]::placeholder,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="email"]::placeholder,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="date"]::placeholder,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="tel"]::placeholder,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="number"]::placeholder,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="password"]::placeholder,
    .woocommerce-ResetPassword .woocommerce-form-row select::placeholder,
    .woocommerce-ResetPassword .woocommerce-form-row textarea::placeholder {
      color: var(--color-gray-400); }
    .form-group input[type="text"]:active, .form-group input[type="text"]:focus, .form-group input[type="text"]:focus-visible, .form-group input[type="text"]:focus-within,
    .form-group input[type="email"]:active,
    .form-group input[type="email"]:focus,
    .form-group input[type="email"]:focus-visible,
    .form-group input[type="email"]:focus-within,
    .form-group input[type="date"]:active,
    .form-group input[type="date"]:focus,
    .form-group input[type="date"]:focus-visible,
    .form-group input[type="date"]:focus-within,
    .form-group input[type="tel"]:active,
    .form-group input[type="tel"]:focus,
    .form-group input[type="tel"]:focus-visible,
    .form-group input[type="tel"]:focus-within,
    .form-group input[type="number"]:active,
    .form-group input[type="number"]:focus,
    .form-group input[type="number"]:focus-visible,
    .form-group input[type="number"]:focus-within,
    .form-group input[type="password"]:active,
    .form-group input[type="password"]:focus,
    .form-group input[type="password"]:focus-visible,
    .form-group input[type="password"]:focus-within,
    .form-group select:active,
    .form-group select:focus,
    .form-group select:focus-visible,
    .form-group select:focus-within,
    .form-group textarea:active,
    .form-group textarea:focus,
    .form-group textarea:focus-visible,
    .form-group textarea:focus-within,
    .woocommerce-cart-form input[type="text"]:active,
    .woocommerce-cart-form input[type="text"]:focus,
    .woocommerce-cart-form input[type="text"]:focus-visible,
    .woocommerce-cart-form input[type="text"]:focus-within,
    .woocommerce-cart-form input[type="email"]:active,
    .woocommerce-cart-form input[type="email"]:focus,
    .woocommerce-cart-form input[type="email"]:focus-visible,
    .woocommerce-cart-form input[type="email"]:focus-within,
    .woocommerce-cart-form input[type="date"]:active,
    .woocommerce-cart-form input[type="date"]:focus,
    .woocommerce-cart-form input[type="date"]:focus-visible,
    .woocommerce-cart-form input[type="date"]:focus-within,
    .woocommerce-cart-form input[type="tel"]:active,
    .woocommerce-cart-form input[type="tel"]:focus,
    .woocommerce-cart-form input[type="tel"]:focus-visible,
    .woocommerce-cart-form input[type="tel"]:focus-within,
    .woocommerce-cart-form input[type="number"]:active,
    .woocommerce-cart-form input[type="number"]:focus,
    .woocommerce-cart-form input[type="number"]:focus-visible,
    .woocommerce-cart-form input[type="number"]:focus-within,
    .woocommerce-cart-form input[type="password"]:active,
    .woocommerce-cart-form input[type="password"]:focus,
    .woocommerce-cart-form input[type="password"]:focus-visible,
    .woocommerce-cart-form input[type="password"]:focus-within,
    .woocommerce-cart-form select:active,
    .woocommerce-cart-form select:focus,
    .woocommerce-cart-form select:focus-visible,
    .woocommerce-cart-form select:focus-within,
    .woocommerce-cart-form textarea:active,
    .woocommerce-cart-form textarea:focus,
    .woocommerce-cart-form textarea:focus-visible,
    .woocommerce-cart-form textarea:focus-within,
    .woocommerce-checkout .site-main input[type="text"]:active,
    .woocommerce-checkout .site-main input[type="text"]:focus,
    .woocommerce-checkout .site-main input[type="text"]:focus-visible,
    .woocommerce-checkout .site-main input[type="text"]:focus-within,
    .woocommerce-checkout .site-main input[type="email"]:active,
    .woocommerce-checkout .site-main input[type="email"]:focus,
    .woocommerce-checkout .site-main input[type="email"]:focus-visible,
    .woocommerce-checkout .site-main input[type="email"]:focus-within,
    .woocommerce-checkout .site-main input[type="date"]:active,
    .woocommerce-checkout .site-main input[type="date"]:focus,
    .woocommerce-checkout .site-main input[type="date"]:focus-visible,
    .woocommerce-checkout .site-main input[type="date"]:focus-within,
    .woocommerce-checkout .site-main input[type="tel"]:active,
    .woocommerce-checkout .site-main input[type="tel"]:focus,
    .woocommerce-checkout .site-main input[type="tel"]:focus-visible,
    .woocommerce-checkout .site-main input[type="tel"]:focus-within,
    .woocommerce-checkout .site-main input[type="number"]:active,
    .woocommerce-checkout .site-main input[type="number"]:focus,
    .woocommerce-checkout .site-main input[type="number"]:focus-visible,
    .woocommerce-checkout .site-main input[type="number"]:focus-within,
    .woocommerce-checkout .site-main input[type="password"]:active,
    .woocommerce-checkout .site-main input[type="password"]:focus,
    .woocommerce-checkout .site-main input[type="password"]:focus-visible,
    .woocommerce-checkout .site-main input[type="password"]:focus-within,
    .woocommerce-checkout .site-main select:active,
    .woocommerce-checkout .site-main select:focus,
    .woocommerce-checkout .site-main select:focus-visible,
    .woocommerce-checkout .site-main select:focus-within,
    .woocommerce-checkout .site-main textarea:active,
    .woocommerce-checkout .site-main textarea:focus,
    .woocommerce-checkout .site-main textarea:focus-visible,
    .woocommerce-checkout .site-main textarea:focus-within,
    .woocommerce-address-fields input[type="text"]:active,
    .woocommerce-address-fields input[type="text"]:focus,
    .woocommerce-address-fields input[type="text"]:focus-visible,
    .woocommerce-address-fields input[type="text"]:focus-within,
    .woocommerce-address-fields input[type="email"]:active,
    .woocommerce-address-fields input[type="email"]:focus,
    .woocommerce-address-fields input[type="email"]:focus-visible,
    .woocommerce-address-fields input[type="email"]:focus-within,
    .woocommerce-address-fields input[type="date"]:active,
    .woocommerce-address-fields input[type="date"]:focus,
    .woocommerce-address-fields input[type="date"]:focus-visible,
    .woocommerce-address-fields input[type="date"]:focus-within,
    .woocommerce-address-fields input[type="tel"]:active,
    .woocommerce-address-fields input[type="tel"]:focus,
    .woocommerce-address-fields input[type="tel"]:focus-visible,
    .woocommerce-address-fields input[type="tel"]:focus-within,
    .woocommerce-address-fields input[type="number"]:active,
    .woocommerce-address-fields input[type="number"]:focus,
    .woocommerce-address-fields input[type="number"]:focus-visible,
    .woocommerce-address-fields input[type="number"]:focus-within,
    .woocommerce-address-fields input[type="password"]:active,
    .woocommerce-address-fields input[type="password"]:focus,
    .woocommerce-address-fields input[type="password"]:focus-visible,
    .woocommerce-address-fields input[type="password"]:focus-within,
    .woocommerce-address-fields select:active,
    .woocommerce-address-fields select:focus,
    .woocommerce-address-fields select:focus-visible,
    .woocommerce-address-fields select:focus-within,
    .woocommerce-address-fields textarea:active,
    .woocommerce-address-fields textarea:focus,
    .woocommerce-address-fields textarea:focus-visible,
    .woocommerce-address-fields textarea:focus-within,
    .woocommerce-EditAccountForm input[type="text"]:active,
    .woocommerce-EditAccountForm input[type="text"]:focus,
    .woocommerce-EditAccountForm input[type="text"]:focus-visible,
    .woocommerce-EditAccountForm input[type="text"]:focus-within,
    .woocommerce-EditAccountForm input[type="email"]:active,
    .woocommerce-EditAccountForm input[type="email"]:focus,
    .woocommerce-EditAccountForm input[type="email"]:focus-visible,
    .woocommerce-EditAccountForm input[type="email"]:focus-within,
    .woocommerce-EditAccountForm input[type="date"]:active,
    .woocommerce-EditAccountForm input[type="date"]:focus,
    .woocommerce-EditAccountForm input[type="date"]:focus-visible,
    .woocommerce-EditAccountForm input[type="date"]:focus-within,
    .woocommerce-EditAccountForm input[type="tel"]:active,
    .woocommerce-EditAccountForm input[type="tel"]:focus,
    .woocommerce-EditAccountForm input[type="tel"]:focus-visible,
    .woocommerce-EditAccountForm input[type="tel"]:focus-within,
    .woocommerce-EditAccountForm input[type="number"]:active,
    .woocommerce-EditAccountForm input[type="number"]:focus,
    .woocommerce-EditAccountForm input[type="number"]:focus-visible,
    .woocommerce-EditAccountForm input[type="number"]:focus-within,
    .woocommerce-EditAccountForm input[type="password"]:active,
    .woocommerce-EditAccountForm input[type="password"]:focus,
    .woocommerce-EditAccountForm input[type="password"]:focus-visible,
    .woocommerce-EditAccountForm input[type="password"]:focus-within,
    .woocommerce-EditAccountForm select:active,
    .woocommerce-EditAccountForm select:focus,
    .woocommerce-EditAccountForm select:focus-visible,
    .woocommerce-EditAccountForm select:focus-within,
    .woocommerce-EditAccountForm textarea:active,
    .woocommerce-EditAccountForm textarea:focus,
    .woocommerce-EditAccountForm textarea:focus-visible,
    .woocommerce-EditAccountForm textarea:focus-within,
    .woocommerce-form .woocommerce-form-row input[type="text"]:active,
    .woocommerce-form .woocommerce-form-row input[type="text"]:focus,
    .woocommerce-form .woocommerce-form-row input[type="text"]:focus-visible,
    .woocommerce-form .woocommerce-form-row input[type="text"]:focus-within,
    .woocommerce-form .woocommerce-form-row input[type="email"]:active,
    .woocommerce-form .woocommerce-form-row input[type="email"]:focus,
    .woocommerce-form .woocommerce-form-row input[type="email"]:focus-visible,
    .woocommerce-form .woocommerce-form-row input[type="email"]:focus-within,
    .woocommerce-form .woocommerce-form-row input[type="date"]:active,
    .woocommerce-form .woocommerce-form-row input[type="date"]:focus,
    .woocommerce-form .woocommerce-form-row input[type="date"]:focus-visible,
    .woocommerce-form .woocommerce-form-row input[type="date"]:focus-within,
    .woocommerce-form .woocommerce-form-row input[type="tel"]:active,
    .woocommerce-form .woocommerce-form-row input[type="tel"]:focus,
    .woocommerce-form .woocommerce-form-row input[type="tel"]:focus-visible,
    .woocommerce-form .woocommerce-form-row input[type="tel"]:focus-within,
    .woocommerce-form .woocommerce-form-row input[type="number"]:active,
    .woocommerce-form .woocommerce-form-row input[type="number"]:focus,
    .woocommerce-form .woocommerce-form-row input[type="number"]:focus-visible,
    .woocommerce-form .woocommerce-form-row input[type="number"]:focus-within,
    .woocommerce-form .woocommerce-form-row input[type="password"]:active,
    .woocommerce-form .woocommerce-form-row input[type="password"]:focus,
    .woocommerce-form .woocommerce-form-row input[type="password"]:focus-visible,
    .woocommerce-form .woocommerce-form-row input[type="password"]:focus-within,
    .woocommerce-form .woocommerce-form-row select:active,
    .woocommerce-form .woocommerce-form-row select:focus,
    .woocommerce-form .woocommerce-form-row select:focus-visible,
    .woocommerce-form .woocommerce-form-row select:focus-within,
    .woocommerce-form .woocommerce-form-row textarea:active,
    .woocommerce-form .woocommerce-form-row textarea:focus,
    .woocommerce-form .woocommerce-form-row textarea:focus-visible,
    .woocommerce-form .woocommerce-form-row textarea:focus-within,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="text"]:active,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="text"]:focus,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="text"]:focus-visible,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="text"]:focus-within,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="email"]:active,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="email"]:focus,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="email"]:focus-visible,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="email"]:focus-within,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="date"]:active,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="date"]:focus,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="date"]:focus-visible,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="date"]:focus-within,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="tel"]:active,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="tel"]:focus,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="tel"]:focus-visible,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="tel"]:focus-within,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="number"]:active,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="number"]:focus,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="number"]:focus-visible,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="number"]:focus-within,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="password"]:active,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="password"]:focus,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="password"]:focus-visible,
    .woocommerce-ResetPassword .woocommerce-form-row input[type="password"]:focus-within,
    .woocommerce-ResetPassword .woocommerce-form-row select:active,
    .woocommerce-ResetPassword .woocommerce-form-row select:focus,
    .woocommerce-ResetPassword .woocommerce-form-row select:focus-visible,
    .woocommerce-ResetPassword .woocommerce-form-row select:focus-within,
    .woocommerce-ResetPassword .woocommerce-form-row textarea:active,
    .woocommerce-ResetPassword .woocommerce-form-row textarea:focus,
    .woocommerce-ResetPassword .woocommerce-form-row textarea:focus-visible,
    .woocommerce-ResetPassword .woocommerce-form-row textarea:focus-within {
      border: 1px solid var(--cl-dark); }
  .form-group input + label,
  .form-group textarea + label,
  .woocommerce-cart-form input + label,
  .woocommerce-cart-form textarea + label,
  .woocommerce-checkout .site-main input + label,
  .woocommerce-checkout .site-main textarea + label,
  .woocommerce-address-fields input + label,
  .woocommerce-address-fields textarea + label,
  .woocommerce-EditAccountForm input + label,
  .woocommerce-EditAccountForm textarea + label,
  .woocommerce-form .woocommerce-form-row input + label,
  .woocommerce-form .woocommerce-form-row textarea + label,
  .woocommerce-ResetPassword .woocommerce-form-row input + label,
  .woocommerce-ResetPassword .woocommerce-form-row textarea + label {
    font-size: var(--ft-1);
    line-height: 18px;
    position: absolute;
    top: 20px;
    left: 24px;
    color: #B6B6B6;
    padding: 0 10px;
    text-transform: uppercase;
    transition: all .2s ease-in-out; }
  .form-group input:focus + label,
  .form-group input.active + label,
  .form-group textarea:focus + label,
  .form-group textarea.active + label,
  .woocommerce-cart-form input:focus + label,
  .woocommerce-cart-form input.active + label,
  .woocommerce-cart-form textarea:focus + label,
  .woocommerce-cart-form textarea.active + label,
  .woocommerce-checkout .site-main input:focus + label,
  .woocommerce-checkout .site-main input.active + label,
  .woocommerce-checkout .site-main textarea:focus + label,
  .woocommerce-checkout .site-main textarea.active + label,
  .woocommerce-address-fields input:focus + label,
  .woocommerce-address-fields input.active + label,
  .woocommerce-address-fields textarea:focus + label,
  .woocommerce-address-fields textarea.active + label,
  .woocommerce-EditAccountForm input:focus + label,
  .woocommerce-EditAccountForm input.active + label,
  .woocommerce-EditAccountForm textarea:focus + label,
  .woocommerce-EditAccountForm textarea.active + label,
  .woocommerce-form .woocommerce-form-row input:focus + label,
  .woocommerce-form .woocommerce-form-row input.active + label,
  .woocommerce-form .woocommerce-form-row textarea:focus + label,
  .woocommerce-form .woocommerce-form-row textarea.active + label,
  .woocommerce-ResetPassword .woocommerce-form-row input:focus + label,
  .woocommerce-ResetPassword .woocommerce-form-row input.active + label,
  .woocommerce-ResetPassword .woocommerce-form-row textarea:focus + label,
  .woocommerce-ResetPassword .woocommerce-form-row textarea.active + label {
    background: var(--white);
    top: -7px; }

.select2-selection__arrow {
  padding: 5px; }

.woocommerce form .form-row .input-text {
  border-radius: 0px; }

.country_to_state.country_select#billing_country,
.select2-selection.select2-selection--single {
  padding: 5px 15px;
  height: 38px;
  border-radius: 0px !important;
  border: 1px solid var(--cl-dark) !important;
  color: var(--color-gray-600);
  outline: 0;
  box-sizing: border-box;
  font-size: var(--ft-1); }
  @media (min-width: 768px) {
    .country_to_state.country_select#billing_country,
    .select2-selection.select2-selection--single {
      font-size: var(--ft-2) !important; } }
  .country_to_state.country_select#billing_country::placeholder,
  .select2-selection.select2-selection--single::placeholder {
    color: var(--color-gray-400); }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--color-gray-600); }
  .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    font-family: 'Roboto';
    background-color: var(--white);
    font-size: var(--ft-2);
    color: #999999c4; }

.mrwpbutton #modaal_link {
  display: none !important; }

.mrwp th {
  vertical-align: middle; }
.mrwp .modaal_link {
  background-color: #96154A;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  padding: 15px;
  font-weight: 700;
  display: block; }

.btn, .btn.btn-primary,
button.btn-primary, .btn.btn-secondary, .btn.single_add_to_cart_button, .btn.alt,
button.btn-secondary,
button.single_add_to_cart_button,
button.alt, .btn.btn-tertiary,
button.btn-tertiary, button, input[type="submit"],
button {
  display: inline-block;
  padding: 8px 35px;
  border: 1px solid var(--cl-btn);
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
  font-size: var(--ft-1); }
  @media (min-width: 992px) {
    .btn, .btn.btn-primary,
    button.btn-primary, .btn.btn-secondary, .btn.single_add_to_cart_button, .btn.alt,
    button.btn-secondary,
    button.single_add_to_cart_button,
    button.alt, .btn.btn-tertiary,
    button.btn-tertiary, button, input[type="submit"],
    button {
      margin-right: auto;
      margin-left: auto;
      font-size: var(--ft-2); } }
  .btn:hover, button:hover, input[type="submit"]:hover,
  button:hover {
    text-decoration: none; }
  .btn:disabled, button:disabled, input[type="submit"]:disabled,
  button:disabled {
    background-color: var(--cl-gray-disabled);
    border-color: var(--cl-gray-disabled);
    cursor: no-drop; }
  .btn.btn-primary,
  button.btn-primary, input.btn-primary[type="submit"],
  button.btn-primary {
    color: var(--cl-btn);
    background-color: transparent;
    border-color: var(--cl-btn); }
    .btn.btn-primary:hover,
    button.btn-primary:hover, input.btn-primary[type="submit"]:hover,
    button.btn-primary:hover {
      color: var(--white);
      background-color: var(--cl-btn); }
  .btn.btn-secondary,
  button.btn-secondary, input.btn-secondary[type="submit"], .btn.single_add_to_cart_button,
  button.single_add_to_cart_button, input.single_add_to_cart_button[type="submit"], .btn.alt,
  button.alt, input.alt[type="submit"],
  button.btn-secondary,
  button.single_add_to_cart_button,
  button.alt {
    color: var(--white);
    background-color: var(--cl-btn);
    border-color: var(--cl-btn); }
    .btn.btn-secondary a,
    button.btn-secondary.btn-primary a,
    button.btn-secondary a,
    button.btn-secondary.single_add_to_cart_button a,
    button.btn-secondary.alt a,
    button.btn-secondary.btn-tertiary a, input.btn-secondary[type="submit"] a, .btn.single_add_to_cart_button a,
    button.single_add_to_cart_button.btn-primary a,
    button.single_add_to_cart_button.btn-secondary a,
    button.single_add_to_cart_button a,
    button.single_add_to_cart_button.alt a,
    button.single_add_to_cart_button.btn-tertiary a, input.single_add_to_cart_button[type="submit"] a, .btn.alt a,
    button.alt.btn-primary a,
    button.alt.btn-secondary a,
    button.alt.single_add_to_cart_button a,
    button.alt a,
    button.alt.btn-tertiary a, input.alt[type="submit"] a,
    button.btn-secondary a,
    button.single_add_to_cart_button a,
    button.alt a {
      color: var(--cl-white); }
    .btn.btn-secondary:hover,
    button.btn-secondary:hover, input.btn-secondary[type="submit"]:hover, .btn.single_add_to_cart_button:hover,
    button.single_add_to_cart_button:hover, input.single_add_to_cart_button[type="submit"]:hover, .btn.alt:hover,
    button.alt:hover, input.alt[type="submit"]:hover,
    button.btn-secondary:hover,
    button.single_add_to_cart_button:hover,
    button.alt:hover {
      color: var(--cl-btn);
      background-color: var(--white); }
      .btn.btn-secondary:hover a,
      button.btn-secondary.btn-primary:hover a,
      button.btn-secondary:hover a,
      button.btn-secondary.single_add_to_cart_button:hover a,
      button.btn-secondary.alt:hover a,
      button.btn-secondary.btn-tertiary:hover a, input.btn-secondary[type="submit"]:hover a, .btn.single_add_to_cart_button:hover a,
      button.single_add_to_cart_button.btn-primary:hover a,
      button.single_add_to_cart_button.btn-secondary:hover a,
      button.single_add_to_cart_button:hover a,
      button.single_add_to_cart_button.alt:hover a,
      button.single_add_to_cart_button.btn-tertiary:hover a, input.single_add_to_cart_button[type="submit"]:hover a, .btn.alt:hover a,
      button.alt.btn-primary:hover a,
      button.alt.btn-secondary:hover a,
      button.alt.single_add_to_cart_button:hover a,
      button.alt:hover a,
      button.alt.btn-tertiary:hover a, input.alt[type="submit"]:hover a,
      button.btn-secondary:hover a,
      button.single_add_to_cart_button:hover a,
      button.alt:hover a {
        color: var(--cl-btn); }
  .btn.btn-tertiary,
  button.btn-tertiary, input.btn-tertiary[type="submit"],
  button.btn-tertiary {
    color: var(--white);
    background-color: var(--cl-ter);
    border-color: var(--cl-ter); }
    .btn.btn-tertiary a,
    button.btn-tertiary.btn-primary a,
    button.btn-tertiary.btn-secondary a,
    button.btn-tertiary.single_add_to_cart_button a,
    button.btn-tertiary.alt a,
    button.btn-tertiary a, input.btn-tertiary[type="submit"] a,
    button.btn-tertiary a {
      color: var(--cl-white); }
    .btn.btn-tertiary:hover,
    button.btn-tertiary:hover, input.btn-tertiary[type="submit"]:hover,
    button.btn-tertiary:hover {
      color: var(--cl-ter);
      background-color: var(--white); }
      .btn.btn-tertiary:hover a,
      button.btn-tertiary.btn-primary:hover a,
      button.btn-tertiary.btn-secondary:hover a,
      button.btn-tertiary.single_add_to_cart_button:hover a,
      button.btn-tertiary.alt:hover a,
      button.btn-tertiary:hover a, input.btn-tertiary[type="submit"]:hover a,
      button.btn-tertiary:hover a {
        color: var(--cl-ter); }
  .btn.shadow, button.shadow, input.shadow[type="submit"],
  button.shadow {
    -webkit-box-shadow: 6px 5px 15px -7px rgba(0, 0, 0, 0.72);
    box-shadow: 6px 5px 15px -7px rgba(0, 0, 0, 0.72); }
  .btn.btn-xl, button.btn-xl, input.btn-xl[type="submit"],
  button.btn-xl {
    font-size: var(--ft-1);
    padding: 15px 28px; }
    @media (min-width: 768px) {
      .btn.btn-xl, button.btn-xl, input.btn-xl[type="submit"],
      button.btn-xl {
        font-size: var(--ft-3);
        padding: 15px 28px; } }
    @media (min-width: 992px) {
      .btn.btn-xl, button.btn-xl, input.btn-xl[type="submit"],
      button.btn-xl {
        font-size: var(--ft-4);
        padding: 15px 28px; } }
  @media (min-width: 992px) {
    .btn.btn-lg, button.btn-lg, input.btn-lg[type="submit"],
    button.btn-lg {
      font-size: var(--ft-3) !important;
      font-weight: 500;
      padding: 10px 38px; } }
  .btn.btn-mini, button.btn-mini, input.btn-mini[type="submit"],
  button.btn-mini {
    padding: 4px 30px; }
  .btn.loader, button.loader, input.loader[type="submit"],
  button.loader {
    min-height: 33px;
    position: relative; }
    .btn.loader .spinner.active,
    button.loader.btn-primary .spinner.active,
    button.loader.btn-secondary .spinner.active,
    button.loader.single_add_to_cart_button .spinner.active,
    button.loader.alt .spinner.active,
    button.loader.btn-tertiary .spinner.active, button.loader .spinner.active, input.loader[type="submit"] .spinner.active,
    button.loader .spinner.active {
      top: 3px;
      left: 50%;
      transform: translateX(-50%); }

button {
  color: var(--cl-btn);
  background-color: transparent;
  border-color: var(--cl-btn); }
  button:hover {
    color: var(--white);
    background-color: var(--cl-btn); }

input[type="submit"] {
  background-color: var(--cl-btn);
  color: var(--cl-white);
  border-color: var(--cl-btn); }
  input[type="submit"]:hover {
    background-color: var(--cl-white);
    color: var(--cl-btn);
    border-color: var(--cl-btn); }

@media screen {
  .screen-reader-text {
    display: none; } }
body.single-post.is-press .content-area > .banner {
  background-color: var(--white); }
body.single-post.is-press .featured-image img {
  width: 100%;
  max-height: 75vh;
  object-fit: cover; }

body.single-post .content-area > .banner {
  border-bottom: 2px solid var(--cl-primary);
  background-color: transparent;
  transition: background-color .6s ease-in-out; }
  body.single-post .content-area > .banner.active {
    background-color: var(--white); }
body.single-post .page-main .header-wrapper {
  position: relative;
  height: 130vh; }
  @media (min-width: 992px) {
    body.single-post .page-main .header-wrapper {
      height: 200vh; } }
  body.single-post .page-main .header-wrapper h1 {
    font-size: var(--ft-4);
    line-height: calc(5px + var(--ft-4)); }
  body.single-post .page-main .header-wrapper header {
    height: calc(100vh  - 2 * var(--p-2) - var(--menu-mobile-height) - 2 * var(--header-mobile-height));
    position: sticky;
    top: calc(var(--p-2) + var(--header-mobile-height));
    box-sizing: border-box;
    transition: all .1s linear; }
    body.single-post .page-main .header-wrapper header .featured-image {
      height: 100%;
      width: 100%;
      overflow: hidden;
      box-sizing: border-box; }
      body.single-post .page-main .header-wrapper header .featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  body.single-post .page-main .header-wrapper .intro-wrapper {
    height: calc(100vh - 12px -  var(--p-2) - var(--menu-mobile-height) - var(--header-mobile-height));
    align-items: flex-end; }
    body.single-post .page-main .header-wrapper .intro-wrapper .intro {
      color: var(--color-gray-200);
      margin-top: auto;
      margin-left: var(--p-2);
      opacity: 1;
      width: 190px;
      height: 190px;
      transition: opacity .1s linear; }
      @media (min-width: 992px) {
        body.single-post .page-main .header-wrapper .intro-wrapper .intro {
          width: 300px;
          height: 150px; } }
      body.single-post .page-main .header-wrapper .intro-wrapper .intro .subtitle {
        line-height: var(--ft-3); }
body.single-post .page-main .inner .excerpt {
  bottom: var(--p-2);
  width: calc(100% - var(--p-3));
  padding: var(--p-5) var(--p-2);
  margin: var(--p-3) 0 var(--p-5) -32px;
  display: flex;
  margin-bottom: 0 -16px 0 -11px;
  background: var(--cl-secondary-x-light);
  align-items: center;
  justify-content: center;
  position: relative; }
  body.single-post .page-main .inner .excerpt h2 {
    font-weight: 400;
    font-size: var(--ft-3);
    line-height: calc(11px + var(--ft-2));
    color: var(--cl-ter);
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
body.single-post .page-main .inner h2 {
  margin-top: var(--p-4);
  font-size: var(--ft-4);
  margin-bottom: var(--p-2); }
body.single-post .page-main .inner h2 + p {
  margin-top: 0 !important; }
body.single-post .page-main .inner p + h2 {
  margin-top: var(--p-4); }
body.single-post .page-main .inner p + h3 {
  margin-top: var(--p-4); }
body.single-post .page-main .inner p + h4 {
  margin-top: var(--p-4); }
body.single-post .page-main .inner p + p {
  margin-top: var(--p-2); }
body.single-post .page-main .inner figure {
  margin-top: var(--p-4);
  margin-bottom: var(--p-6); }
body.single-post .page-main .inner h3 {
  color: var(--cl-dark);
  font-size: var(--ft-3); }
body.single-post .page-main .inner h4 {
  font-size: var(--ft-3); }
body.single-post .page-main .inner p, body.single-post .page-main .inner li {
  font-size: var(--ft-3);
  line-height: calc(11px + var(--ft-main));
  word-break: break-word; }
body.single-post .page-main .captures {
  margin: var(--p-6) 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1Fr;
  gap: var(--p-3); }
  body.single-post .page-main .captures .capture img {
    width: 100%;
    height: auto; }
body.single-post .page-main .related-posts {
  display: flex;
  flex-direction: column;
  gap: var(--p-3); }
  body.single-post .page-main .related-posts .titre {
    text-align: right; }

body.single-post .container ul,
body.page-template-template-valeurs .inner ul {
  list-style: disc;
  margin-left: var(--p-3); }
  body.single-post .container ul li,
  body.page-template-template-valeurs .inner ul li {
    margin-bottom: var(--p-1); }

.post-preview {
  height: 97px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .post-preview {
      height: 130px; } }
  @media (min-width: 992px) {
    .post-preview {
      height: 170px; } }
  .post-preview .illu {
    height: 97px; }
    @media (min-width: 768px) {
      .post-preview .illu {
        height: 130px; } }
    @media (min-width: 992px) {
      .post-preview .illu {
        height: 170px; } }
    .post-preview .illu img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .post-preview .title {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(2 * (2px + var(--ft-2))); }
  .post-preview .excerpt {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(3 * var(--ft-1)); }

.related-post {
  margin-left: auto;
  margin-right: auto;
  background: var(--cl-white);
  margin-bottom: var(--p-2);
  box-sizing: border-box; }
  @media (min-width: 992px) {
    .related-post {
      width: 200px; } }
  @media (min-width: 1200px) {
    .related-post {
      width: 300px; } }
  .related-post .illu img {
    width: 100%;
    height: 150px;
    object-fit: cover; }
  .related-post .content {
    padding: var(--p-2); }
    .related-post .content .excerpt {
      line-height: calc(4px + var(--ft-2));
      color: var(--cl-text); }
    .related-post .content h3 {
      font-size: var(--ft-4);
      font-weight: 500;
      margin-bottom: var(--p-1); }

body.page-template-template-faq .faq-items {
  display: flex;
  flex-direction: column;
  gap: var(--p-3);
  padding-left: var(--p-2); }
  body.page-template-template-faq .faq-items h3 {
    font-size: var(--ft-3); }

.faq-items {
  margin-bottom: 24px; }
  .faq-items .faq-item {
    margin: 0 0 24px;
    padding-bottom: 24px;
    padding-left: 38px;
    border-bottom: 1px solid var(--color-gray-500);
    position: relative; }
    .faq-items .faq-item:last-child {
      border: 0; }
    .faq-items .faq-item .question {
      font-size: 18px;
      line-height: 24px;
      font-weight: 500;
      cursor: pointer; }
      .faq-items .faq-item .question .plus:before {
        content: ' ';
        background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%2306070E'/%3E%3Cpath d='M19.6875 14.0002C19.6875 14.3639 19.3949 14.6565 19.0312 14.6565H14.6562V19.0315C14.6562 19.3938 14.3623 19.688 14 19.688C13.6377 19.688 13.3438 19.3951 13.3438 19.0315V14.6565H8.96875C8.60645 14.6565 8.3125 14.3628 8.3125 14.0005C8.3125 13.6393 8.60645 13.344 8.96875 13.344H13.3438V8.96896C13.3438 8.60666 13.6377 8.31299 14 8.31299C14.3623 8.31299 14.6562 8.60666 14.6562 8.96896V13.344H19.0312C19.3949 13.344 19.6875 13.6393 19.6875 14.0002Z' fill='white'/%3E%3C/svg%3E");
        width: 28px;
        height: 28px;
        position: absolute;
        left: 0;
        top: -3px; }
      .faq-items .faq-item .question.opened .plus:before {
        background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%2306070E'/%3E%3Cpath d='M19.6875 14C19.6875 14.3637 19.3949 14.6562 19.0312 14.6562H8.96875C8.60645 14.6562 8.3125 14.3626 8.3125 14.0003C8.3125 13.6391 8.60645 13.3438 8.96875 13.3438H19.0312C19.3949 13.3438 19.6875 13.6391 19.6875 14Z' fill='white'/%3E%3C/svg%3E"); }
    .faq-items .faq-item .answer {
      max-height: 0;
      overflow: hidden;
      transition: all 0.3s ease-in-out; }
      .faq-items .faq-item .answer p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        margin-bottom: 14px; }
      .faq-items .faq-item .answer.opened {
        max-height: 100%; }
      .faq-items .faq-item .answer .cta {
        margin-top: 10px;
        text-align: center; }

body.template-common.page-template-template-beaute {
  /*
  .white-box:not(.box-1){
  	a{
  		color: var(--cl-text);
  	}
  }
  */ }
  body.template-common.page-template-template-beaute #main {
    background-color: var(--cl-ter-light);
    margin-top: 0; }
    body.template-common.page-template-template-beaute #main h3 {
      color: var(--cl-primary); }
      @media (min-width: 992px) {
        body.template-common.page-template-template-beaute #main h3 {
          font-size: var(--ft-3);
          font-weight: 500;
          margin-bottom: -24px; } }
    body.template-common.page-template-template-beaute #main h2 {
      color: var(--cl-text); }
  body.template-common.page-template-template-beaute a:not(.btn):not(.btn.btn-primary):not(.btn.btn-secondary):not(.btn.single_add_to_cart_button):not(.btn.alt):not(.btn.btn-tertiary):not(button):not(input[type="submit"]):not(.btn.btn-primary):not(input.btn-primary[type="submit"]):not(.btn.btn-secondary):not(input.btn-secondary[type="submit"]):not(.btn.single_add_to_cart_button):not(input.single_add_to_cart_button[type="submit"]):not(.btn.alt):not(input.alt[type="submit"]):not(button):not(input[type="submit"]) {
    color: var(--cl-text); }
  body.template-common.page-template-template-beaute h1 {
    font-size: var(--ft-4-2); }
  body.template-common.page-template-template-beaute .box-1 {
    border: 0;
    margin: 0 -16px;
    height: 200px; }
    body.template-common.page-template-template-beaute .box-1 .illu img {
      width: 100%; }
    @media (min-width: 992px) {
      body.template-common.page-template-template-beaute .box-1 {
        margin: 0;
        height: 500px; }
        body.template-common.page-template-template-beaute .box-1 .illu {
          width: 100%;
          height: 80%; }
          body.template-common.page-template-template-beaute .box-1 .illu img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        body.template-common.page-template-template-beaute .box-1 .p-2 {
          height: 20%; } }
  body.template-common.page-template-template-beaute .box-2 .illu img {
    height: 150px; }
  @media (min-width: 992px) {
    body.template-common.page-template-template-beaute .box-2 {
      margin: 0;
      height: 500px; }
      body.template-common.page-template-template-beaute .box-2 > .white-box {
        height: 100%; }
      body.template-common.page-template-template-beaute .box-2 .illu {
        width: 100%;
        height: 80%; }
        body.template-common.page-template-template-beaute .box-2 .illu img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      body.template-common.page-template-template-beaute .box-2 .p-2 {
        height: 20%; } }
  body.template-common.page-template-template-beaute .box-3 {
    height: 250px; }
    body.template-common.page-template-template-beaute .box-3 .illu img {
      height: 150px; }
    @media (min-width: 992px) {
      body.template-common.page-template-template-beaute .box-3 {
        height: 500px; }
        body.template-common.page-template-template-beaute .box-3 > .white-box {
          height: 100%; }
        body.template-common.page-template-template-beaute .box-3 .illu {
          width: 100%;
          height: 80%; }
          body.template-common.page-template-template-beaute .box-3 .illu img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        body.template-common.page-template-template-beaute .box-3 .p-2 {
          height: 20%; } }
  @media (min-width: 992px) {
    body.template-common.page-template-template-beaute .box-4 .white-box {
      height: 400px; } }
  body.template-common.page-template-template-beaute .box-6 .illu {
    height: 100px; }
    body.template-common.page-template-template-beaute .box-6 .illu img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  @media (min-width: 992px) {
    body.template-common.page-template-template-beaute .box-6 {
      height: 200px; } }
  @media (min-width: 992px) {
    body.template-common.page-template-template-beaute .box-7 .illu {
      height: 100%; }
      body.template-common.page-template-template-beaute .box-7 .illu img {
        width: 100%;
        height: 100%;
        object-fit: cover; } }
  @media (min-width: 992px) {
    body.template-common.page-template-template-beaute .cat-vertical .illu {
      height: 80%;
      min-height: 80%; }
      body.template-common.page-template-template-beaute .cat-vertical .illu img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    body.template-common.page-template-template-beaute .cat-vertical .p-2 {
      height: 20%; } }
  body.template-common.page-template-template-beaute .box-5 {
    height: 250px; }
    body.template-common.page-template-template-beaute .box-5 .illu img {
      height: 150px; }
    @media (min-width: 992px) {
      body.template-common.page-template-template-beaute .box-5 {
        height: 350px; }
        body.template-common.page-template-template-beaute .box-5 > .white-box {
          height: 100%; }
        body.template-common.page-template-template-beaute .box-5 .illu {
          width: 100%;
          height: 75%; }
          body.template-common.page-template-template-beaute .box-5 .illu img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        body.template-common.page-template-template-beaute .box-5 .p2 {
          height: 25%; } }

body.page-template-template-valeurs .temoignages {
  align-items: flex-start !important; }
  @media (min-width: 992px) {
    body.page-template-template-valeurs .temoignages .nav {
      display: none; } }
  body.page-template-template-valeurs .temoignages .nav div img {
    height: 50px;
    width: 50px; }
  @media (min-width: 992px) {
    body.page-template-template-valeurs .temoignages .items {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--p-2); } }
  body.page-template-template-valeurs .temoignages .items .temoignage .content {
    font-style: italic; }
    body.page-template-template-valeurs .temoignages .items .temoignage .content b {
      font-weight: 700;
      color: var(--cl-primary); }

.qualite .grid-2-xs {
  align-items: start; }
  @media (min-width: 992px) {
    .qualite .grid-2-xs {
      overflow: hidden;
      grid-template-columns: 2fr 2fr 1fr 2fr 2fr; } }
.qualite .bloc {
  height: 100%; }
  .qualite .bloc:nth-child(2) {
    background-color: var(--cl-cafe);
    color: var(--cl-dark); }
  .qualite .bloc:nth-child(3) {
    background-color: var(--cl-secondary-light);
    color: var(--cl-dark); }
  .qualite .bloc:nth-child(4) {
    background-color: var(--cl-primary);
    color: var(--cl-white); }
    .qualite .bloc:nth-child(4) a, .qualite .bloc:nth-child(4) strong, .qualite .bloc:nth-child(4) b {
      color: var(--cl-dark); }
  @media (min-width: 992px) {
    .qualite .bloc:nth-child(1), .qualite .bloc:nth-child(5) {
      background-color: var(--cl-ter-light);
      color: var(--cl-ter); }
      .qualite .bloc:nth-child(1) a, .qualite .bloc:nth-child(1) strong, .qualite .bloc:nth-child(1) b, .qualite .bloc:nth-child(5) a, .qualite .bloc:nth-child(5) strong, .qualite .bloc:nth-child(5) b {
        color: var(--cl-dark); }
    .qualite .bloc:nth-child(3) {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      background-color: transparent; }
    .qualite .bloc:nth-child(2), .qualite .bloc:nth-child(4) {
      background-color: var(--cl-light);
      color: var(--cl-ter); }
      .qualite .bloc:nth-child(2) a, .qualite .bloc:nth-child(2) strong, .qualite .bloc:nth-child(2) b, .qualite .bloc:nth-child(4) a, .qualite .bloc:nth-child(4) strong, .qualite .bloc:nth-child(4) b {
        color: var(--cl-dark); } }
.qualite .illu img {
  max-width: 100%;
  height: auto; }
.qualite p b,
.qualite p strong {
  color: var(--cl-primary); }

body.page-template-template-contact .contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px; }
  body.page-template-template-contact .contact p {
    line-height: calc(3px + var(--p-2)); }
  @media (min-width: 992px) {
    body.page-template-template-contact .contact {
      width: 60%; } }
body.page-template-template-contact textarea,
body.page-template-template-contact input[type=email] {
  border-radius: 8px; }
body.page-template-template-contact textarea:focus,
body.page-template-template-contact input[type=email]:focus {
  background-color: #fcfcfc; }
body.page-template-template-contact textarea[name=comment] {
  display: block;
  overflow: hidden;
  resize: vertical; }
body.page-template-template-contact .contact-separator {
  margin: auto;
  width: 50%;
  height: 1px;
  background-color: var(--cl-secondary-dark); }
body.page-template-template-contact section.container.adresse {
  width: 50%; }
  body.page-template-template-contact section.container.adresse .map,
  body.page-template-template-contact section.container.adresse iframe {
    width: 100%; }
body.page-template-template-contact .map {
  height: 250px; }
  @media (min-width: 992px) {
    body.page-template-template-contact .map {
      width: 40%;
      margin: auto; } }

body.woocommerce-account .menu {
  min-height: 70vh; }
@media (min-width: 768px) {
  body.woocommerce-account .mon-compte {
    display: flex; }
    body.woocommerce-account .mon-compte h1 {
      font-size: var(--ft-4); } }
body.woocommerce-account .mon-compte .menu {
  background: var(--cl-ter-light);
  padding: var(--p-5) 0; }
  body.woocommerce-account .mon-compte .menu li {
    margin-bottom: var(--p-1); }
body.woocommerce-account .woocommerce-MyAccount-content {
  margin: var(--p-3) 0; }
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table {
    font-size: var(--ft-1); }
  @media (max-width: 991px) {
    body.woocommerce-account .woocommerce-MyAccount-content table, body.woocommerce-account .woocommerce-MyAccount-content thead, body.woocommerce-account .woocommerce-MyAccount-content tbody, body.woocommerce-account .woocommerce-MyAccount-content th, body.woocommerce-account .woocommerce-MyAccount-content td, body.woocommerce-account .woocommerce-MyAccount-content tr {
      display: block; }
    body.woocommerce-account .woocommerce-MyAccount-content th {
      display: none; }
    body.woocommerce-account .woocommerce-MyAccount-content tr {
      margin-bottom: var(--p-2); }
    body.woocommerce-account .woocommerce-MyAccount-content td::before {
      content: attr(data-title);
      display: inline-block;
      font-weight: bold;
      margin-right: 5px; } }
  @media (min-width: 992px) {
    body.woocommerce-account .woocommerce-MyAccount-content table {
      width: 100%; }
    body.woocommerce-account .woocommerce-MyAccount-content thead, body.woocommerce-account .woocommerce-MyAccount-content tbody, body.woocommerce-account .woocommerce-MyAccount-content tr {
      width: 100%; }
    body.woocommerce-account .woocommerce-MyAccount-content th, body.woocommerce-account .woocommerce-MyAccount-content td {
      padding: var(--p-1); } }
  body.woocommerce-account .woocommerce-MyAccount-content .form-row {
    margin-bottom: var(--p-1); }
    body.woocommerce-account .woocommerce-MyAccount-content .form-row label {
      display: block; }
    body.woocommerce-account .woocommerce-MyAccount-content .form-row input {
      width: 100%; }
body.woocommerce-account .woocommerce-Address-title h3 {
  font-size: var(--ft-3);
  font-weight: 500; }
body.woocommerce-account .woocommerce-Address {
  margin-bottom: var(--p-4); }

.breadcrumb-wrapper .breadcrumb {
  font-size: var(--ft-2);
  padding: var(--p-2) 0;
  color: var(--color-gray-600);
  font-weight: 500; }
  .breadcrumb-wrapper .breadcrumb a {
    font-weight: 400;
    color: var(--color-gray-500); }

body.template-common #main {
  margin-top: var(--p-3); }
body.template-common h1 {
  font-size: var(--ft-4);
  line-height: calc(3px + var(--ft-4));
  color: var(--cl-ter);
  margin-bottom: var(--p-2); }

.page-pro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: calc(var(--p-3) * -1); }
  .page-pro :nth-child(odd) {
    grid-template-columns: 1fr;
    background-color: var(--cl-light-brown); }
    @media (min-width: 992px) {
      .page-pro :nth-child(odd) {
        grid-template-columns: 1fr 400px; } }
  .page-pro :nth-child(even) {
    background-color: var(--cl-white-smoke); }
    @media (min-width: 992px) {
      .page-pro :nth-child(even) {
        grid-template-columns: 400px 1fr; } }
    .page-pro :nth-child(even) :first-child {
      order: 1; }
      @media (min-width: 992px) {
        .page-pro :nth-child(even) :first-child {
          order: 2; } }
    .page-pro :nth-child(even) :last-child {
      order: 2; }
      @media (min-width: 992px) {
        .page-pro :nth-child(even) :last-child {
          order: 1; } }
  .page-pro .section {
    width: 100%;
    display: grid;
    align-items: center;
    height: fit-content;
    min-height: 400px;
    opacity: 0;
    transform: translateY(20%); }
    .page-pro .section.show {
      transition: opacity 0.3s ease-in, transform .6s;
      transform: translateY(0);
      opacity: 1; }
    .page-pro .section * {
      background-color: unset; }
    .page-pro .section .separator {
      width: 50px;
      height: 2px;
      background-color: var(--cl-black); }
    .page-pro .section .paragraph {
      display: flex;
      flex-direction: column;
      padding: 4% 5%;
      justify-content: space-around;
      height: 60%;
      min-height: 500px; }
      @media (min-width: 992px) {
        .page-pro .section .paragraph {
          padding: 4% 10%;
          min-height: 300px; } }
      .page-pro .section .paragraph :nth-child(n) {
        order: 0 !important; }
    .page-pro .section .title {
      font-size: xx-large;
      font-weight: 500;
      color: var(--cl-orange-pumpkin);
      line-height: 30px;
      text-transform: uppercase; }
    .page-pro .section .subtitle {
      font-weight: 500;
      font-size: larger; }
    .page-pro .section .text {
      font-size: large;
      line-height: 23px; }
    .page-pro .section .img {
      width: 100%;
      object-fit: cover;
      height: 400px; }
  .page-pro .mobile {
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: fit-content;
    min-height: 400px;
    opacity: 0;
    transform: translateY(20%); }
    .page-pro .mobile.show {
      transition: opacity 0.3s ease-in, transform .6s;
      transform: translateY(0);
      opacity: 1; }
    .page-pro .mobile .separator {
      align-self: center;
      margin: 40px 0px; }
    .page-pro .mobile .text {
      margin: 40px 0px; }
  .page-pro .button {
    padding: 10px;
    background-color: var(--cl-orange-pumpkin);
    color: white;
    width: fit-content; }
    .page-pro .button:hover {
      background-color: #85461e;
      cursor: pointer; }

.modal-pro .modal-header {
  padding: 0 !important; }
  .modal-pro .modal-header h3 {
    font-size: 3rem !important; }
.modal-pro .subtitle-grid {
  width: 100%;
  display: flex;
  flex-direction: column-reverse; }
  .modal-pro .subtitle-grid :nth-child(1) {
    width: 100%;
    text-align: center;
    font-size: 2rem !important; }
  .modal-pro .subtitle-grid :nth-child(2) {
    align-self: center;
    width: 100%;
    object-fit: cover;
    max-height: 300px;
    margin-bottom: 15px; }
  @media (min-width: 1200px) {
    .modal-pro .subtitle-grid :nth-child(2) {
      width: 80%; } }
.modal-pro .input-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 10px; }
  @media (min-width: 992px) {
    .modal-pro .input-grid {
      grid-template-columns: 1fr 1fr; } }
.modal-pro .input-container {
  display: flex;
  align-items: end;
  position: relative;
  height: 90px; }
  .modal-pro .input-container.textarea {
    height: 120px; }
    .modal-pro .input-container.textarea textarea {
      padding: 3px 10px 0;
      height: 110px;
      resize: none; }
    .modal-pro .input-container.textarea label {
      bottom: 65px; }
  .modal-pro .input-container label {
    position: absolute;
    bottom: 20px;
    left: 5px;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms; }
    .modal-pro .input-container label.focus {
      transform: translateY(-40px); }
.modal-pro .input,
.modal-pro textarea {
  background-color: #efeae1;
  border-radius: 1rem;
  padding: 1px;
  padding-left: 10px;
  height: 45px;
  width: calc(100% - 10px); }
.modal-pro input[type=checkbox] {
  accent-color: #efeae1; }
  .modal-pro input[type=checkbox]:hover {
    accent-color: #ddc69b; }
.modal-pro .input {
  align-self: center;
  padding-bottom: 5px;
  border: none;
  color: black; }
.modal-pro .check-container {
  display: grid;
  grid-template-columns: 20px 1fr;
  font-weight: 200;
  margin-bottom: 5px;
  align-items: center; }
  .modal-pro .check-container :first-child {
    width: 20px;
    height: 20px;
    margin-right: 2px; }
  .modal-pro .check-container :nth-child(2) {
    padding-left: 10px;
    width: calc(100% - 10px); }
.modal-pro .text {
  padding-bottom: 0 !important; }
.modal-pro p.sib-alert-message-error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
.modal-pro p.sib-alert-message-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  text-align: center;
  border-radius: 1rem;
  padding: 2px; }
.modal-pro .red-border {
  outline: 1px red solid; }

body.archive h1 + p {
  display: none; }
  @media (min-width: 992px) {
    body.archive h1 + p {
      display: block;
      width: 66%;
      margin-left: auto;
      margin-right: auto;
      margin-top: var(--p-4);
      margin-bottom: var(--p-4); } }
body.archive h1 + .visible-lg {
  width: 66%;
  margin-left: auto;
  margin-right: auto; }
body.archive .products {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--p-4);
  margin-bottom: 100px; }
  @media (min-width: 992px) {
    body.archive .products {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 1200px) {
    body.archive .products {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      width: 90%;
      margin-left: auto;
      margin-right: auto; } }
  body.archive .products .product .illu img {
    height: 24vh;
    width: auto; }
    @media (min-width: 992px) {
      body.archive .products .product .illu img {
        height: 24vh; } }
  body.archive .products .product .excerpt p {
    margin-top: 0; }
  body.archive .products .product .btn,
  body.archive .products .product button.btn-primary,
  body.archive .products .product button.btn-secondary,
  body.archive .products .product button.single_add_to_cart_button,
  body.archive .products .product button.alt,
  body.archive .products .product button.btn-tertiary, body.archive .products .product button, body.archive .products .product input[type="submit"] {
    margin: auto; }
    body.archive .products .product .btn:first-child,
    body.archive .products .product button.btn-primary:first-child,
    body.archive .products .product button.btn-secondary:first-child,
    body.archive .products .product button.single_add_to_cart_button:first-child,
    body.archive .products .product button.alt:first-child,
    body.archive .products .product button.btn-tertiary:first-child, body.archive .products .product button:first-child, body.archive .products .product input[type="submit"]:first-child {
      padding: 9px 35px; }
    body.archive .products .product .btn img,
    body.archive .products .product button.btn-primary img,
    body.archive .products .product button.btn-secondary img,
    body.archive .products .product button.single_add_to_cart_button img,
    body.archive .products .product button.alt img,
    body.archive .products .product button.btn-tertiary img, body.archive .products .product button img, body.archive .products .product input[type="submit"] img {
      width: 18px;
      height: 18px; }
    body.archive .products .product .btn.flex,
    body.archive .products .product button.flex.btn-primary,
    body.archive .products .product button.flex.btn-secondary,
    body.archive .products .product button.flex.single_add_to_cart_button,
    body.archive .products .product button.flex.alt,
    body.archive .products .product button.flex.btn-tertiary, body.archive .products .product button.flex, body.archive .products .product input.flex[type="submit"] {
      display: flex !important; }
body.archive.mobile .products .product {
  box-sizing: border-box;
  max-height: calc(100vh - var(--header-mobile-height) - 2 * var(--p-4));
  overflow: hidden;
  position: sticky;
  top: calc(var(--p-2) + var(--header-mobile-height));
  background-color: var(--cl-white);
  border: 1px solid var(--cl-dark);
  margin-top: 100px;
  border-radius: 4px;
  box-shadow: 0px 0px 15px 8px #f2e0ce4f;
  justify-content: center; }
  body.archive.mobile .products .product:first-child {
    margin-top: var(--p-4); }

.products .product h2 {
  margin-bottom: 0; }

.product-header-subtitles {
  margin-top: 18px;
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px; }

.product-header .product-header-subtitles {
  margin-left: 20px;
  margin-right: 20px; }

.product-separator {
  height: .9px;
  width: 50%;
  max-width: 100px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--cl-primary) 30%, var(--cl-primary) 70%, rgba(255, 255, 255, 0) 100%); }
  .product-separator.bottom {
    width: 70%;
    max-width: 180px; }

.product-summary .video-player-wrapper {
  min-height: 300px;
  top: 50%;
  transform: translateY(-50%); }

.woocommerce-product-gallery__wrapper {
  max-height: 300px; }
  .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .wp-post-image {
    max-height: 300px; }

.description-longue .title {
  color: var(--cl-ter);
  font-size: var(--ft-4);
  background-color: transparent;
  margin-bottom: 30px; }
.description-longue h2 {
  padding: var(--p-1) var(--p-2);
  background-color: var(--cl-ter);
  color: var(--cl-white);
  font-weight: 500;
  font-size: var(--ft-3);
  cursor: pointer;
  margin: 0 -16px; }
  @media (min-width: 992px) {
    .description-longue h2 {
      cursor: default; } }
.description-longue h3 {
  margin-top: var(--p-2);
  font-size: var(--ft-3);
  color: var(--cl-primary); }
.description-longue ul {
  list-style-type: disc;
  margin-left: var(--p-4);
  margin-top: var(--p-2);
  margin-bottom: var(--p-2); }
  .description-longue ul li {
    font-size: var(--ft-2);
    margin-bottom: var(--p-1); }

body.single-product .woocommerce-breadcrumb {
  margin-top: 20px;
  margin-left: 10px; }
  @media (min-width: 992px) {
    body.single-product .woocommerce-breadcrumb {
      margin-left: 0; } }
body.single-product.mobile .product-header .title {
  margin-left: 20px;
  margin-right: 20px; }
body.single-product .product .product-header h2 {
  margin-bottom: 0;
  font-weight: 400; }
body.single-product .product .product-header .description,
body.single-product .product .description-1 {
  font-size: var(--ft-2);
  line-height: calc(3px + var(--ft-2));
  padding: var(--p-3) 0;
  max-width: 100%;
  overflow: hidden; }
  body.single-product .product .product-header .description ul,
  body.single-product .product .description-1 ul {
    list-style-type: disc;
    margin-left: var(--p-4);
    margin-top: var(--p-2);
    margin-bottom: var(--p-2); }
    body.single-product .product .product-header .description ul li,
    body.single-product .product .description-1 ul li {
      font-size: var(--ft-2);
      margin-bottom: var(--p-1); }
body.single-product .product .product-header {
  position: relative; }
body.single-product .product .img-wrapper {
  position: relative;
  top: 0; }
  body.single-product .product .img-wrapper .product-summary {
    position: relative; }
body.single-product .product .woocommerce-product-gallery__wrapper .zoomImg {
  display: none;
  pointer-events: none; }
body.single-product .product .woocommerce-product-gallery__image {
  pointer-events: none; }
body.single-product .product .woocommerce-product-gallery {
  color: green; }
  body.single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none; }
  body.single-product .product .woocommerce-product-gallery.inactive .woocommerce-product-gallery__image {
    opacity: 0; }
  body.single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    opacity: 1;
    transition: all .6s ease-in-out; }
    body.single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__image > img {
      display: none;
      pointer-events: none; }
    body.single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__image .wp-post-image {
      width: 100%;
      height: auto;
      object-fit: contain; }
body.single-product .product .video-player-wrapper {
  height: calc(100% - 40px - 24px);
  z-index: 3; }
  @media (min-width: 992px) {
    body.single-product .product .video-player-wrapper {
      height: calc(100% - 124px - 24px); } }
  body.single-product .product .video-player-wrapper.active .screen {
    max-width: 100%;
    width: 100%; }
body.single-product .product .atc-wrapper {
  border: 1px solid var(--cl-btn); }
  @media (min-width: 992px) {
    body.single-product .product .atc-wrapper {
      border-top: 1px solid var(--cl-black);
      border-bottom: 0px solid var(--cl-black);
      border-left: 0;
      border-right: 0; }
      body.single-product .product .atc-wrapper .cart {
        justify-content: flex-start; }
        body.single-product .product .atc-wrapper .cart input {
          width: 75px; } }
body.single-product .product .price.semibold * {
  font-weight: 500; }
body.single-product .product .atc .form-group {
  justify-content: space-evenly; }
  body.single-product .product .atc .form-group input {
    width: unset;
    text-align: center; }
body.single-product .product .atc .plus, body.single-product .product .atc .moins {
  cursor: pointer;
  padding: 2px 11px;
  background-color: var(--cl-white);
  font-weight: 700;
  border-radius: 4px; }
body.single-product .product .videos-wrapper {
  justify-content: space-evenly; }
  body.single-product .product .videos-wrapper .video-preview {
    max-width: 80px; }
    body.single-product .product .videos-wrapper .video-preview .illu {
      position: relative;
      box-sizing: border-box;
      opacity: 1;
      transition: all .4s ease-in-out;
      cursor: pointer; }
      body.single-product .product .videos-wrapper .video-preview .illu.active img {
        border-color: var(--cl-dark); }
      body.single-product .product .videos-wrapper .video-preview .illu.active svg {
        opacity: 0; }
      body.single-product .product .videos-wrapper .video-preview .illu.inactive {
        opacity: .6; }
      body.single-product .product .videos-wrapper .video-preview .illu img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border: 3px solid var(--white);
        border-radius: 51px;
        transition: all .4s ease-in-out; }
        @media (min-width: 992px) {
          body.single-product .product .videos-wrapper .video-preview .illu img {
            border: 3px solid var(--cl-link); } }
    body.single-product .product .videos-wrapper .video-preview .label {
      max-width: 80px; }
body.single-product .product .icons {
  background-color: var(--cl-secondary-x-light);
  border-radius: 8px; }
  body.single-product .product .icons .icon {
    width: 100%; }
  body.single-product .product .icons img {
    width: auto;
    height: 40px; }
body.single-product .product .accordeon {
  display: flex;
  flex-direction: column;
  gap: var(--p-3);
  margin: var(--p-3) 0; }
  body.single-product .product .accordeon .item h2 {
    padding: var(--p-1) var(--p-2);
    background-color: var(--cl-ter);
    color: var(--cl-white);
    font-weight: 500;
    font-size: var(--ft-3);
    cursor: pointer;
    margin: 0 -16px; }
    @media (min-width: 992px) {
      body.single-product .product .accordeon .item h2 {
        cursor: default; } }
  body.single-product .product .accordeon .item h3 {
    margin-top: var(--p-2);
    font-size: var(--ft-3);
    color: var(--cl-primary); }
  body.single-product .product .accordeon .item .content {
    display: none;
    font-size: var(--ft-2);
    line-height: calc(3px + var(--ft-2));
    padding: var(--p-3) 0;
    max-width: 100%;
    overflow: hidden; }
    body.single-product .product .accordeon .item .content ul {
      list-style-type: disc;
      margin-left: var(--p-4);
      margin-top: var(--p-2);
      margin-bottom: var(--p-2); }
      body.single-product .product .accordeon .item .content ul li {
        font-size: var(--ft-2);
        margin-bottom: var(--p-1); }
  @media (min-width: 1200px) {
    body.single-product .product .accordeon .product-ingredients {
      padding-right: var(--p-2) !important;
      padding-left: var(--p-2) !important; } }
  body.single-product .product .accordeon .product-ingredients .main-ingredients,
  body.single-product .product .accordeon .product-ingredients .others {
    align-items: start; }
    body.single-product .product .accordeon .product-ingredients .main-ingredients .ingredient,
    body.single-product .product .accordeon .product-ingredients .others .ingredient {
      text-align: center; }
      body.single-product .product .accordeon .product-ingredients .main-ingredients .ingredient .text,
      body.single-product .product .accordeon .product-ingredients .others .ingredient .text {
        box-sizing: border-box;
        border-radius: 41px;
        margin-top: var(--p-1);
        color: var(--cl-ter); }
        @media (min-width: 1200px) {
          body.single-product .product .accordeon .product-ingredients .main-ingredients .ingredient .text,
          body.single-product .product .accordeon .product-ingredients .others .ingredient .text {
            background: var(--cl-ter-light);
            padding: 7px 20px; } }
  body.single-product .product .accordeon .product-ingredients .main-ingredients {
    margin-bottom: var(--p-5); }
    @media (min-width: 1200px) {
      body.single-product .product .accordeon .product-ingredients .main-ingredients {
        margin-bottom: var(--p-3); } }
    body.single-product .product .accordeon .product-ingredients .main-ingredients .illu img {
      width: 110px;
      height: 110px;
      object-fit: cover; }
      @media (min-width: 1200px) {
        body.single-product .product .accordeon .product-ingredients .main-ingredients .illu img {
          width: 130px;
          height: 130px;
          object-fit: cover; } }
  body.single-product .product .accordeon .product-ingredients .others .illu img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 75px; }
    @media (min-width: 1200px) {
      body.single-product .product .accordeon .product-ingredients .others .illu img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 75px; } }
body.single-product .product .related-products .need-min-height {
  height: auto; }
  @media (min-width: 992px) {
    body.single-product .product .related-products .need-min-height .short-desc {
      height: 45px; } }
  @media (min-width: 1200px) {
    body.single-product .product .related-products .need-min-height .short-desc {
      height: auto; } }
body.single-product .product .related-products .products {
  overflow-x: scroll; }
  @media (min-width: 992px) {
    body.single-product .product .related-products .products {
      overflow: hidden; } }
  body.single-product .product .related-products .products .product {
    border: 1px solid var(--cl-dark);
    padding: var(--p-2);
    min-width: 80%;
    max-width: 66%;
    background-color: var(--cl-white);
    box-sizing: border-box; }
    @media (min-width: 992px) {
      body.single-product .product .related-products .products .product {
        width: 100%;
        background-color: var(--cl-white);
        min-width: unset;
        max-width: unset; } }
    body.single-product .product .related-products .products .product .subtitle {
      height: 42px; }
    body.single-product .product .related-products .products .product .illu img {
      height: 150px;
      width: auto;
      object-fit: cover; }
body.single-product .product .nl h3 {
  font-size: var(--ft-3);
  font-weight: 600; }

body.single-post .page-main .inner .product-pub h3 {
  margin-bottom: 0;
  color: var(--cl-secondary-dark); }

.product .woocommerce-breadcrumb {
  padding: 0; }
  .product .woocommerce-breadcrumb .breadcrumb-item {
    font-style: italic;
    font-size: 12px; }

.product-pub a {
  color: inherit; }
.product-pub .star {
  width: 80px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat; }
  @media (min-width: 992px) {
    .product-pub .star {
      margin: auto; } }
.product-pub .illu img {
  width: 75px;
  height: auto;
  object-fit: cover; }
  @media (min-width: 992px) {
    .product-pub .illu img {
      height: 150px;
      width: auto; } }

.produits-star {
  margin-left: auto;
  margin-right: auto; }
  .produits-star .product {
    width: 300px;
    box-sizing: border-box; }
    .produits-star .product .illu img {
      height: 150px;
      width: auto; }

.variations_form.cart {
  display: flex;
  align-items: center !important;
  flex-direction: column;
  width: 100%; }
  .variations_form.cart .variations {
    width: 90%; }
    .variations_form.cart .variations th, .variations_form.cart .variations td {
      padding: 5px; }
    .variations_form.cart .variations .value {
      display: flex;
      align-items: center !important;
      flex-direction: column; }
    .variations_form.cart .variations .variation-tr {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .variations_form.cart .variations .variation-tr select {
        max-width: 230px;
        padding: 5px 20px;
        border: 1px solid var(--cl-dark);
        color: var(--color-gray-600);
        border-radius: 10px;
        outline: 0;
        box-sizing: border-box;
        font-size: 16px;
        width: 100%;
        text-align: center; }
  .variations_form.cart .single_variation_wrap {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px; }
    .variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .variations_form.cart .single_variation_wrap .quantity {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 5px; }
      .variations_form.cart .single_variation_wrap .quantity .input-text {
        max-width: 230px;
        margin: 0px 5px;
        width: 100%;
        padding: 5px 5px 5px 10px;
        border: 1px solid var(--cl-dark);
        color: var(--color-gray-600);
        border-radius: 10px;
        outline: 0;
        box-sizing: border-box;
        text-align: center; }
    .variations_form.cart .single_variation_wrap .woocommerce-variation-price {
      width: 100%;
      display: flex;
      width: 230px;
      justify-content: center;
      font-size: 18px; }
    .variations_form.cart .single_variation_wrap .single_add_to_cart_button.button {
      max-width: 230px;
      width: 100%;
      margin-top: 5px; }

body.archive .cat-header {
  border-bottom: 1px solid var(--cl-dark); }
  body.archive .cat-header h1 {
    margin-bottom: var(--p-2);
    font-size: var(--ft-4-2); }
  body.archive .cat-header h1 + p {
    margin-left: 0; }
  body.archive .cat-header .illu img {
    height: 100%;
    object-fit: cover; }
@media (min-width: 992px) {
  body.archive .post-preview h3 {
    font-weight: 500;
    font-size: var(--ft-4);
    max-height: unset;
    overflow: visible;
    margin-bottom: var(--p-2);
    line-height: calc(9px + var(--ft-2)); } }
body.archive .post-preview img {
  border-radius: 4px; }
body.archive .post-preview .excerpt {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; }
  @media (min-width: 992px) {
    body.archive .post-preview .excerpt {
      -webkit-line-clamp: 5;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: var(--ft-2);
      max-height: calc(5 * (4px + var(--ft-2)));
      line-height: calc(4px + var(--ft-2)); } }
body.archive .post-preview a {
  color: unset; }
body.archive .faq-items {
  padding-left: 0; }

.product form.cart .input-text.qty {
  width: 75px; }
.product form.cart .single_add_to_cart_button {
  white-space: nowrap;
  width: 100%;
  font-weight: 500; }
  @media (min-width: 992px) {
    .product form.cart .single_add_to_cart_button {
      width: auto;
      font-size: var(--ft-3);
      padding: 10px 38px; } }

body.woocommerce-cart {
  background-color: var(--cl-ter-light); }
  @media (min-width: 992px) {
    body.woocommerce-cart .site-main {
      width: 75%;
      margin: auto; }
    body.woocommerce-cart button,
    body.woocommerce-cart a.btn {
      font-size: var(--ft-3);
      font-weight: 500; } }
  @media (min-width: 1200px) {
    body.woocommerce-cart .site-main {
      width: 50%; } }
  body.woocommerce-cart button,
  body.woocommerce-cart a.btn {
    box-sizing: border-box;
    font-weight: 500; }
  body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item {
    background: #fff;
    border: 1px solid;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
    body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-thumbnail img {
      width: 100px;
      height: 100px;
      object-fit: cover; }
    body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-name {
      justify-content: space-around; }
    body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-quantity {
      font-weight: 700; }
      body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-quantity .plus, body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-quantity .moins {
        font-weight: 700;
        cursor: pointer; }
      body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-quantity .quantity {
        background: transparent; }
        body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-quantity .quantity input[type="number"] {
          width: 60px;
          padding: 4px 12px;
          border: 0;
          text-align: center;
          background: transparent;
          font-weight: 700; }
    body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .star {
      width: 83px;
      height: 15px; }
  body.woocommerce-cart .woocommerce-cart-form button {
    display: none; }
  body.woocommerce-cart .cart-collaterals {
    justify-content: space-between; }
  body.woocommerce-cart .ag {
    justify-content: space-between;
    background: var(--cl-cafe);
    padding: 0 5px; }
    body.woocommerce-cart .ag .note {
      text-align: center;
      font-size: var(--ft-2); }
    body.woocommerce-cart .ag img {
      width: 150px;
      height: auto; }
    body.woocommerce-cart .ag .star {
      width: 71px;
      height: 13px; }
  body.woocommerce-cart .includes_tax {
    display: none; }

.wc-bc {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--p-4); }
  .wc-bc .item span {
    background: var(--cl-border);
    padding: 6px 12px;
    color: var(--white); }
    @media (min-width: 992px) {
      .wc-bc .item span {
        padding: 8px 50px;
        font-size: var(--ft-3); } }
    .wc-bc .item span a {
      color: var(--white) !important; }
  .wc-bc .item .arrow-right {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid var(--cl-border);
    margin-left: 0px; }
  .wc-bc .item.active span {
    background-color: var(--cl-ter); }
  .wc-bc .item.active .arrow-right {
    border-left: 10px solid var(--cl-ter); }

body.woocommerce-checkout {
  background-color: var(--cl-ter-light); }
  body.woocommerce-checkout .encarts {
    align-items: start; }
    body.woocommerce-checkout .encarts .title {
      font-weight: 500; }
    body.woocommerce-checkout .encarts > div {
      border: 1px solid var(--cl-border);
      background-color: #fff; }
    body.woocommerce-checkout .encarts button {
      font-size: var(--ft-2) !important;
      font-weight: 400 !important; }
  body.woocommerce-checkout .site-main {
    padding-bottom: var(--p-4);
    margin-bottom: var(--p-5);
    background-color: var(--cl-ter-light); }
    @media (min-width: 992px) {
      body.woocommerce-checkout .site-main {
        width: 75%;
        margin: auto; }
        body.woocommerce-checkout .site-main button,
        body.woocommerce-checkout .site-main a.btn {
          font-size: var(--ft-3);
          font-weight: 500; }
        body.woocommerce-checkout .site-main button[name="apply_coupon"] {
          font-size: var(--ft-2) !important;
          font-weight: 500 !important; } }
    @media (min-width: 1200px) {
      body.woocommerce-checkout .site-main {
        width: 50%; } }
    body.woocommerce-checkout .site-main .woocommerce-form-login .form-row {
      margin-bottom: var(--p-1); }
      body.woocommerce-checkout .site-main .woocommerce-form-login .form-row label {
        display: block; }
      body.woocommerce-checkout .site-main .woocommerce-form-login .form-row input:not([type="checkbox"]) {
        width: 100%; }
      body.woocommerce-checkout .site-main .woocommerce-form-login .form-row #rememberme {
        display: inline !important; }
    body.woocommerce-checkout .site-main .checkout label:not(.woocommerce-form__label-for-checkbox):not(.woocommerce-form-login__rememberme) {
      display: none; }
    body.woocommerce-checkout .site-main .checkout input,
    body.woocommerce-checkout .site-main .checkout textarea,
    body.woocommerce-checkout .site-main .checkout select {
      width: 100%; }
    body.woocommerce-checkout .site-main .checkout input[type="checkbox"]:not(#ship-to-different-address-checkbox) {
      display: inline !important;
      width: auto; }
    body.woocommerce-checkout .site-main .checkout .select2-selection {
      border: 1px solid var(--cl-btn);
      border-radius: 16px;
      font-size: var(--ft-1);
      padding-left: 12px; }
    body.woocommerce-checkout .site-main .checkout #billing_company_field,
    body.woocommerce-checkout .site-main .checkout #shipping_company_field {
      display: none; }
    body.woocommerce-checkout .site-main .checkout .woocommerce-billing-fields {
      padding-top: var(--p-1); }
    body.woocommerce-checkout .site-main .checkout #order_review_heading {
      margin-top: var(--p-4); }
    body.woocommerce-checkout .site-main .checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
    body.woocommerce-checkout .site-main .checkout .woocommerce-shipping-fields__field-wrapper .form-row-first {
      width: 47%;
      float: left; }
    body.woocommerce-checkout .site-main .checkout .woocommerce-billing-fields__field-wrapper .form-row-last,
    body.woocommerce-checkout .site-main .checkout .woocommerce-shipping-fields__field-wrapper .form-row-last {
      width: 47%;
      float: right; }
    body.woocommerce-checkout .site-main .shop_table {
      width: 100%; }
      body.woocommerce-checkout .site-main .shop_table th:first-child {
        text-align: left; }
      body.woocommerce-checkout .site-main .shop_table th:last-child,
      body.woocommerce-checkout .site-main .shop_table td:last-child {
        text-align: right; }
      body.woocommerce-checkout .site-main .shop_table ul.woocommerce-shipping-methods li {
        border-bottom: 1px solid var(--cl-border);
        padding: var(--p-2) 0; }
        body.woocommerce-checkout .site-main .shop_table ul.woocommerce-shipping-methods li:last-child {
          border: 0; }
        body.woocommerce-checkout .site-main .shop_table ul.woocommerce-shipping-methods li .shipping-method-description {
          font-size: var(--ft-1); }
    body.woocommerce-checkout .site-main .woocommerce-checkout-review-order {
      font-size: var(--ft-1); }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order thead th {
        font-weight: 500; }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .cart-subtotal th {
        padding-top: var(--p-2);
        font-weight: 500;
        padding-bottom: var(--p-2); }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .cart-subtotal .woocommerce-Price-amount {
        font-weight: 500; }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order td, body.woocommerce-checkout .site-main .woocommerce-checkout-review-order th {
        padding: 5px; }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .woocommerce-shipping-totals {
        border-top: 2px solid var(--cl-border);
        font-weight: 500; }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .tax-total {
        border-top: 2px solid var(--cl-border); }
        body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .tax-total th {
          padding-top: var(--p-2); }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .order-total th,
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .order-total td {
        font-weight: 500;
        font-size: var(--ft-3); }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order label {
        display: inline !important;
        position: relative;
        color: inherit;
        padding: 0;
        text-transform: none;
        transition: none;
        top: unset;
        left: unset;
        color: var(--cl-primary);
        font-weight: 500;
        background: transparent; }
      body.woocommerce-checkout .site-main .woocommerce-checkout-review-order input {
        width: auto; }
    body.woocommerce-checkout .site-main .woocommerce-checkout-payment {
      margin-top: var(--p-4); }
      body.woocommerce-checkout .site-main .woocommerce-checkout-payment ul {
        background: var(--cl-cafe);
        padding: var(--p-2); }
    body.woocommerce-checkout .site-main .woocommerce-privacy-policy-text p {
      font-size: var(--ft-0); }
    body.woocommerce-checkout .site-main h3:not(#ship-to-different-address) {
      padding: 5px 12px;
      margin: var(--p-2) 0;
      letter-spacing: 1px;
      background: var(--cl-primary);
      color: white;
      font-size: var(--ft-2);
      margin: var(--p-2) 0; }
      @media (min-width: 992px) {
        body.woocommerce-checkout .site-main h3:not(#ship-to-different-address) {
          font-size: var(--ft-3);
          font-weight: 500; } }
    body.woocommerce-checkout .site-main #ship-to-different-address {
      font-size: var(--ft-main); }
    body.woocommerce-checkout .site-main #place_order {
      width: 100%;
      margin-top: var(--p-2); }
    body.woocommerce-checkout .site-main .woocommerce-terms-and-conditions-checkbox-text,
    body.woocommerce-checkout .site-main .checkbox-nl,
    body.woocommerce-checkout .site-main label.checkbox {
      color: var(--cl-text) !important;
      font-size: var(--ft-1) !important;
      font-weight: 400 !important; }
    body.woocommerce-checkout .site-main .required {
      text-decoration: none; }

body.woocommerce-order-received .site-main {
  min-height: 70vh; }
  body.woocommerce-order-received .site-main h2 {
    margin-bottom: var(--p-1);
    margin-top: var(--p-4);
    background: var(--cl-primary);
    color: var(--cl-white);
    padding: var(--p-1); }
  body.woocommerce-order-received .site-main .woocommerce-notice {
    background: var(--cl-primary);
    padding: var(--p-2);
    font-weight: 500;
    font-size: var(--ft-2);
    color: var(--cl-white);
    text-align: center;
    margin-top: var(--p-4); }
  body.woocommerce-order-received .site-main ul.woocommerce-order-overview {
    margin-bottom: var(--p-4);
    margin-top: var(--p-4);
    font-size: var(--ft-1); }
    body.woocommerce-order-received .site-main ul.woocommerce-order-overview li {
      margin-bottom: var(--p-1); }
  body.woocommerce-order-received .site-main .woocommerce-order-details {
    font-size: var(--ft-1); }
    body.woocommerce-order-received .site-main .woocommerce-order-details thead th {
      font-weight: 500; }
    body.woocommerce-order-received .site-main .woocommerce-order-details tfoot tr:last-child th, body.woocommerce-order-received .site-main .woocommerce-order-details tfoot tr:last-child td {
      font-weight: 500; }
  body.woocommerce-order-received .site-main .woocommerce-customer-details {
    margin-top: var(--p-5); }

.cart-count {
  right: -10px;
  top: -8px;
  left: unset;
  width: auto;
  font-weight: 700;
  background: var(--cl-primary);
  height: 14px;
  color: var(--white);
  padding: 3px 6px 5px 6px;
  border-radius: 20px;
  opacity: 0.8;
  font-size: var(--ft-0); }

#customer_login {
  display: flex;
  flex-direction: column;
  row-gap: var(--p-6);
  padding-top: var(--p-3); }
  #customer_login .col-1,
  #customer_login .col-2,
  #customer_login button,
  #customer_login input[type="password"] {
    width: 100%; }
  @media (min-width: 992px) {
    #customer_login {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: start;
      gap: var(--p-6);
      margin-top: var(--p-5);
      margin-bottom: var(--p-5);
      padding-bottom: var(--p-5); }
      #customer_login button {
        width: auto; } }

.wc-block-components-notice-banner.is-error {
  background-color: #fff0f0;
  border-color: #cc1818; }

.wc-block-components-notice-banner {
  align-content: flex-start;
  align-items: stretch;
  background-color: #fff;
  border: 1px solid;
  border-radius: 4px;
  box-sizing: border-box;
  color: #2f2f2f;
  display: flex;
  font-size: .875em;
  font-weight: 400;
  gap: 12px;
  line-height: 1.5;
  margin: 16px 0;
  padding: 16px !important; }
  .wc-block-components-notice-banner.is-error {
    background-color: #fff0f0;
    border-color: #cc1818; }
  .wc-block-components-notice-banner.is-success {
    background-color: #f4fff7;
    border-color: #4ab866; }

.woocommerce-error {
  background-color: #fff0f0;
  color: #cc1818;
  font-weight: 500;
  padding: var(--p-2) var(--p-2); }

.woocommerce-message {
  background: #00800030;
  padding: 9px 10px;
  margin: 10px; }

body.home .hero {
  background-color: #fff; }
  @media (min-width: 992px) {
    body.home .hero {
      height: calc(100vh - var(--header-height-home)); } }
  body.home .hero .hero-top {
    position: relative; }
    body.home .hero .hero-top .accroche {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #E2DBD2 100%);
      position: relative; }
      @media (min-width: 992px) {
        body.home .hero .hero-top .accroche {
          flex: 1;
          position: absolute;
          left: 50%;
          width: 58%;
          transform: translateX(-50%);
          bottom: 44%;
          font-weight: 700;
          letter-spacing: .3px;
          background: #645f3fa3;
          color: var(--cl-ter-light);
          border-radius: 4px;
          text-shadow: darkkhaki; }
          body.home .hero .hero-top .accroche .container {
            justify-content: center;
            font-size: var(--ft-4);
            height: 100%;
            gap: var(--p-4);
            border-radius: 4px; }
            body.home .hero .hero-top .accroche .container span {
              font-size: 38px;
              color: white;
              line-height: 54px; }
          body.home .hero .hero-top .accroche::after {
            display: none; } }
      body.home .hero .hero-top .accroche::after {
        background-image: url("./assets/img/wave-4.svg");
        background-size: cover;
        background-position: center;
        content: " ";
        position: absolute;
        height: 34px;
        bottom: -33px;
        width: 100%; }
      body.home .hero .hero-top .accroche .container {
        line-height: var(--ft-4);
        font-weight: 500; }
        @media (min-width: 992px) {
          body.home .hero .hero-top .accroche .container {
            justify-content: center;
            font-size: var(--ft-4);
            height: 100%;
            gap: var(--p-4); }
            body.home .hero .hero-top .accroche .container .btn,
            body.home .hero .hero-top .accroche .container button.btn-primary,
            body.home .hero .hero-top .accroche .container button.btn-secondary,
            body.home .hero .hero-top .accroche .container button.single_add_to_cart_button,
            body.home .hero .hero-top .accroche .container button.alt,
            body.home .hero .hero-top .accroche .container button.btn-tertiary, body.home .hero .hero-top .accroche .container button, body.home .hero .hero-top .accroche .container input[type="submit"] {
              position: absolute;
              white-space: nowrap;
              bottom: -91px;
              left: 50%;
              transform: translateX(-50%);
              font-size: var(--ft-2); } }
    @media (min-width: 992px) {
      body.home .hero .hero-top .illu {
        height: calc(100vh - 98px - 160px);
        position: relative; }
        body.home .hero .hero-top .illu img {
          height: 100%;
          width: 100%;
          object-fit: cover; } }
  body.home .hero .promesse {
    margin: var(--p-5) 0 0 0; }
    body.home .hero .promesse .args {
      justify-content: space-around; }
    body.home .hero .promesse .label {
      margin-top: var(--p-1);
      font-size: 12px; }
  body.home .hero .icons {
    flex: 1;
    align-items: end;
    margin-top: var(--p-2); }
    @media (min-width: 992px) {
      body.home .hero .icons {
        display: flex;
        justify-content: space-evenly;
        height: 98px;
        align-items: start;
        margin-top: 0;
        color: var(--cl-ter);
        font-size: 14px;
        font-weight: 500;
        width: 100%;
        border-top: 1px solid var(--cl-ter);
        border-bottom: 1px solid var(--cl-ter);
        line-height: 16px;
        box-sizing: border-box; } }
    body.home .hero .icons .icon img {
      height: 60px;
      width: auto; }
      @media (min-width: 992px) {
        body.home .hero .icons .icon img {
          height: 40px; } }

body.home section.allie .chiffres-wrapper {
  background-color: var(--cl-secondary-x-light);
  overflow: hidden; }
  @media (min-width: 992px) {
    body.home section.allie .chiffres-wrapper {
      background-color: #fff;
      width: 80%;
      margin: auto;
      padding: var(--p-2);
      box-shadow: 5px 5px 15px 5px rgba(100, 100, 100, 0.15); } }
  body.home section.allie .chiffres-wrapper .marquee-content {
    box-sizing: border-box;
    min-width: 100%; }
    @media (min-width: 992px) {
      body.home section.allie .chiffres-wrapper .marquee-content {
        row-gap: var(--p-5); } }
    body.home section.allie .chiffres-wrapper .marquee-content .chiffre {
      gap: var(--p-1);
      padding: 0 var(--p-1);
      width: 50%;
      min-width: 50%;
      overflow: hidden;
      box-sizing: border-box;
      position: relative; }
      @media (min-width: 992px) {
        body.home section.allie .chiffres-wrapper .marquee-content .chiffre {
          margin-left: auto;
          margin-right: auto;
          justify-content: flex-start;
          height: 100%; }
          body.home section.allie .chiffres-wrapper .marquee-content .chiffre label {
            width: 50%;
            margin-top: var(--p-2);
            margin-left: auto;
            margin-right: auto;
            font-size: var(--ft-2); } }
      body.home section.allie .chiffres-wrapper .marquee-content .chiffre .number {
        color: var(--cl-btn); }
    body.home section.allie .chiffres-wrapper .marquee-content .mention {
      margin: var(--p-2) 0;
      font-style: italic; }
  body.home section.allie .chiffres-wrapper #marquee-content2 {
    margin-left: 100%; }
body.home section.allie .temoignage-wrapper {
  border: 1px solid var(--cl-cafe); }
  @media (min-width: 992px) {
    body.home section.allie .temoignage-wrapper {
      width: 550px;
      margin-left: auto;
      margin-right: auto; } }
  body.home section.allie .temoignage-wrapper .temoignage {
    gap: var(--p-2); }
    body.home section.allie .temoignage-wrapper .temoignage .content p {
      margin-top: 0; }
    body.home section.allie .temoignage-wrapper .temoignage .illu img {
      width: 99px;
      height: auto;
      border-radius: 5px; }
      @media (min-width: 992px) {
        body.home section.allie .temoignage-wrapper .temoignage .illu img {
          width: 125px; } }

.scroll {
  animation: scroll 20s linear infinite;
  animation-play-state: running; }
  @media (min-width: 992px) {
    .scroll {
      animation: scroll 40s linear infinite; } }

.reverse {
  animation-direction: reverse; }

@keyframes scroll {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
body.home section.secrets .videos {
  row-gap: var(--p-3);
  z-index: 99; }
  @media (min-width: 992px) {
    body.home section.secrets .videos {
      gap: 48px;
      row-gap: 48px; } }
  body.home section.secrets .videos .video {
    height: calc(10 * (3px + var(--ft-1)));
    position: relative; }
    @media (min-width: 992px) {
      body.home section.secrets .videos .video {
        height: auto;
        position: absolute;
        box-sizing: border-box;
        border-right: 10px solid var(--cl-white); } }
    body.home section.secrets .videos .video.active .screen {
      max-width: 100%; }
    body.home section.secrets .videos .video.active .illu .overlay .btn-container {
      background: var(--cl-primary); }
    body.home section.secrets .videos .video.right .illu {
      order: 2; }
      body.home section.secrets .videos .video.right .illu img {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
    body.home section.secrets .videos .video.right .texte {
      order: 1; }
    body.home section.secrets .videos .video.right .screen {
      left: 0; }
    body.home section.secrets .videos .video.right .nb {
      right: -27px; }
    body.home section.secrets .videos .video.right .dots {
      border-left: 4px dotted var(--cl-dark);
      height: 27px;
      width: 0px;
      position: absolute;
      transform: translateX(50%);
      left: 61%;
      bottom: -6px;
      margin-bottom: -24px; }
    body.home section.secrets .videos .video.left .texte .inner {
      order: 2; }
    body.home section.secrets .videos .video.left .texte .nb {
      order: 1; }
    body.home section.secrets .videos .video.left .illu img {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    body.home section.secrets .videos .video.left .screen {
      right: 0; }
    body.home section.secrets .videos .video.left .nb {
      left: -27px; }
    body.home section.secrets .videos .video.left .dots {
      border-left: 4px dotted var(--cl-dark);
      height: 27px;
      width: 0px;
      position: absolute;
      transform: translateX(50%);
      left: 37%;
      bottom: -6px;
      margin-bottom: -24px; }
    body.home section.secrets .videos .video .illu {
      height: calc(10 * (3px + var(--ft-1)));
      position: relative; }
      @media (min-width: 992px) {
        body.home section.secrets .videos .video .illu {
          width: 100%;
          height: 300px; } }
      body.home section.secrets .videos .video .illu img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body.home section.secrets .videos .video .illu .overlay .btn-container {
        width: 80px;
        background-color: transparent;
        height: 80px;
        border: 3px solid var(--white);
        border-radius: 51px;
        transition: all .4s ease-in-out; }
    body.home section.secrets .videos .video .screen {
      position: absolute !important; }
      @media (min-width: 992px) {
        body.home section.secrets .videos .video .screen iframe {
          width: 100%;
          height: 100%; } }
    body.home section.secrets .videos .video .texte {
      line-height: calc(3px + var(--ft-1));
      height: 100%; }
      @media (min-width: 992px) {
        body.home section.secrets .videos .video .texte {
          height: auto;
          display: grid;
          grid-template-columns: 30px 1fr;
          height: 90px; } }
      body.home section.secrets .videos .video .texte .inner {
        background-color: var(--cl-white);
        color: var(cl-ter); }
    body.home section.secrets .videos .video .nb {
      color: var(--cl-dark);
      background-color: #f1e0cf;
      width: 22px;
      height: 100%;
      box-sizing: border-box; }

body.home section.carrousel .taketik-slider-wrapper {
  height: auto !important; }
  @media (min-width: 992px) {
    body.home section.carrousel .taketik-slider-wrapper {
      margin-top: var(--p-5); } }
  body.home section.carrousel .taketik-slider-wrapper .nav {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 18px;
    z-index: 9;
    left: 0;
    justify-content: space-between;
    align-items: flex-start; }
    @media (min-width: 992px) {
      body.home section.carrousel .taketik-slider-wrapper .nav {
        display: flex;
        align-items: center; }
        body.home section.carrousel .taketik-slider-wrapper .nav .left img, body.home section.carrousel .taketik-slider-wrapper .nav .right img {
          height: 49px;
          width: 48px; } }
    body.home section.carrousel .taketik-slider-wrapper .nav .left, body.home section.carrousel .taketik-slider-wrapper .nav .right {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 2; }
body.home section.carrousel .diapos .diapo {
  box-sizing: border-box; }
  @media (min-width: 992px) {
    body.home section.carrousel .diapos .diapo {
      border-left: 6px solid var(--cl-white);
      border-right: 6px solid var(--cl-white);
      padding-top: 0; } }
  body.home section.carrousel .diapos .diapo:nth-child(2), body.home section.carrousel .diapos .diapo:nth-child(4), body.home section.carrousel .diapos .diapo:nth-child(6) {
    background: var(--cl-cafe); }
  body.home section.carrousel .diapos .diapo:nth-child(1), body.home section.carrousel .diapos .diapo:nth-child(3), body.home section.carrousel .diapos .diapo:nth-child(5) {
    background: var(--cl-white); }
  body.home section.carrousel .diapos .diapo .illu {
    display: flex; }
    body.home section.carrousel .diapos .diapo .illu img {
      width: 100%;
      height: 200px;
      object-fit: cover; }
  body.home section.carrousel .diapos .diapo .texte {
    flex: 1; }
    body.home section.carrousel .diapos .diapo .texte h3 {
      margin-bottom: var(--p-2); }
      @media (min-width: 992px) {
        body.home section.carrousel .diapos .diapo .texte h3 {
          width: 100%;
          text-align: center;
          padding: var(--p-1);
          background: var(--cl-cafe);
          color: var(--cl-dark); } }
    body.home section.carrousel .diapos .diapo .texte strong {
      color: var(--cl-primary); }
    body.home section.carrousel .diapos .diapo .texte p, body.home section.carrousel .diapos .diapo .texte li {
      line-height: calc(3px + var(--ft-3)); }
    body.home section.carrousel .diapos .diapo .texte ul {
      list-style: disc;
      margin-left: var(--p-3); }
      @media (min-width: 992px) {
        body.home section.carrousel .diapos .diapo .texte ul {
          margin-left: var(--p-2); } }
      body.home section.carrousel .diapos .diapo .texte ul li {
        margin-bottom: var(--p-1); }

.taketik-slider-wrapper .points .point {
  width: 15px;
  height: 15px;
  background-color: var(--cl-cafe);
  border: 1px solid var(--cl-primary);
  border-radius: 10px;
  cursor: pointer; }
  .taketik-slider-wrapper .points .point.active {
    background-color: var(--cl-primary); }

body.home section {
  margin-bottom: 48px; }
body.home section.related-products .products {
  overflow-x: auto; }
  body.home section.related-products .products .product {
    min-width: 230px; }
  body.home section.related-products .products .illu img {
    height: 100%;
    width: 200px;
    object-fit: contain; }
  @media (min-width: 992px) {
    body.home section.related-products .products {
      overflow: hidden; }
      body.home section.related-products .products .product {
        height: calc(100% - 50px); }
      body.home section.related-products .products .subtitle {
        height: 38px; }
      body.home section.related-products .products .illu img {
        height: 100%;
        width: 250px;
        object-fit: contain; }
      body.home section.related-products .products .btn,
      body.home section.related-products .products button.btn-primary,
      body.home section.related-products .products button.btn-secondary,
      body.home section.related-products .products button.single_add_to_cart_button,
      body.home section.related-products .products button.alt,
      body.home section.related-products .products button.btn-tertiary, body.home section.related-products .products button, body.home section.related-products .products input[type="submit"] {
        padding-top: 4px;
        padding-bottom: 4px; } }

.flexible.icons-wrapper.flex {
  height: 100%;
  align-items: center; }

@media (max-width: 630px) {
  .button-hidden {
    display: none; } }
.weglot-container {
  position: absolute;
  top: 5px;
  right: -2px; }
  .weglot-container .country-selector {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center; }
    .weglot-container .country-selector .wg-li {
      border: none;
      margin: 0;
      padding: 0; }
      .weglot-container .country-selector .wg-li img {
        width: 35px; }
  .weglot-container .weglot-dropdown .wgcurrent:after {
    display: none; }

@media (min-width: 768px) {
  .weglot-container {
    right: 10px; } }
.bandeau-border {
  position: absolute;
  height: 100%;
  width: 140px;
  background: linear-gradient(0.25turn, #e58544, #e58544, transparent);
  top: 0;
  left: 0;
  z-index: 10; }
  .bandeau-border.reverse {
    right: 0;
    left: auto;
    background: linear-gradient(-0.25turn, #e58544, #e58544, transparent); }
  @media (min-width: 700px) {
    .bandeau-border .bandeau-border {
      display: none; } }

.bandeau-padding {
  padding-left: 60px;
  padding-right: 60px; }

/*@import './components/modal';*/
#wpadminbar {
  display: none; }

.pointer {
  cursor: pointer; }

.inscription-nl {
  padding-bottom: 12px; }

.tkt-inscription-nl-form .chk-group {
  align-items: flex-start; }

.cache2 {
  display: none !important; }

button.show-password-input {
  display: none; }

.woocommerce-ResetPassword.lost_reset_password {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center; }

.woocommerce-ResetPassword.lost_reset_password input {
  width: 100%; }

.lost-password-confirmation {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: auto;
  width: 80%;
  min-width: 300px; }

.lost-password-confirmation .woocommerce-message {
  margin: 0; }

.blockUI.blockOverlay {
  width: 100%;
  height: 100%; }

.blockui-loader {
  width: 48px;
  height: 48px;
  border: 5px solid #e36e20;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.blockui-container {
  z-index: 1100;
  position: fixed;
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 25%; }

#place_order {
  display: inline-block !important; }