/*
  Filter bar (horizontal chips)
*/

.filter {
  margin: 10px auto 0;
  width: 100%;
  max-width: 1500px;
}

.filter__inner {
  width: min(1648px, 100%);
  margin: 0 auto;
}

.filter__panel {
  border-radius: 10px;
  background: #ECF3F3;
  display: flex;
  align-items: center;
  padding: 8px 10px;
}

.filter__carousel {
  position: relative;
  width: 100%;
  overflow: visible;
}

.filter__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.filter__nav-icon {
  display: block;
  width: 13px;
  height: 32px;
  object-fit: contain;
  transform: translateY(1px);
}

.filter__nav:focus {
  outline: none;
}

.filter__nav:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 178, 255, 0.35), 0 10px 24px rgba(0, 0, 0, 0.14);
}

.filter__nav[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.filter__nav--prev {
  left: -20px;
}

.filter__nav--next {
  right: -20px;
}

.filter__carousel:not([data-overflow="true"]) .filter__nav {
  display: none;
}

.filter__carousel[data-overflow="true"] .filter__scroller {
  padding-left: 15px;
  padding-right: 15px;
}

.filter__scroller {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
}

.filter__scroller::-webkit-scrollbar {
  display: none;
}

.filter__row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
}

.filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 47px;
  opacity: 1;
  border: 1px solid transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
  border-bottom-left-radius: 8px;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 15px;
  gap: 10px;
  line-height: 1;
  white-space: nowrap;
  background: linear-gradient(180deg, #f6f6f6 0%, #eceeee 100%);
  box-shadow: -0.2px 0.5px 1px 0px #00424080;
  border-color: transparent;
}

.filter-chip:hover {
box-shadow: -0.2px 0.5px 1px 0px #FF6608;

}

.filter-chip:focus {
  outline: none;
}

.filter-chip:focus-visible {
box-shadow: -0.2px 0.5px 1px 0px #FF6608;
 
}

.filter-chip__label {
  font-family: Ubuntu;
  font-weight: 500;
  font-style: Medium;
  font-size: 17px;

  line-height: 100%;
  letter-spacing: 0%;
  color: #843300;

}

.filter-chip__icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 0 0 auto;
}

.filter-chip__icon[hidden] {
  display: none !important;
}

.filter-chip__icon--img {
  border-radius: 50%;
}

.filter-chip__icon-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.filter-chip__svg {
  width: 30px;
  height: 30px;
  display: block;
}

.filter-chip__caret {
  display: inline-block;
  width: 15px;
  height: 10px;
  min-width: 15px;
  min-height: 10px;
  line-height: 0;
  vertical-align: middle;
  margin-left: 2px;
  flex: 0 0 auto;
  background: center / contain no-repeat
    url("../images/filter/icons/white-down.svg");
  transition: background-image 180ms ease;
}

.filter-chip--text,
.filter-chip--dropdown {
  min-width: 96px;
  padding-left: 12px;
}

.filter-chip--icon-only {
  min-width: 64px;
}

/*
  Filter dropdown (FORMAT)
*/

.filter-dropdown {
  position: relative;
  display: inline-flex;
}

