@charset "UTF-8";
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
#cc-main {
  color-scheme: light;
  --cc-bg: #f9faff;
  --cc-primary-color: var(--color2-500);
  --cc-secondary-color: #112954;
  --cc-btn-primary-bg: var(--color2-500);
  --cc-btn-primary-color: var(--cc-bg);
  --cc-btn-primary-hover-bg: var(--color2-500);
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-secondary-bg: #dfe7f9;
  --cc-btn-secondary-color: var(--cc-secondary-color);
  --cc-btn-secondary-hover-bg: #c6d1ea;
  --cc-btn-secondary-hover-color: #000;
  --cc-cookie-category-block-bg: #ebeff9;
  --cc-cookie-category-block-border: #ebeff9;
  --cc-cookie-category-block-hover-bg: #dbe5f9;
  --cc-cookie-category-block-hover-border: #dbe5f9;
  --cc-cookie-category-expanded-block-hover-bg: #ebeff9;
  --cc-cookie-category-expanded-block-bg: #ebeff9;
  --cc-overlay-bg: rgba(219, 232, 255, 0.85)!important;
  --cc-toggle-readonly-bg: #cbd8f1;
  --cc-toggle-on-knob-bg: var(--cc-bg);
  --cc-toggle-off-bg: #8fa8d6;
  --cc-toggle-readonly-knob-bg: var(--cc-bg);
  --cc-separator-border-color: #f1f3f5;
  --cc-footer-border-color: #f1f3f5;
  --cc-footer-bg: var(--cc-bg);
  --cc-btn-primary-border-color:var(--color2-500);
}
.cookie-btn {
  visibility: visible;
  position: fixed;
  bottom: 50px;
  left: 50px;
  cursor: pointer;
  padding: 5px;
  width: 50px;
  height: 50px;
  background-color: var(--color2-500);
  color: #fff;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  z-index: 99;
  box-shadow: 2px 2px 10px #0000005e;
  transition: all 0.5s ease-in-out;
}
.cookie-btn .icons {
  color: #fff;
}
.instafeed__grid {
  grid-template-columns: repeat(1, 1fr);
}
.instafeed__item {
  height: 350px;
}
.instafeed__item:nth-child(2),
.instafeed__item:nth-child(3),
.instafeed__item:nth-child(2),
.instafeed__item:nth-child(6),
.instafeed__item:nth-child(n+5) {
  grid-row: initial;
  grid-column: initial;
}
@media screen and (min-width: 350px) {
  .instafeed__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .instafeed__item {
    height: 55vw;
  }
}
@media screen and (min-width: 640px) {
  .instafeed__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .instafeed__item {
    height: 26vw;
  }
}
@media screen and (min-width: 1536px) {
  .instafeed__grid {
    grid-template-columns: repeat(8, 1fr);
  }

  .instafeed__item {
    height: 12vw;
  }
}
.footer__logo {
  max-width: none;
  align-items: center;
  gap: 0;
}
a.footer__logo {
  max-width: 180px;
}
footer .container .grid {
  gap: 1rem 0;
}
@media screen and (min-width: 1024px) {
  .footer__logo {
    grid-column: 1/4;
  }

  footer .container .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1280px) {
  .footer__logo {
    grid-column: 1/2;
    gap: 1rem;
  }

  footer .container .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.fiche_product input[type=radio].field__radio ~ .field__label {
  align-items: center;
  justify-content: center;
  display: flex;
  pointer-events: none;
}
.fiche_product input[type=radio].field__radio ~ .field__label span {
  width: 2rem;
  height: 2rem;
  opacity: 1;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="39" height="40" viewBox="0 0 39 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1425_9553)"><path d="M11.3084 35.9892L12.0049 36.6857C13.4018 38.0827 15.6986 38.0146 17.0063 36.5201C17.1207 36.3896 36.7224 14.0352 36.8368 13.9046C38.0206 12.5516 37.9521 10.496 36.6809 9.22472L35.769 8.31284L39 5.08191L34.1536 0.235352L30.9226 3.46629L30.0107 2.55441C28.7395 1.28324 26.6837 1.2147 25.3306 2.39883L2.70113 22.213C1.21078 23.517 1.13417 25.815 2.5345 27.2153L3.23101 27.9118L0 31.1428L8.07734 39.2202L11.3084 35.9892ZM15.2877 35.0146C14.8553 35.5088 14.0916 35.5413 13.6203 35.0702L5.63971 27.0897L20.6566 28.8917L15.2877 35.0146ZM26.8563 21.8213L9.05608 19.6852L12.353 16.7985L29.4604 18.8514L26.8563 21.8213ZM21.8373 15.6356L21.0619 9.17316L23.8915 6.69555L25.01 16.0164L21.8373 15.6356ZM19.5027 15.3555L14.6642 14.7749L18.9796 10.9965L19.5027 15.3555ZM35.1182 12.3991L32.6438 15.2211L31.7161 7.49068L35.0655 10.84C35.4892 11.2638 35.512 11.9491 35.1182 12.3991ZM34.1536 3.46629L35.7691 5.08176L34.1536 6.69722L32.5381 5.08183L34.1536 3.46629ZM28.3952 4.16988L29.1012 4.87583L30.5174 16.6773L27.3448 16.2965L25.9738 4.87233L26.8354 4.11802C27.2873 3.72247 27.9724 3.74715 28.3952 4.16988ZM4.20579 23.9322L6.74486 21.709L25.0307 23.9032L22.4822 26.8097L3.83781 24.5724C3.88549 24.3251 4.0116 24.1021 4.20579 23.9322ZM4.8464 29.5272L9.69288 34.3737L8.07734 35.9892L3.23086 31.1427L4.8464 29.5272Z" fill="%232A4B47"/></g><defs><clipPath id="clip0_1425_9553"><rect width="39" height="39" fill="white" transform="translate(0 0.227539)"/></clipPath></defs></svg>');
          mask-image: url('data:image/svg+xml,<svg width="39" height="40" viewBox="0 0 39 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1425_9553)"><path d="M11.3084 35.9892L12.0049 36.6857C13.4018 38.0827 15.6986 38.0146 17.0063 36.5201C17.1207 36.3896 36.7224 14.0352 36.8368 13.9046C38.0206 12.5516 37.9521 10.496 36.6809 9.22472L35.769 8.31284L39 5.08191L34.1536 0.235352L30.9226 3.46629L30.0107 2.55441C28.7395 1.28324 26.6837 1.2147 25.3306 2.39883L2.70113 22.213C1.21078 23.517 1.13417 25.815 2.5345 27.2153L3.23101 27.9118L0 31.1428L8.07734 39.2202L11.3084 35.9892ZM15.2877 35.0146C14.8553 35.5088 14.0916 35.5413 13.6203 35.0702L5.63971 27.0897L20.6566 28.8917L15.2877 35.0146ZM26.8563 21.8213L9.05608 19.6852L12.353 16.7985L29.4604 18.8514L26.8563 21.8213ZM21.8373 15.6356L21.0619 9.17316L23.8915 6.69555L25.01 16.0164L21.8373 15.6356ZM19.5027 15.3555L14.6642 14.7749L18.9796 10.9965L19.5027 15.3555ZM35.1182 12.3991L32.6438 15.2211L31.7161 7.49068L35.0655 10.84C35.4892 11.2638 35.512 11.9491 35.1182 12.3991ZM34.1536 3.46629L35.7691 5.08176L34.1536 6.69722L32.5381 5.08183L34.1536 3.46629ZM28.3952 4.16988L29.1012 4.87583L30.5174 16.6773L27.3448 16.2965L25.9738 4.87233L26.8354 4.11802C27.2873 3.72247 27.9724 3.74715 28.3952 4.16988ZM4.20579 23.9322L6.74486 21.709L25.0307 23.9032L22.4822 26.8097L3.83781 24.5724C3.88549 24.3251 4.0116 24.1021 4.20579 23.9322ZM4.8464 29.5272L9.69288 34.3737L8.07734 35.9892L3.23086 31.1427L4.8464 29.5272Z" fill="%232A4B47"/></g><defs><clipPath id="clip0_1425_9553"><rect width="39" height="39" fill="white" transform="translate(0 0.227539)"/></clipPath></defs></svg>');
}
.fiche_product input[type=radio].field__radio[id*=couleur_fil] ~ .field__label {
  border-color: transparent !important;
}
.fiche_product input[type=radio].field__radio:checked ~ .field__label {
  border-color: var(--color4-500) !important;
}
.table {
  color: var(--color1-500);
  font-family: var(--font-family-secondary);
}
.table thead tr {
  background: var(--color2-200);
}
.table th {
  padding: 0.6rem 1rem;
  font-weight: 300;
}
.table td {
  padding: 0;
}
.table tbody tr:nth-child(2n) {
  background: #f0f0f0;
}
.table .btn__content {
  min-height: auto;
  color: var(--color4-500);
  background: transparent;
  padding: 0.5rem;
}
.table .btn__content:hover {
  background: var(--color4-500);
}
.table button:has(.btn__content) {
  background: transparent;
  margin: 0;
}
.table button:hover .btn__content,
.table button:focus-within .btn__content {
  color: white;
}
.table button[class*=update] .btn__content {
  color: var(--color2-500);
}
.table button[class*=update] .btn__content:hover {
  color: white;
  background: var(--color2-500);
}
#tableSummary tbody tr:nth-child(2n) {
  background: transparent;
}
@media screen and (max-width: 425px) {
  .reassurance .grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1023px) {
  .reassurance .grid > * {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .reassurance p {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 768px) {
  .menu__items .dropdown .dropdown__content {
    margin: 2rem 0 !important;
    inset: initial !important;
    transform: translateY(1.5rem) !important;
  }
}
@media screen and (min-width: 844px) {
  .menu__items .dropdown .dropdown__content {
    margin: 0.5rem 0 !important;
  }
}
.tippy-box {
  background: var(--color4-500);
}
.tippy-arrow {
  color: var(--color4-500);
}
.fiche_product ~ .container [class*=tabs] ul {
  list-style: inside;
}
.fiche_product ~ .container [class*=tabs] ul li::marker {
  color: var(--color4-500);
  content: "■  ";
  font-size: 1.2rem;
}
@media screen and (max-width: 639px) {
  .splide.banners .splide__track {
    min-height: 4rem !important;
    text-align: center;
  }
}

.js-modalContent-cart{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .cartItem__list{
      height: auto;
    }
}