.filters > .container {
  font-family: 'Montserrat';
  font-display: optional;
  display: flex;
  /*overflow-x: scroll;
  overflow-y: hidden;*/
  margin-bottom: 24px;
  align-content: center;
  z-index: 1000;
  top: 0;
  background: #fff;
}
.filters::-webkit-scrollbar {
  display: none;
}
.filters .facetwp-type-checkboxes .facetwp-counter {
  display: none;
}
.filters .filter .cellule {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 14px;
  font-weight: 700;
  color: #5B5A59;
  width: auto;
  min-width: 80px;
  text-align: center;
}
.filters .filter.colors.active .cellule {
  height: 50px;
  padding-left: 8px;
  padding-right: 36px;
}
.filters .filter .cellule span {
  border-radius: 30px;
  height: 19px;
  width: 19px;
  position: relative;
  top: -1px;
  display: inline-block;
  margin: 0px 4px;
  opacity: 1;
}
.filters .filter .cellule svg {
  position: absolute;
  width: 13px;
  right: 17px;
  top: 19px;
}
.filters .filter .cellule {
  border: 2px solid #EAEAEA;
  padding: 8px 20px;
  border-radius: 100px;
  min-height: 30px;
}
.filters .filter.arrow .cellule {
  padding-right: 40px;
}
.filters .filter {
  position: relative;
  padding: 20px 10px;
  flex-shrink: 0;
}
.filters .filter.active .cellule {
  border-color: #F5597F !important;
  color: #404040 !important;
}
.filters .filter.colors.active .cellule {
  padding-top: 14px;
}
.filters .filter.inactive {
  opacity: 0.45;
}
.color.red {
  background-color: #e62020;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.red:after {
  background-color: #e6202033;
  border-color: #e6202066;
}
.color.maroon {
  background-color: #a56429;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.maroon:after {
  background-color: #a5642933;
  border-color: #a5642966;
}
.color.brown {
  background-color: #965a3e;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.brown:after {
  background-color: #965a3e33;
  border-color: #965a3e66;
}
.color.tan {
  background-color: #d0b086;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.tan:after {
  background-color: #d0b08633;
  border-color: #d0b08666;
}
.color.orange {
  background-color: #ffa039;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.orange:after {
  background-color: #ffa03933;
  border-color: #ffa03966;
}
.color.pink {
  background-color: #ff7eba;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.pink:after {
  background-color: #ff7eba33;
  border-color: #ff7eba66;
}
.color.gold {
  background-color: #ffd300;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.gold:after {
  background-color: #ffd30033;
  border-color: #ffd30066;
}
.color.yellow {
  background-color: #fff600;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.yellow:after {
  background-color: #fff60033;
  border-color: #fff60066;
}
.color.lime {
  background-color: #aef72f;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.lime:after {
  background-color: #aef72f33;
  border-color: #aef72f66;
}
.color.olive {
  background-color: #bcba5e;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.olive:after {
  background-color: #bcba5e33;
  border-color: #bcba5e66;
}
.color.green {
  background-color: #2bbb43;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.green:after {
  background-color: #2bbb4333;
  border-color: #2bbb4366;
}
.color.teal {
  background-color: #0ba09c;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.teal:after {
  background-color: #0ba09c33;
  border-color: #0ba09c66;
}
.color.cyan {
  background-color: #45f0f4;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.cyan:after {
  background-color: #45f0f433;
  border-color: #45f0f466;
}
.color.blue {
  background-color: #4eb4f9;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.blue:after {
  background-color: #4eb4f933;
  border-color: #4eb4f966;
}
.color.navy {
  background-color: #000075;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.navy:after {
  background-color: #00007533;
  border-color: #00007566;
}
.color.purple {
  background-color: #8b00f5;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.purple:after {
  background-color: #8b00f533;
  border-color: #8b00f566;
}
.color.black {
  background-color: #333;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.black:after {
  background-color: #33333333;
  border-color: #33333366;
}
.color.magenta {
  background-color: #f500f5;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.magenta:after {
  background-color: #f500f533;
  border-color: #f500f566;
}
.color.grey {
  background-color: #828282;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.grey:after {
  background-color: #82828233;
  border-color: #82828266;
}
.color.silver {
  background-color: #bababa;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color.silver:after {
  background-color: #bababa33;
  border-color: #bababa66;
}
.color.white {
  background-color: #ffffff;
  outline: 2px solid #bababa40;
}
.filters .colors .box_choix .options .container {
  justify-content: center;
}
.filters .reset {
  display: inline-block;
  background: none;
  color: #5B5A59;
  font-size: 12px;
  text-decoration: underline;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  font-weight: 700;
  height: 46px;
  letter-spacing: 0.025em;
}
.filters .box_choix {
  display: none;
  width: 440px;
  padding: 22px 16px;
  -webkit-box-shadow: 0px 3px 10px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 3px 10px 10px rgba(0, 0, 0, 0.04);
  position: absolute;
  border-radius: 12px;
  background: #fff;
  z-index: 1000;
  top: 80px;
  left: 0px;
}
.filters .box_choix .options .container {
  max-height: 196px;
  overflow-y: scroll;
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  font-family: 'Montserrat';
}
.filters .box_choix .options .container label {
  font-weight: 600;
  letter-spacing: 0.04em;
  cursor: pointer;
  display: block;
  padding-left: 28px;
}
.filters .box_choix .options .container label:hover ~ .checkmark {
  border: 2px solid #F5597F;
}
.filters .box_choix .options .container input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  left: 0;
}
.filters .box_choix .options .container input:checked ~ .checkmark:not(.color) {
  border: 2px solid #F5597F;
  background: #F5597F;
}
.filters .box_choix .options .container input:checked ~ .checkmark.color:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: 52px;
  height: 52px;
  z-index: -1;
  border-radius: 12px;
  border: #dadada solid 3px;
}
.filters .box_choix .options .container .checkmark {
  position: absolute;
  cursor: pointer;
  display: block;
  pointer-events: none;
  height: 22px;
  width: 22px;
  top: 12px;
  left: 20px;
  border: 2px solid #C1C1C1;
  border-radius: 4px;
}
.filters .box_choix .options .container .checkmark.color {
  pointer-events: auto;
  cursor: pointer;
}
.filters .box_choix .options .container > div.color {
  width: auto;
  padding: 0;
  margin: 0;
}
.filters .box_choix .options .container .checkmark.color {
  position: relative;
  cursor: pointer;
  display: block;
  top: 0;
  left: 0;
  margin: 14px;
  height: 32px;
  border: none;
  width: 32px;
  border-radius: 8px;
}
.filters .box_choix .options .container .checkmark:hover {
  border: 2px solid #F5597F;
}
.filters .box_choix .options .container .checkmark.color:hover {
  border: none;
}
.filters .box_choix .options .container .checkmark.color:hover:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: 52px;
  height: 52px;
  z-index: -1;
  border-radius: 12px;
  border: #dadada solid 3px;
}
.filters .box_choix .options .container > div {
  width: 50%;
  position: relative;
  display: block;
  padding: 10px 20px 10px 20px;
}
.filters .box_choix .options .container::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.filters .filter .box_choix button {
  background: #F63B6D;
  border-radius: 6px;
  font-family: 'Montserrat';
  font-display: optional;
  font-weight: 700;
  font-size: 14px;
}
.filters .filter .box_choix button:not(.link):hover {
  text-decoration: none;
  transform: scale(1.02);
  transition: all 0.1s;
}
.filters .filter .box_choix button.link {
  background: none;
  color: #5B5A59;
  font-size: 13px;
}
.filters .box_choix .options .actions {
  padding: 20px;
  margin-bottom: -6px;
  background-color: #F0ECEC;
  border-radius: 10px;
  display: flex;
  justify-content: space-around;
}
.filter:hover .box_choix {
  display: block;
}
.filters .reset:hover {
  color: #383838;
}
.filters .container > .filter:not(.inactive):hover .cellule {
  border-color: #F5597F !important;
  color: #404040 !important;
  cursor: pointer;
}