.filter-chip--dropdown[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown[aria-expanded="true"],
.filter-chip--dropdown.is-selected {
 

}

.filter-chip--dropdown[aria-expanded="true"] .filter-chip__label,
.filter-chip--dropdown.is-selected .filter-chip__label {


}

.filter-chip--dropdown [data-filter-dropdown-button-label] {
  min-width: 0;
  max-width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.filter-chip--dropdown[aria-controls="format-filter-menu"] {
  transition: min-width 180ms ease, padding 180ms ease, gap 180ms ease;
}

.filter-chip--dropdown[aria-controls="format-filter-menu"] .filter-chip__icon {
  width: 30px;
  height: 30px;
  box-shadow: none;
}

.filter-chip--dropdown[aria-controls="format-filter-menu"] .filter-chip__label {
  font-family: "Saira", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  color: #795344;
}

.filter-chip--dropdown[aria-controls="format-filter-menu"] [data-filter-dropdown-button-label] {
  transition: max-width 180ms ease, opacity 120ms ease, transform 180ms ease;
}

/* Keep selected FORMAT chip compact by default (icon + caret only). */
.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected {
  min-width: 0;
  padding-left: 9px;
  padding-right: 11px;
  gap: 6px;
}

.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected
  [data-filter-dropdown-button-label] {
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
}

.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected:hover,
.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected:focus-visible,
.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected[aria-expanded="true"] {
  min-width: 118px;
  padding-left: 12px;
  padding-right: 10px;
  gap: 10px;
}

.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected:hover
  [data-filter-dropdown-button-label],
.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected:focus-visible
  [data-filter-dropdown-button-label],
.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected[aria-expanded="true"]
  [data-filter-dropdown-button-label] {
  max-width: 164px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.filter-chip--dropdown[aria-controls="format-filter-menu"] .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown[aria-controls="format-filter-menu"]:hover .filter-chip__caret,
.filter-chip--dropdown[aria-controls="format-filter-menu"]:focus-visible .filter-chip__caret,
.filter-chip--dropdown[aria-controls="format-filter-menu"].is-selected .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown[aria-controls="format-filter-menu"][aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-color {
  min-width: 78px;
  padding-left: 8px;
  padding-right: 9px;
  gap: 4px;
  border-color: transparent;
  transition:
    min-width 180ms ease,
    padding 180ms ease,
    gap 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.filter-chip--dropdown-color:hover,
.filter-chip--dropdown-color:focus-visible,
.filter-chip--dropdown-color[aria-expanded="true"] {

    min-width: 118px;
    padding-left: 12px;
    padding-right: 10px;
    gap: 10px;
}

.filter-chip--dropdown-color.is-selected {
  min-width: 0px;
  padding-left: 10px;
  padding-right: 12px;
  gap: 8px;
  
}

.filter-chip--dropdown-color.is-selected[data-color-count="1"] {
  min-width: 0px;
  padding-left: 11px;
  padding-right: 11px;
  gap: 7px;
}

.filter-chip--dropdown-brand {
  min-width: 118px;
  
}

.filter-chip--dropdown-brand:hover,
.filter-chip--dropdown-brand:focus-visible {
  box-shadow: -0.2px 0.5px 1px 0px #FF6608;
}

.filter-chip--dropdown-brand .filter-chip__label {
  font-family: "Lemonada", cursive;
  font-weight: 380;
  font-style: normal;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  color: #795344;
}

.filter-chip--dropdown-brand .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-brand[aria-expanded="true"] {
 
}

.filter-chip--dropdown-material {
  min-width: 0;
  padding-left: 9px;
  padding-right: 11px;
  gap: 6px;
  transition: min-width 180ms ease, padding 180ms ease, gap 180ms ease;
}

.filter-chip--dropdown-material .filter-chip__icon {
  width: 30px;
  height: 30px;
  box-shadow: none;
  overflow: hidden;
}

.filter-chip--dropdown-material .filter-chip__label {
  font-family: "Saira", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  color: #795344;
}

.filter-chip--dropdown-material [data-filter-dropdown-button-label] {
  transition: max-width 180ms ease, opacity 120ms ease, transform 180ms ease;
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
}

.filter-chip--dropdown-material:hover,
.filter-chip--dropdown-material:focus-visible,
.filter-chip--dropdown-material[aria-expanded="true"] {
  min-width: 118px;
  padding-left: 12px;
  padding-right: 10px;
  gap: 10px;
}

.filter-chip--dropdown-material:hover [data-filter-dropdown-button-label],
.filter-chip--dropdown-material:focus-visible [data-filter-dropdown-button-label],
.filter-chip--dropdown-material[aria-expanded="true"] [data-filter-dropdown-button-label] {
  max-width: 164px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.filter-chip--dropdown-material .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown-material:hover .filter-chip__caret,
.filter-chip--dropdown-material:focus-visible .filter-chip__caret,
.filter-chip--dropdown-material.is-selected .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-material[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip__material-preview {
  display: none;
  width: auto;
  max-width: 150px;
  height: 30px;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.filter-chip__material-preview::-webkit-scrollbar {
  display: none;
}

.filter-chip__material-dot {
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  flex: 0 0 26px;
  border-radius: 999px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.filter-chip__material-dot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.filter-chip--dropdown-material.is-selected .filter-chip__material-preview {
  display: inline-flex;
}

.filter-chip--dropdown-material.is-selected .filter-chip__icon {
  width: auto;
  min-width: 26px;
  max-width: 92px;
  justify-content: flex-start;
}

.filter-chip--dropdown-material.is-selected .filter-chip__icon > .filter-chip__icon-img {
  display: none !important;
}

.filter-chip--dropdown-shape {
  min-width: 78px;
  padding-left: 8px;
  padding-right: 9px;
  gap: 4px;
  border-color: transparent;
  transition:
    min-width 180ms ease,
    padding 180ms ease,
    gap 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.filter-chip--dropdown-shape:hover,
.filter-chip--dropdown-shape:focus-visible,
.filter-chip--dropdown-shape[aria-expanded="true"] {
  min-width: 124px;
  padding-left: 12px;
  padding-right: 10px;
  gap: 10px;
}

.filter-chip--dropdown-shape.is-selected {
  min-width: 0;
  padding-left: 11px;
  padding-right: 11px;
  gap: 7px;
}

.filter-chip--dropdown-shape .filter-chip__icon {
  width: 30px;
  height: 30px;
  box-shadow: none;
}

.filter-chip--dropdown-shape .filter-chip__icon-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.filter-chip--dropdown-shape .filter-chip__label {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
  font-family: Saira;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  color: #795344;
  line-height: 100%;
  letter-spacing: 0%;
}

.filter-chip--dropdown-shape:hover .filter-chip__label,
.filter-chip--dropdown-shape:focus-visible .filter-chip__label,
.filter-chip--dropdown-shape[aria-expanded="true"] .filter-chip__label {
  max-width: 78px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.filter-chip--dropdown-shape.is-selected .filter-chip__label {
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
  display: none;
}

.filter-chip--dropdown-shape .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown-shape:hover .filter-chip__caret,
.filter-chip--dropdown-shape:focus-visible .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-shape[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-shape.is-selected .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip__shape-preview {
  display: none;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}

.filter-chip--dropdown-shape.is-selected .filter-chip__shape-preview {
  display: inline-flex;
}

.filter-chip--dropdown-shape.is-selected .filter-chip__icon > .filter-chip__icon-img {
  display: none !important;
}

.filter-chip__shape-preview-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

.filter-chip--dropdown-price {
  min-width: 72px;
  padding-left: 8px;
  padding-right: 8px;
  gap: 4px;
  border-color: transparent;
  transition:
    min-width 180ms ease,
    padding 180ms ease,
    gap 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.filter-chip--dropdown-price:hover,
.filter-chip--dropdown-price:focus-visible,
.filter-chip--dropdown-price[aria-expanded="true"] {
  min-width: 142px;
  padding-left: 12px;
  padding-right: 10px;
  gap: 10px;
}

.filter-chip--dropdown-price.is-selected {
  min-width: 166px;
  padding-left: 12px;
  padding-right: 10px;
  gap: 10px;
}

.filter-chip--dropdown-price-model {
  min-width: 72px;
  padding-left: 8px;
  padding-right: 8px;
  gap: 4px;
 
  transition:
    min-width 180ms ease,
    padding 180ms ease,
    gap 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.filter-chip--dropdown-price-model:hover,
.filter-chip--dropdown-price-model:focus-visible,
.filter-chip--dropdown-price-model[aria-expanded="true"] {
  min-width: 128px;
  padding-left: 12px;
  padding-right: 10px;
  gap: 10px;
}

.filter-chip--dropdown-price-model.is-selected {
  min-width: 166px;
  padding-left: 12px;
  padding-right: 10px;
  gap: 10px;
}

.filter-chip--dropdown-price-model .filter-chip__icon {
  width: 28px;
  height: 28px;
  box-shadow: none;
}

.filter-chip--dropdown-price-model .filter-chip__label {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
  font-family: Saira;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  color: #795344;
  line-height: 100%;
  letter-spacing: 0%;
}

.filter-chip--dropdown-price-model:hover .filter-chip__label,
.filter-chip--dropdown-price-model:focus-visible .filter-chip__label,
.filter-chip--dropdown-price-model[aria-expanded="true"] .filter-chip__label {
  max-width: 70px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.filter-chip--dropdown-price-model.is-selected .filter-chip__label {
  max-width: 104px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
  color: #3f3f3f;
  font-weight: 700;
}

.filter-chip--dropdown-price-model .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown-price-model:hover .filter-chip__caret,
.filter-chip--dropdown-price-model:focus-visible .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-price-model.is-selected .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-price-model[aria-expanded="true"] {
 
}

.filter-chip--dropdown-price-model[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-price .filter-chip__icon {
  width: 28px;
  height: 28px;
  box-shadow: none;
}

.filter-chip--dropdown-price .filter-chip__label {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
  font-family: Saira;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  color: #795344;
  line-height: 100%;
  letter-spacing: 0%;
}

.filter-chip--dropdown-price:hover .filter-chip__label,
.filter-chip--dropdown-price:focus-visible .filter-chip__label,
.filter-chip--dropdown-price[aria-expanded="true"] .filter-chip__label {
  max-width: 70px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.filter-chip--dropdown-price.is-selected .filter-chip__label {
  max-width: 104px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
  color: #3f3f3f;
  font-weight: 700;
}

.filter-chip--dropdown-price .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown-price:hover .filter-chip__caret,
.filter-chip--dropdown-price:focus-visible .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-price.is-selected .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-price[aria-expanded="true"] {
  
}

.filter-chip--dropdown-price[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-style {
  min-width: 96px;
  transition: min-width 180ms ease, padding 180ms ease, gap 180ms ease;
}

.filter-chip--dropdown-style .filter-chip__label {
  font-family: "Saira", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #795344;
}

.filter-chip--dropdown-style.is-selected .filter-chip__label {
  font-family: "Saira", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #795344;
}

.filter-chip--dropdown-style [data-filter-dropdown-button-label] {
  transition: max-width 180ms ease, opacity 120ms ease, transform 180ms ease;
}

.filter-chip--dropdown-style .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown-style[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-size {
  min-width: 78px;
  padding-left: 8px;
  padding-right: 9px;
  gap: 4px;
  border-color: transparent;
  transition:
    min-width 180ms ease,
    padding 180ms ease,
    gap 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.filter-chip--dropdown-size:hover,
.filter-chip--dropdown-size:focus-visible,
.filter-chip--dropdown-size[aria-expanded="true"] {
  
  
  gap: 10px;
}

.filter-chip--dropdown-size.is-selected {
  
 
  gap: 8px;

}

.filter-chip--dropdown-size .filter-chip__icon {
  width: 30px;
  height: 30px;
  box-shadow: none;
}

.filter-chip--dropdown-size .filter-chip__icon-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.filter-chip--dropdown-size .filter-chip__label {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
  font-family: Saira;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  color: #795344;
  line-height: 100%;
  letter-spacing: 0%;
}

.filter-chip--dropdown-size:hover .filter-chip__label,
.filter-chip--dropdown-size:focus-visible .filter-chip__label,
.filter-chip--dropdown-size[aria-expanded="true"] .filter-chip__label {
  max-width: 78px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.filter-chip--dropdown-size.is-selected .filter-chip__label {
  max-width: 170px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #373737;
  font-family: "League Spartan", "Spartan", sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
}

.filter-chip--dropdown-size.is-selected .filter-chip__label .filter-chip__size-token {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
}

.filter-chip--dropdown-size.is-selected .filter-chip__label .filter-chip__size-axis {
  color: #A7A7A7;
  font-family: "League Spartan", "Spartan", sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: lowercase;
}

.filter-chip--dropdown-size.is-selected .filter-chip__label .filter-chip__size-value {
  color: #373737;
  font-family: "League Spartan", "Spartan", sans-serif;
  font-weight: 800;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}

.filter-chip--dropdown-size .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown-size:hover .filter-chip__caret,
.filter-chip--dropdown-size:focus-visible .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-size[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-size.is-selected .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-size.is-selected[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-tag {
  min-width: 72px;
  padding-left: 8px;
  padding-right: 9px;
  gap: 4px;
  
  transition:
    min-width 180ms ease,
    padding 180ms ease,
    gap 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.filter-chip--dropdown-tag:hover,
.filter-chip--dropdown-tag:focus-visible,
.filter-chip--dropdown-tag[aria-expanded="true"] {
  min-width: 126px;
  padding-left: 12px;
  padding-right: 10px;
  gap: 10px;
}

.filter-chip--dropdown-tag .filter-chip__icon {
  width: 28px;
  height: 28px;
  box-shadow: none;
  background: center / contain no-repeat url("../images/tag/tag1.svg");
}

.filter-chip--dropdown-tag .filter-chip__svg {
  display: none;
}

.filter-chip--dropdown-tag .filter-chip__label {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
  font-family: "Saira", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0;
  color: #795344;
}

.filter-chip--dropdown-tag:hover .filter-chip__label,
.filter-chip--dropdown-tag:focus-visible .filter-chip__label,
.filter-chip--dropdown-tag[aria-expanded="true"] .filter-chip__label {
  max-width: 64px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.filter-chip--dropdown-tag .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown-tag:hover .filter-chip__caret,
.filter-chip--dropdown-tag:focus-visible .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-tag[aria-expanded="true"] {

}

.filter-chip--dropdown-tag[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-color .filter-chip__icon {
  width: 30px;
  height: 30px;
  box-shadow: none;
}

.filter-chip--dropdown-color.is-selected .filter-chip__icon {
  width: auto;
  min-width: 26px;
  height: 30px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  justify-content: flex-start;
}

.filter-chip--dropdown-color.is-selected[data-color-count="1"] .filter-chip__icon {
  width: 30px;
  min-width: 30px;
  justify-content: center;
}

.filter-chip__color-preview {
  display: none;
  width: auto;
  height: 30px;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.filter-chip__color-dot {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.filter-chip--dropdown-color.is-selected .filter-chip__color-preview {
  display: inline-flex;
}

.filter-chip--dropdown-color.is-selected[data-color-count="1"] .filter-chip__color-preview {
  gap: 0;
}

.filter-chip--dropdown-color.is-selected .filter-chip__svg,
.filter-chip--dropdown-color.is-selected .filter-chip__icon-img {
  display: none !important;
}

.filter-chip--dropdown-color .filter-chip__label {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
 font-family: Saira;
font-weight: 600;
font-style: SemiBold;
font-size: 15px;
color: #795344;

line-height: 100%;
letter-spacing: 0%;

}

.filter-chip--dropdown-color:hover .filter-chip__label,
.filter-chip--dropdown-color:focus-visible .filter-chip__label,
.filter-chip--dropdown-color[aria-expanded="true"] .filter-chip__label {
  max-width: 72px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.filter-chip--dropdown-color.is-selected .filter-chip__label {
  max-width: 0;
  opacity: 0;
  transform: translateX(-2px);
  pointer-events: none;
  display: none;
}

.filter-chip--dropdown-color .filter-chip__caret {
  background-image: url("../images/filter/icons/white-down.svg");
}

.filter-chip--dropdown-color:hover .filter-chip__caret,
.filter-chip--dropdown-color:focus-visible .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip--dropdown-color[aria-expanded="true"] .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-down.svg");
}

.filter-chip--dropdown-color.is-selected .filter-chip__caret {
  background-image: url("../images/filter/icons/orange-up.svg");
}

.filter-chip__icon--color-wheel .filter-chip__icon-img[hidden] {
  display: none !important;
}

.filter-chip__label--visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.filter-dropdown__menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 252px;
  box-sizing: border-box;
  height: auto;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  opacity: 1;
  border-radius: 15px;
  border-width: 4px;
  padding-right: 18px;
  padding-left: 18px;
  background: #FFFFFF;
border: 4px solid #F2F2F2;
    z-index: 11;
}

.filter-dropdown__menu::-webkit-scrollbar {
  display: none;
}

.filter-dropdown__item {

height: 66px;

opacity: 1;
gap: 28px;
padding-top: 19px;
padding-right: 15px;
padding-bottom: 19px;
padding-left: 15px;
border-bottom-width: 1px;
background: #FFFFFF;
border-bottom: 1px solid #F3F3F3;
display: flex;
justify-content: center;
text-align: center;
border-color: transparent;
}

.filter-dropdown__item + .filter-dropdown__item {
  margin-top: 2px;
}

#format-filter-menu .filter-dropdown__item {
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  text-align: left;
}

#format-filter-menu .filter-dropdown__item-label {
  flex: 1 1 auto;
  text-align: left;
}

#material-filter-menu .filter-material__item {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}

#material-filter-menu .filter-material__item .filter-dropdown__item-label {
  flex: 1 1 auto;
  text-align: left;
  white-space: nowrap;
}

.filter-dropdown__menu--style {
  width: 192px;
  height: 408px;
  opacity: 1;
  border-radius: 15px;
  border-width: 4px;
  padding-right: 18px;
  padding-left: 18px;
  color: #FFFFFF;
  border: 4px solid #F2F2F2;
  background: #FFFFFF;
}

#style-filter-menu .filter-style__item {
  width: 100%;
  height: 66px;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "League Spartan", "Spartan", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #434343;
}

#style-filter-menu .filter-style__item .filter-dropdown__item-label {
  display: block;
  width: 100%;
  text-align: center;
}

.filter-dropdown__item:hover,
.filter-dropdown__item:focus-visible {
  background: rgba(255, 255, 255, 0.56);
  outline: none;
}

#format-filter-menu .filter-dropdown__item:hover,
#format-filter-menu .filter-dropdown__item:focus-visible {

}

#format-filter-menu .filter-dropdown__item:hover,
#format-filter-menu .filter-dropdown__item:focus-visible {
  width: 216px;
  height: 66px;
  opacity: 1;
  gap: 12px;
  padding-top: 19px;
  padding-right: 15px;
  padding-bottom: 19px;
  padding-left: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom: 3px solid #FA5F00;
  color: #ffffff;
}

#material-filter-menu .filter-material__item:hover,
#material-filter-menu .filter-material__item:focus-visible {
  width: 100%;
  height: 66px;
  opacity: 1;
  padding-top: 19px;
  padding-right: 15px;
  padding-bottom: 19px;
  padding-left: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom: 3px solid #FA5F00;
  color: #ffffff;
  box-sizing: border-box;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
}

#material-filter-menu .filter-material__item[aria-checked="true"] {
  width: 100%;
  height: 66px;
  opacity: 1;
  padding-top: 19px;
  padding-right: 15px;
  padding-bottom: 19px;
  padding-left: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom: 3px solid #FA5F00;
  color: #FA5F00;
  box-sizing: border-box;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
}

#format-filter-menu .filter-dropdown__item:hover .filter-dropdown__item-label,
#format-filter-menu .filter-dropdown__item:focus-visible .filter-dropdown__item-label {
  color: #FA5F00;
}

#material-filter-menu .filter-material__item:hover .filter-dropdown__item-label,
#material-filter-menu .filter-material__item:focus-visible .filter-dropdown__item-label {
  color: #FA5F00;
}

#material-filter-menu .filter-material__item[aria-checked="true"] .filter-dropdown__item-label {
  color: #FA5F00;
  font-weight: 700;
}

#style-filter-menu .filter-style__item:hover,
#style-filter-menu .filter-style__item:focus-visible {
  
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  padding-right: 10px;
  padding-bottom: 19px;
  padding-left: 10px;
  box-sizing: border-box;
  border-bottom: 3px solid #FA5F00;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

#style-filter-menu .filter-style__item:hover .filter-dropdown__item-label,
#style-filter-menu .filter-style__item:focus-visible .filter-dropdown__item-label {
  color: #FA5F00;
}

#format-filter-menu .filter-dropdown__item[aria-checked="true"]:hover,
#format-filter-menu .filter-dropdown__item[aria-checked="true"]:focus-visible {
 
}

.filter-dropdown__item[aria-checked="true"] {
color: #FA5F00;

}

.filter-dropdown__item[aria-checked="true"] .filter-dropdown__item-label {
  color: #fc640f;
  font-weight: 700;
}

.filter-dropdown__item-icon {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #ffffff;
  font-weight: 700;
  font-size: 9px;
  user-select: none;
  overflow: hidden;
}

.filter-dropdown__item-icon--img {
  color: transparent;
}

.filter-dropdown__item-icon-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.filter-dropdown__item-icon[data-icon="acad"] {
  background: #e5206b;
  border-radius: 5px;
}

.filter-dropdown__item-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "League Spartan", "Spartan", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #434343;
  background: transparent;
}

.filter-dropdown--color .filter-dropdown__menu {
width: 225px;
border: 4px solid #F2F2F2;
opacity: 1;
border-radius: 15px;
border-width: 4px;
padding: 18px;
background: #FFFFFF;

}

.filter-color__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.filter-dropdown--color .filter-color__item {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  justify-content: center;
}

.filter-dropdown--color .filter-dropdown__item + .filter-dropdown__item {
  margin-top: 0;
}

.filter-dropdown--color .filter-color__item:hover,
.filter-dropdown--color .filter-color__item:focus-visible {
  background: transparent;
  box-shadow: none;
  color: inherit;
}

.filter-dropdown--color .filter-color__item[aria-checked="true"] {
  background: transparent;
  box-shadow: 0px 0px 8.6px 5px #007FFF80;
  color: inherit;
}

.filter-color__swatch {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--swatch);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.filter-color__swatch--light {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.32);
}

.filter-dropdown--color .filter-color__item[aria-checked="true"] .filter-color__swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px #ffffff, 0 0 0 3px #ef9a68;
}

.filter-dropdown--color .filter-color__item .filter-dropdown__item-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.filter-dropdown--brand .filter-dropdown__menu {


  opacity: 1;
  border-radius: 15px;
  border-width: 4px;
  gap: 10px;
  padding: 18px;
  background: #FFFFFF;
  border: 4px solid #F2F2F2
}

.filter-brand__field {
  width: 100%;
}

.filter-brand__input {

height: 40px;

opacity: 1;
border-radius: 20px;
border-width: 2px;
padding-right: 15px;
padding-left: 15px;
gap: 10px;
background: #FFFDFC;
border: 2px solid #B744E8;
font-family: "League Spartan", "Spartan", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 100%;
letter-spacing: 0;
text-align: center;
}

.filter-brand__input:hover {
  border: 3px solid #FF8A5C;
}

.filter-brand__input::placeholder {
  color: #9a9a9a;
  opacity: 1;
}

.filter-brand__input:focus {
  outline: none;
  border: 3px solid #FF8A5C;
}

.filter-brand__input:focus-visible {
  border: 3px solid #FF8A5C;
  box-shadow: 0 0 0 2px rgba(255, 138, 92, 0.2);
}

.filter-dropdown__menu--material {
  width: 191px;

opacity: 1;
border-radius: 15px;
border-width: 4px;
padding: 0;
}

.filter-material__swatch {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  flex: 0 0 auto;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.13);
}

.filter-material__swatch--brick {
  background:
    linear-gradient(0deg, rgba(130, 62, 26, 0.22), rgba(130, 62, 26, 0.22)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.52) 0 1px, transparent 1px 6px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.35) 0 1px, transparent 1px 8px),
    #d06c36;
}

.filter-material__swatch--fabric {
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 42%),
    repeating-linear-gradient(45deg, rgba(120, 38, 52, 0.62) 0 2px, rgba(164, 92, 107, 0.62) 2px 4px),
    #7a3346;
}

.filter-material__swatch--fur {
  background:
    radial-gradient(circle at 42% 38%, #d8c8aa 0%, #b19a77 38%, #7f684a 70%, #5a4733 100%);
}

.filter-material__swatch--velvet {
  background:
    radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.3) 0%, transparent 34%),
    radial-gradient(circle at 56% 60%, #cf2330 0%, #a20f20 58%, #7b0716 100%);
}

.filter-material__swatch--glass {
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.72) 0%, transparent 32%),
    radial-gradient(circle at 70% 72%, rgba(255, 255, 255, 0.35) 0%, transparent 45%),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.22) 0 2px, rgba(103, 213, 245, 0.22) 2px 4px),
    #56c6e8;
}

.filter-material__swatch--marble {
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.9), transparent 32%),
    linear-gradient(130deg, #f6f7f8 0%, #d1d3d7 55%, #b5bac2 100%);
}

.filter-material__swatch--plastic {
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.78) 0%, transparent 30%),
    radial-gradient(circle at 70% 76%, #d06679 0%, #b94058 55%, #8d2236 100%);
}

.filter-material__swatch--stone {
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.45), transparent 33%),
    repeating-radial-gradient(circle, rgba(150, 138, 123, 0.25) 0 2px, rgba(105, 94, 83, 0.25) 2px 4px),
    #c0b4a1;
}

.filter-material__swatch--tufted {
  background:
    radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.48), transparent 35%),
    repeating-linear-gradient(45deg, rgba(95, 61, 19, 0.52) 0 4px, rgba(180, 131, 58, 0.52) 4px 8px),
    #a7772d;
}

.filter-dropdown--shape .filter-dropdown__menu {


  width: 609px;


opacity: 1;
border-radius: 8px;
border-width: 4px;
gap: 30px;
padding: 22px;
background: #FFFFFF;
border: 4px solid #F2F2F2
}

.filter-shape__row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.filter-dropdown--shape .filter-shape__item {
  width: 44px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  justify-content: center;
}

.filter-dropdown--shape .filter-dropdown__item-icon {
  width: 28px;
  height: 28px;
}

.filter-dropdown--shape .filter-shape__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transition: filter 160ms ease;
}

.filter-dropdown--shape .filter-dropdown__item + .filter-dropdown__item {
  margin-top: 0;
}

.filter-dropdown--shape .filter-shape__item:hover,
.filter-dropdown--shape .filter-shape__item:focus-visible {
 
}

.filter-dropdown--shape .filter-shape__item:hover .filter-shape__img,
.filter-dropdown--shape .filter-shape__item:focus-visible .filter-shape__img {
  filter: brightness(0) saturate(100%) invert(54%) sepia(55%) saturate(2600%)
    hue-rotate(331deg) brightness(102%) contrast(103%);
}

.filter-dropdown--shape .filter-shape__item[aria-checked="true"] {
  background: rgba(255, 255, 255, 0.56);
  box-shadow: inset 0 0 0 1px #cfcfcf;
}

.filter-shape__glyph {
  display: inline-block;
  color: #8f8f8f;
}

.filter-shape__glyph--square {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background: currentColor;
}

.filter-shape__glyph--triangle {
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 23px solid currentColor;
}

.filter-shape__glyph--oval {
  width: 38px;
  height: 24px;
  border-radius: 999px;
  background: currentColor;
}

.filter-shape__glyph--rectangle {
  width: 34px;
  height: 24px;
  border-radius: 2px;
  background: currentColor;
}

.filter-shape__glyph--right-triangle {
  width: 0;
  height: 0;
  border-left: 23px solid currentColor;
  border-top: 23px solid transparent;
}

.filter-shape__glyph--circle {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: currentColor;
}

.filter-shape__glyph--hexagon {
  width: 26px;
  height: 24px;
  background: currentColor;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.filter-shape__glyph--pill {
  width: 42px;
  height: 24px;
  border-radius: 999px;
  background: currentColor;
}

.filter-shape__glyph--semi-circle {
  width: 36px;
  height: 19px;
  border-radius: 18px 18px 0 0;
  background: currentColor;
}

.filter-shape__glyph--flower {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor, -7px 0 0 currentColor, 7px 0 0 currentColor;
}

.filter-dropdown--shape .filter-shape__item .filter-dropdown__item-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.filter-dropdown--price .filter-dropdown__menu {

  width: 293px;


opacity: 1;
border-radius: 15px;
border-width: 4px;
gap: 25px;
padding-top: 20px;
padding-right: 24px;
padding-bottom: 20px;
padding-left: 24px;
background: #FFFFFF;
border: 4px solid #F2F2F2;
}

.filter-price__fields {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}

.filter-price__input {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  box-sizing: border-box;
  height: 50px;
  opacity: 1;
  border: 3px solid #ADF200;
  border-top-left-radius: 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 20px;
  padding: 0 15px;
  background: #f3f3f1;
  font-family: "Mulish", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #4b4b4b;
}

.filter-price__input::placeholder {
  color: #9a9a9a;
  opacity: 1;
}

.filter-price__input:focus {
  outline: none;
}

.filter-price__input:hover {
  border: 3px solid #FF8A5C;
}

.filter-price__input:focus-visible {
  border: 3px solid #FF8A5C;
  box-shadow: 0 0 0 2px rgba(255, 138, 92, 0.2);
}

.filter-price__slider {
  position: relative;
  height: 22px;
  margin: 6px 4px 10px;
}

.filter-price__track {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background: #9a9a9a;
  transform: translateY(-50%);
}

.filter-price__thumb {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #cfcfcf;
  border: 1px solid #7a7a7a;
  transform: translateY(-50%);
}

.filter-price__thumb--min {
  left: 0;
}

.filter-price__thumb--max {
  right: 0;
}

.filter-price__caption {
  text-align: center;
  font-family: "Mulish", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.25;
  color: #424242;
}

.filter-dropdown--size .filter-dropdown__menu {
  width: 274px;
  opacity: 1;
  border-radius: 15px;
  border-width: 4px;
  background: #ffffff;
  padding: 15px;
  border: 4px solid #f2f2f2;
}

.filter-size__grid {
  width: 100%;
  display: grid;
  gap: 12px;
}

.filter-size__row {
  display: grid;
  width: 100%;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.filter-size__label {
  display: block;
  font-family: "Mulish", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  color: #474747;
  white-space: nowrap;
  margin: 0;
  padding-left: 2px;
  line-height: 1;
  overflow: visible;
  letter-spacing: 0.01em;
}

.filter-size__input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 44px;
  border-radius: 22px;
  border: 2px solid #c963ff;
  background: #f1f1f1;
  padding: 0 16px;
  text-align: center;
  font-family: "Mulish", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #8d8d8d;
  letter-spacing: 0.02em;
}

.filter-size__input::placeholder {
  color: #9a9a9a;
  opacity: 1;
}

.filter-size__input:focus {
  outline: none;
  border: 3px solid #FF8A5C;
}

.filter-size__input:hover {
  border: 3px solid #FF8A5C;
}

.filter-size__input:focus-visible {
  border: 3px solid #FF8A5C;
  box-shadow: 0 0 0 2px rgba(255, 138, 92, 0.2);
}

.filter-dropdown--tag .filter-dropdown__menu {
  width: 233px;
  height: 350px;
  opacity: 1;
  border-radius: 15px;
  border-width: 4px;
  gap: 10px;
  padding: 18px;
  background: #FFFFFF;
  border: 4px solid #F2F2F2;
  box-shadow: none;
}

.filter-tag__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 10px;
}

.filter-tag__pill {
  display: inline-flex;
  align-items: center;
  gap: 0;
  height: 38px;
  padding: 0 14px;
  border-radius: 20px;
  border: 2px solid #dedede;
  background: #efefef;
  color: #795344;
  font-family: "Saira", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0;
  cursor: pointer;
}

.filter-tag__pill:hover,
.filter-tag__pill:focus-visible {
  outline: none;
  background: #f6f6f6;
  border: 3px solid #FFA047;
}

.filter-tag__pill--wide {
  min-width: 138px;
}

#tag-filter-menu.filter-dropdown__menu--tag {
  background: #FFFFFF;
  border: 4px solid #F2F2F2;
  border-radius: 15px;
}

#tag-filter-menu .filter-tag__pill {
width: 100;
height: 38;
min-width: 12px;

opacity: 1;
border-radius: 31px;
border-width: 2px;
gap: 10px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
background: #FFFFFF;
border: 2px solid #F2F2F2;
font-family: Saira;
font-weight: 500;
font-style: Medium;
font-size: 18px;
color: #00A2DE;

line-height: 100%;
letter-spacing: 0%;

}

#tag-filter-menu .filter-tag__pill:hover,
#tag-filter-menu .filter-tag__pill:focus-visible {
  outline: none;
  border: 3px solid #FFA047;
}

#tag-filter-menu .filter-tag__pill[aria-checked="true"] {
  color: #FA5F00;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .filter {
    width: auto;
    margin: 16px 12px 0;
  }

  .filter__panel {
    padding: 8px 8px;
  }

  .filter__nav--prev {
    left: 6px;
  }

  .filter__nav--next {
    right: 6px;
  }

  .filter__row {
    gap: 8px;
  }

  .filter__carousel[data-overflow="true"] .filter__scroller {
    padding-left: 54px;
    padding-right: 54px;
  }
}

@media (max-width: 768px) {
  .filter-chip {
    min-height: 34px;
    min-width: 62px;
  }

  .filter-chip--text,
  .filter-chip--dropdown {
    min-width: 88px;
  }

  .filter-chip__label {
    font-size: 13px;
  }

  .filter-chip__icon {
    width: 22px;
    height: 22px;
  }

  .filter__nav--prev {
    left: 4px;
  }

  .filter__nav--next {
    right: 4px;
  }

  .filter__carousel[data-overflow="true"] .filter__scroller {
    padding-left: 48px;
    padding-right: 48px;
  }

  .filter-dropdown__menu {
    width: 186px;
  }

  .filter-dropdown--color .filter-dropdown__menu {
    width: 236px;
  }

  .filter-dropdown--brand .filter-dropdown__menu {
    width: 182px;
  }

  .filter-dropdown__menu--material {
    width: 191px;
  }

  .filter-dropdown--shape .filter-dropdown__menu {
    width: min(620px, calc(100vw - 24px));
  }

  .filter-dropdown--price .filter-dropdown__menu {
    width: min(302px, calc(100vw - 24px));
  }

  .filter-dropdown--size .filter-dropdown__menu {
    width: min(274px, calc(100vw - 24px));
  }

  .filter-dropdown--tag .filter-dropdown__menu {
    width: min(233px, calc(100vw - 24px));
    height: 350px;
  }
}