/* =========================================================
   ARTURO FUENTE
   PRODUCT CATALOG FILTER TOOLBAR
   ========================================================= */

/* =========================================================
   VARIABLES + MAIN FORM
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar {
  --af-cream: #fbf7ef;
  --af-white: #fffdf9;

  --af-gold: #b67e53;
  --af-gold-light: #dcc6a5;

  --af-border: #ddcfba;

  --af-text: #251d18;
  --af-muted: #756b63;

  --af-burgundy: #781419;
  --af-burgundy-dark: #591015;

  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  color: var(--af-text) !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar *,
form.af-inv-filters.af-inv-filters--catalog-toolbar *::before,
form.af-inv-filters.af-inv-filters--catalog-toolbar *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   TOP AREA
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__top {
  display: flex !important;
  flex-direction: column !important;

  gap: 13px !important;

  width: 100% !important;

  margin: 0 0 15px !important;
  padding: 0 !important;
}

/* =========================================================
   SEARCH + ACTION BUTTONS ROW
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-row {
  display: flex !important;

  align-items: stretch !important;

  gap: 9px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Search input takes remaining space */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-row
  .af-inv-filters__search-field {
  flex: 1 1 auto !important;

  width: auto !important;
  min-width: 0 !important;
}

/* =========================================================
   SEARCH
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-wrap {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-label {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  margin: -1px !important;
  padding: 0 !important;

  overflow: hidden !important;

  clip: rect(0, 0, 0, 0) !important;

  white-space: nowrap !important;

  border: 0 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-field {
  position: relative !important;

  display: block !important;

  width: 100% !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input.af-inv-filters__search {
  display: block !important;

  width: 100% !important;
  height: 46px !important;

  margin: 0 !important;

  padding: 0 16px 0 44px !important;

  border: 1px solid rgba(182, 126, 83, 0.38) !important;

  border-radius: 3px !important;

  background: rgba(255, 255, 255, 0.74) !important;

  color: var(--af-text) !important;

  font-family: inherit !important;

  font-size: 13px !important;
  font-weight: 400 !important;

  line-height: 46px !important;

  outline: none !important;
  box-shadow: none !important;

  -webkit-appearance: none !important;
  appearance: none !important;

  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input.af-inv-filters__search::placeholder {
  color: #968a80 !important;

  opacity: 1 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input.af-inv-filters__search:focus {
  border-color: var(--af-gold) !important;

  background: #fff !important;

  box-shadow: 0 0 0 3px rgba(182, 126, 83, 0.08) !important;
}

/* SEARCH ICON */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-icon {
  position: absolute !important;

  top: 50% !important;
  left: 16px !important;

  display: block !important;

  width: 16px !important;
  height: 16px !important;

  transform: translateY(-50%) !important;

  background-color: #866e5c !important;

  pointer-events: none !important;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.72 13.33L20.9 22 22 20.9l-5.67-5.68A7.5 7.5 0 0 0 10.5 3Zm0 1.6a5.9 5.9 0 1 1 0 11.8 5.9 5.9 0 0 1 0-11.8Z'/%3E%3C/svg%3E")
    center / contain no-repeat !important;

  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.72 13.33L20.9 22 22 20.9l-5.67-5.68A7.5 7.5 0 0 0 10.5 3Zm0 1.6a5.9 5.9 0 1 1 0 11.8 5.9 5.9 0 0 1 0-11.8Z'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

/* =========================================================
   PRODUCT COUNT + SORT
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__top-meta {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 12px !important;

  width: 100% !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* PRODUCT COUNT */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__product-count {
  display: inline-flex !important;

  align-items: baseline !important;

  gap: 4px !important;

  flex: 0 0 auto !important;

  color: var(--af-muted) !important;

  white-space: nowrap !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__product-count-number {
  color: var(--af-text) !important;

  font-size: 11px !important;
  font-weight: 700 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__product-count-label {
  color: var(--af-muted) !important;

  font-size: 9px !important;
  font-weight: 500 !important;

  letter-spacing: 0.07em !important;

  text-transform: uppercase !important;
}

/* SORT */

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__sort {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-end !important;

  gap: 8px !important;

  flex: 0 1 auto !important;

  min-width: 0 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__sort-label {
  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--af-muted) !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;

  text-transform: uppercase !important;
  white-space: nowrap !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  select#af-inv-sort.af-inv-filters__sort-select,
form.af-inv-filters.af-inv-filters--catalog-toolbar
  select.af-inv-filters__sort-select {
  display: inline-block !important;

  flex: 0 1 auto !important;

  width: auto !important;
  min-width: 168px !important;
  max-width: 220px !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;

  padding: 0 30px 0 12px !important;

  border: 1px solid rgba(182, 126, 83, 0.38) !important;
  border-radius: 3px !important;

  background-color: #fffdf9 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23781419' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px 12px !important;

  color: var(--af-text) !important;

  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  line-height: 32px !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  white-space: nowrap !important;

  vertical-align: middle !important;

  outline: none !important;
  box-shadow: none !important;

  cursor: pointer !important;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  select#af-inv-sort.af-inv-filters__sort-select::-ms-expand,
form.af-inv-filters.af-inv-filters--catalog-toolbar
  select.af-inv-filters__sort-select::-ms-expand {
  display: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  select#af-inv-sort.af-inv-filters__sort-select:hover,
form.af-inv-filters.af-inv-filters--catalog-toolbar
  select.af-inv-filters__sort-select:hover {
  border-color: var(--af-gold) !important;

  background-color: #fff !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  select#af-inv-sort.af-inv-filters__sort-select:focus,
form.af-inv-filters.af-inv-filters--catalog-toolbar
  select.af-inv-filters__sort-select:focus {
  border-color: var(--af-gold) !important;

  background-color: #fff !important;

  box-shadow: 0 0 0 3px rgba(182, 126, 83, 0.08) !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  select#af-inv-sort.af-inv-filters__sort-select option,
form.af-inv-filters.af-inv-filters--catalog-toolbar
  select.af-inv-filters__sort-select option {
  color: #251d18 !important;

  background-color: #fff !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* =========================================================
   FILTER ROW
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__filter-row {
  position: relative !important;

  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

/* =========================================================
   GROUPS
   MOBILE = 2 COLUMNS
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__groups {
  display: grid !important;

  grid-template-columns: repeat(var(--af-inv-cols-mob, 2), minmax(0, 1fr)) !important;

  gap: 8px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

/* =========================================================
   EACH FILTER
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__group {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid rgba(182, 126, 83, 0.36) !important;

  border-radius: 3px !important;

  background: rgba(255, 255, 255, 0.42) !important;

  box-shadow: none !important;

  overflow: visible !important;

  transition:
    border-color 0.2s ease,
    background-color 0.2s ease !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group:hover {
  border-color: rgba(182, 126, 83, 0.7) !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group.is-open {
  z-index: 500 !important;

  border-color: var(--af-gold) !important;

  background: #fff !important;
}

/* =========================================================
   FILTER BUTTON
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  button.af-inv-filters__group-toggle {
  display: flex !important;

  align-items: center !important;

  gap: 7px !important;

  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;

  margin: 0 !important;
  padding: 0 11px !important;

  border: 0 !important;
  border-radius: var(--af-inv-toggle-radius, 3px) !important;

  background: var(--af-inv-toggle-bg, transparent) !important;

  color: var(--af-inv-toggle-color, #302620) !important;

  font-family: inherit !important;

  font-size: 10px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  letter-spacing: 0 !important;

  text-align: left !important;
  text-transform: none !important;

  box-shadow: none !important;

  cursor: pointer !important;

  white-space: nowrap !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  button.af-inv-filters__group-toggle:hover {
  background: rgba(182, 126, 83, 0.04) !important;

  color: var(--af-burgundy) !important;
}

/* Remove old decorative leaf icons */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group-icon {
  display: none !important;
}

/* LABEL */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group-label {
  display: block !important;

  flex: 1 1 auto !important;

  min-width: 0 !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

  white-space: nowrap !important;

  color: inherit !important;
}

/* META */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group-meta {
  display: inline-flex !important;

  align-items: center !important;

  gap: 5px !important;

  flex: 0 0 auto !important;

  margin-left: auto !important;
}

/* =========================================================
   SELECTED COUNT
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group-count {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 17px !important;
  height: 17px !important;

  padding: 0 4px !important;

  border-radius: 20px !important;

  background: var(--af-burgundy) !important;

  color: #fff !important;

  font-size: 8px !important;
  font-weight: 700 !important;

  line-height: 1 !important;
}

/* =========================================================
   CHEVRON
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group-chevron {
  display: block !important;

  flex: 0 0 6px !important;

  width: 6px !important;
  height: 6px !important;

  margin: -3px 1px 0 4px !important;

  border: 0 !important;

  border-right: 1px solid var(--af-burgundy) !important;

  border-bottom: 1px solid var(--af-burgundy) !important;

  transform: rotate(45deg) !important;

  transition: transform 0.2s ease !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group.is-open
  .af-inv-filters__group-chevron {
  margin-top: 3px !important;

  transform: rotate(225deg) !important;
}

/* =========================================================
   DROPDOWN PANEL
   MOBILE: WIDTH OF TWO FILTERS
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group-panel {
  position: absolute !important;

  top: calc(100% + 6px) !important;

  display: none !important;

  width: calc(200% + 8px) !important;

  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 12px !important;

  border: 1px solid #ded0bb !important;

  border-radius: 4px !important;

  background: #fffdf9 !important;

  box-shadow: 0 16px 32px rgba(48, 30, 18, 0.14) !important;

  z-index: 1000 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group.is-open
  .af-inv-filters__group-panel {
  display: block !important;
}

/* LEFT COLUMN */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group:nth-child(odd)
  .af-inv-filters__group-panel {
  left: 0 !important;
  right: auto !important;
}

/* RIGHT COLUMN */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group:nth-child(even)
  .af-inv-filters__group-panel {
  left: auto !important;
  right: 0 !important;
}

/* =========================================================
   INTERNAL SEARCH
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group-search-wrap {
  position: relative !important;

  width: 100% !important;

  margin: 0 0 9px !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input.af-inv-filters__group-search {
  display: block !important;

  width: 100% !important;
  height: 38px !important;

  margin: 0 !important;

  padding: 0 34px 0 11px !important;

  border: 1px solid #ddd0bd !important;

  border-radius: 3px !important;

  background: #fff !important;

  color: #41372f !important;

  font-family: inherit !important;

  font-size: 11px !important;

  outline: none !important;

  box-shadow: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group-search-icon {
  position: absolute !important;

  top: 50% !important;
  right: 11px !important;

  display: block !important;

  width: 13px !important;
  height: 13px !important;

  transform: translateY(-50%) !important;

  background-color: #8c7e73 !important;

  pointer-events: none !important;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.72 13.33L20.9 22 22 20.9l-5.67-5.68A7.5 7.5 0 0 0 10.5 3Zm0 1.6a5.9 5.9 0 1 1 0 11.8 5.9 5.9 0 0 1 0-11.8Z'/%3E%3C/svg%3E")
    center / contain no-repeat !important;

  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.72 13.33L20.9 22 22 20.9l-5.67-5.68A7.5 7.5 0 0 0 10.5 3Zm0 1.6a5.9 5.9 0 1 1 0 11.8 5.9 5.9 0 0 1 0-11.8Z'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

/* =========================================================
   OPTIONS
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar ul.af-inv-filters__options {
  display: block !important;

  width: 100% !important;

  max-height: 230px !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;

  overflow-y: auto !important;

  scrollbar-width: thin !important;
  scrollbar-color: #cbb28f transparent !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  ul.af-inv-filters__options::-webkit-scrollbar {
  width: 5px !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  ul.af-inv-filters__options::-webkit-scrollbar-thumb {
  border-radius: 10px !important;

  background: #cbb28f !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar li.af-inv-filters__option {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  li.af-inv-filters__option
  label {
  display: flex !important;

  align-items: center !important;

  gap: 9px !important;

  width: 100% !important;
  min-height: 36px !important;

  margin: 0 !important;
  padding: 6px 7px !important;

  border-radius: 3px !important;

  background: transparent !important;

  color: #41372f !important;

  font-size: 11px !important;
  font-weight: 400 !important;

  cursor: pointer !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  li.af-inv-filters__option
  label:hover {
  background: rgba(182, 126, 83, 0.08) !important;
}

/* HIDE NATIVE INPUT */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__option
  input {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  opacity: 0 !important;

  pointer-events: none !important;
}

/* CUSTOM CHECK */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__option-control {
  position: relative !important;

  display: block !important;

  flex: 0 0 15px !important;

  width: 15px !important;
  height: 15px !important;

  border: 1px solid #b9a994 !important;

  background: #fff !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input[type="checkbox"]
  + .af-inv-filters__option-control {
  border-radius: 2px !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input[type="radio"]
  + .af-inv-filters__option-control {
  border-radius: 50% !important;
}

/* CHECKBOX SELECTED */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input[type="checkbox"]:checked
  + .af-inv-filters__option-control {
  border-color: var(--af-burgundy) !important;

  background: var(--af-burgundy) !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input[type="checkbox"]:checked
  + .af-inv-filters__option-control::after {
  content: "" !important;

  position: absolute !important;

  top: 1px !important;
  left: 4px !important;

  width: 4px !important;
  height: 8px !important;

  border-right: 2px solid #fff !important;

  border-bottom: 2px solid #fff !important;

  transform: rotate(45deg) !important;
}

/* RADIO SELECTED */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input[type="radio"]:checked
  + .af-inv-filters__option-control {
  border-color: var(--af-burgundy) !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  input[type="radio"]:checked
  + .af-inv-filters__option-control::after {
  content: "" !important;

  position: absolute !important;

  inset: 3px !important;

  border-radius: 50% !important;

  background: var(--af-burgundy) !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__option-label {
  flex: 1 1 auto !important;

  min-width: 0 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__option-count {
  margin-left: auto !important;

  color: #8a8077 !important;

  font-size: 10px !important;
}

/* EMPTY OPTION */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__option.is-empty {
  opacity: 0.45 !important;
}

/* =========================================================
   ACTIVE FILTERS
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__active {
  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;
  flex-wrap: wrap !important;

  gap: 7px !important;

  width: 100% !important;

  margin: 13px 0 0 !important;
  padding: 0 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__active-header {
  display: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__active-list {
  display: flex !important;

  align-items: center !important;
  flex-wrap: wrap !important;

  gap: 6px !important;

  width: 100% !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  button.af-inv-filters__active-chip {
  display: inline-flex !important;

  align-items: center !important;

  gap: 6px !important;

  min-height: 28px !important;

  margin: 0 !important;

  padding: 4px 9px !important;

  border: 0 !important;
  border-radius: 20px !important;

  background: #f2e8db !important;

  color: #56483e !important;

  font-family: inherit !important;

  font-size: 9px !important;
  font-weight: 400 !important;

  cursor: pointer !important;

  box-shadow: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__active-chip-group {
  display: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__active-chip-remove {
  color: var(--af-gold) !important;

  font-size: 14px !important;

  line-height: 1 !important;
}


/* =========================================================
	  SEARCH / APPLY BUTTON
	  ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-row
  button.af-inv-filters__submit {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: auto !important;
  min-width: 105px !important;
  height: 46px !important;

  margin: 0 !important;

  padding: 0 20px !important;

  border: 1px solid var(--af-inv-btn-bg, var(--af-burgundy)) !important;
  border-radius: var(--af-inv-radius, 3px) !important;

  background: var(--af-inv-btn-bg, var(--af-burgundy)) !important;

  color: var(--af-inv-btn-text, #fff) !important;

  font-family: inherit !important;

  font-size: 10px !important;
  font-weight: 600 !important;

  letter-spacing: 0.06em !important;

  line-height: 1 !important;

  text-transform: uppercase !important;

  white-space: nowrap !important;

  box-shadow: none !important;

  cursor: pointer !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-row
  button.af-inv-filters__submit:hover {
  border-color: var(--af-burgundy-dark) !important;

  background: var(--af-burgundy-dark) !important;
}

/* =========================================================
	  CLEAR BUTTON
	  ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-row
  a.af-inv-filters__reset {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: auto !important;
  min-width: 80px !important;
  height: 46px !important;

  margin: 0 !important;

  padding: 0 16px !important;

  border: 1px solid var(--af-inv-reset-border, rgba(120, 20, 25, 0.55)) !important;

  border-radius: var(--af-inv-radius, 3px) !important;

  background: var(--af-inv-reset-bg, transparent) !important;

  color: var(--af-inv-reset-color, var(--af-burgundy)) !important;

  font-family: inherit !important;

  font-size: 10px !important;
  font-weight: 600 !important;

  letter-spacing: 0.04em !important;

  line-height: 1 !important;

  text-decoration: none !important;
  text-transform: uppercase !important;

  white-space: nowrap !important;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__search-row
  a.af-inv-filters__reset:hover {
  border-color: var(--af-burgundy) !important;

  background: var(--af-burgundy) !important;

  color: #fff !important;
}
/* =========================================================
   OPTIONAL BROWSE LABEL
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__browse-label {
  display: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar.af-inv-filters--has-browse
  .af-inv-filters__browse-label {
  display: block !important;

  width: 100% !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: var(--af-gold) !important;

  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  line-height: 1.3 !important;

  text-transform: uppercase !important;
}

/* =========================================================
   CHECKLIST MODE FALLBACK
   ========================================================= */

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__group--checklist {
  padding: 14px !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__heading {
  margin: 0 0 10px !important;

  color: var(--af-text) !important;

  font-size: 11px !important;
  font-weight: 600 !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__checklist {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar
  .af-inv-filters__check-item {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__check-row {
  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  min-height: 34px !important;

  cursor: pointer !important;
}

/* =========================================================
   TABLET
   768px - 1023px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {
  form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__top {
    display: grid !important;

    grid-template-columns:
      minmax(280px, 1fr)
      auto !important;

    align-items: center !important;

    column-gap: 24px !important;

    margin-bottom: 16px !important;
  }

  form.af-inv-filters.af-inv-filters--catalog-toolbar:not(.af-inv-filters--has-search)
    .af-inv-filters__top {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  form.af-inv-filters.af-inv-filters--catalog-toolbar:not(.af-inv-filters--has-search)
    .af-inv-filters__top-meta {
    width: 100% !important;
    justify-content: space-between !important;
  }

  form.af-inv-filters.af-inv-filters--catalog-toolbar
    .af-inv-filters__top-meta {
    width: auto !important;

    justify-content: flex-end !important;

    gap: 18px !important;
  }

  form.af-inv-filters.af-inv-filters--catalog-toolbar .af-inv-filters__groups {
    grid-template-columns: repeat(var(--af-inv-cols-tab, 3), minmax(0, 1fr)) !important;

    gap: 9px !important;
  }

  form.af-inv-filters.af-inv-filters--catalog-toolbar
    button.af-inv-filters__group-toggle {
    height: 45px !important;
    min-height: 45px !important;

    padding: 0 13px !important;

    font-size: 11px !important;
  }

  form.af-inv-filters.af-inv-filters--catalog-toolbar
    .af-inv-filters__group-panel {
    width: 285px !important;

    min-width: 100% !important;
    max-width: 340px !important;
  }

  form.af-inv-filters.af-inv-filters--catalog-toolbar
    .af-inv-filters__group:nth-child(3n)
    .af-inv-filters__group-panel {
    left: auto !important;
    right: 0 !important;
  }



}
/* =========================================================
   DESKTOP
   1024+
   ========================================================= */

   @media (min-width: 1024px) {

	/* =====================================================
	   TOP TOOLBAR - SINGLE ROW
	   ===================================================== */

	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__top {

		display: grid !important;

		grid-template-columns:
			minmax(0, 1fr)
			auto !important;

		align-items: center !important;

		column-gap: 28px !important;

		width: 100% !important;

		margin: 0 0 18px !important;
		padding: 0 !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar:not(.af-inv-filters--has-search)
	.af-inv-filters__top {

		grid-template-columns: minmax(0, 1fr) !important;
	}

	form.af-inv-filters.af-inv-filters--catalog-toolbar:not(.af-inv-filters--has-search)
	.af-inv-filters__top-meta {

		width: 100% !important;
		justify-content: space-between !important;
		min-width: 0 !important;
	}

	/* =====================================================
	   SEARCH SIDE
	   ===================================================== */

	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-wrap {

		display: block !important;

		width: 100% !important;
		max-width: none !important;

		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row {

		display: flex !important;

		align-items: center !important;

		gap: 8px !important;

		width: 100% !important;

		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row
	.af-inv-filters__search-field {

		position: relative !important;

		flex: 1 1 auto !important;

		width: auto !important;
		min-width: 180px !important;
	}





	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row
	button.af-inv-filters__submit {

		width: auto !important;

		min-width: 100px !important;
		height: 46px !important;

		padding: 0 18px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row
	a.af-inv-filters__reset {

		width: auto !important;

		min-width: 72px !important;
		height: 46px !important;

		padding: 0 14px !important;
	}


	/* =====================================================
	   RIGHT SIDE
	   PRODUCTS + SORT
	   ===================================================== */

	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__top-meta {

		display: flex !important;

		align-items: center !important;
		justify-content: flex-end !important;

		gap: 22px !important;

		flex: 0 0 auto !important;

		width: auto !important;

		min-width: max-content !important;

		margin: 0 !important;
		padding: 0 !important;

		white-space: nowrap !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__product-count-number {

		font-size: 12px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__product-count-label {

		font-size: 9px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__sort {

		display: inline-flex !important;

		align-items: center !important;

		gap: 8px !important;

		white-space: nowrap !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__sort-label {

		font-size: 11px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	select#af-inv-sort.af-inv-filters__sort-select,
	form.af-inv-filters.af-inv-filters--catalog-toolbar
	select.af-inv-filters__sort-select {

		width: auto !important;
		min-width: 168px !important;
		max-width: 210px !important;

		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;

		font-size: 12px !important;
		line-height: 32px !important;
	}


	/* =====================================================
	   FILTERS - 7 ACROSS
	   ===================================================== */

	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__groups {

		grid-template-columns:
			repeat(var(--af-inv-cols, 6), minmax(0, 1fr)) !important;

		gap: 9px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	button.af-inv-filters__group-toggle {

		height: 46px !important;
		min-height: 46px !important;

		padding: 0 13px !important;

		font-size: 11px !important;
	}


	/* =====================================================
	   DROPDOWN
	   ===================================================== */

	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__group-panel {

		width: 290px !important;

		min-width: 100% !important;
		max-width: 340px !important;

		left: 0 !important;
		right: auto !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__group:nth-last-child(-n + 2)
	.af-inv-filters__group-panel {

		left: auto !important;
		right: 0 !important;
	}


	/* =====================================================
	   ACTIVE FILTERS
	   ===================================================== */

	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__active {

		margin-top: 14px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__active-header {

		display: flex !important;

		margin-right: 3px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__active-title {

		color: #62564d !important;

		font-size: 10px !important;
		font-weight: 400 !important;

		letter-spacing: 0 !important;

		text-transform: none !important;
	}

}


/* =========================================================
   MEDIUM DESKTOP
   1024 - 1199
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1199px) {

	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__top {

		column-gap: 16px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__top-meta {

		gap: 12px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__sort-label {

		display: none !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	select#af-inv-sort.af-inv-filters__sort-select,
	form.af-inv-filters.af-inv-filters--catalog-toolbar
	select.af-inv-filters__sort-select {

		min-width: 150px !important;
		max-width: 180px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row
	button.af-inv-filters__submit {

		min-width: 82px !important;

		padding: 0 12px !important;
	}


	form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row
	a.af-inv-filters__reset {

		min-width: 60px !important;

		padding: 0 10px !important;
	}

}


/* =========================================================
   MOBILE - FINAL
   <= 767px
   ========================================================= */

   @media (max-width: 767px) {

	body form.af-inv-filters.af-inv-filters--catalog-toolbar {

		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;
	}


	/* =====================================================
	   TOP
	   ===================================================== */

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__top {

		display: flex !important;
		flex-direction: column !important;

		gap: 11px !important;

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 0 14px !important;
		padding: 0 !important;
	}


	/* =====================================================
	   SEARCH ROW
	   INPUT + SEARCH + CLEAR
	   ===================================================== */

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row {

		display: grid !important;

		grid-template-columns:
			minmax(0, 1fr)
			auto
			auto !important;

		align-items: stretch !important;

		gap: 5px !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;
	}

	body form.af-inv-filters.af-inv-filters--catalog-toolbar:not(.af-inv-filters--has-reset)
	.af-inv-filters__search-row {

		grid-template-columns:
			minmax(0, 1fr)
			auto !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-field {

		position: relative !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}


	/* SEARCH INPUT */

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	input.af-inv-filters__search {

		display: block !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;

		height: 44px !important;

		margin: 0 !important;

		padding:
			0
			8px
			0
			37px !important;

		border:
			1px solid rgba(182,126,83,.40) !important;

		border-radius: 3px !important;

		font-size: 11px !important;

		line-height: 44px !important;

		overflow: hidden !important;

		text-overflow: ellipsis !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-icon {

		left: 12px !important;

		width: 14px !important;
		height: 14px !important;
	}


	/* =====================================================
	   SEARCH BUTTON
	   ===================================================== */

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row
	button.af-inv-filters__submit {

		position: relative !important;

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;

		height: 44px !important;

		margin: 0 !important;
		padding: 0 !important;

		border: 0 !important;
		border-radius: 3px !important;

		background: var(--af-burgundy) !important;

		color: transparent !important;

		font-size: 0 !important;

		box-shadow: none !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row
	button.af-inv-filters__submit::before {

		content: "" !important;

		display: block !important;

		width: 16px !important;
		height: 16px !important;

		background-color: #fff !important;

		-webkit-mask:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.72 13.33L20.9 22 22 20.9l-5.67-5.68A7.5 7.5 0 0 0 10.5 3Zm0 1.6a5.9 5.9 0 1 1 0 11.8 5.9 5.9 0 0 1 0-11.8Z'/%3E%3C/svg%3E")
				center / contain no-repeat !important;

		mask:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.72 13.33L20.9 22 22 20.9l-5.67-5.68A7.5 7.5 0 0 0 10.5 3Zm0 1.6a5.9 5.9 0 1 1 0 11.8 5.9 5.9 0 0 1 0-11.8Z'/%3E%3C/svg%3E")
				center / contain no-repeat !important;
	}


	/* =====================================================
	   CLEAR
	   ===================================================== */

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__search-row
	a.af-inv-filters__reset {

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		width: 54px !important;
		min-width: 54px !important;
		max-width: 54px !important;

		height: 44px !important;

		margin: 0 !important;
		padding: 0 4px !important;

		border:
			1px solid rgba(120,20,25,.48) !important;

		border-radius: 3px !important;

		background: transparent !important;

		color: var(--af-burgundy) !important;

		font-size: 8px !important;
		font-weight: 600 !important;

		line-height: 1 !important;

		text-decoration: none !important;
		text-transform: uppercase !important;

		white-space: nowrap !important;
	}


	/* =====================================================
	   PRODUCT COUNT + SORT
	   ===================================================== */

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__top-meta {

		display: grid !important;

		grid-template-columns:
			auto
			minmax(0, 1fr) !important;

		align-items: center !important;

		gap: 10px !important;

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__sort {

		display: flex !important;

		align-items: center !important;
		justify-content: flex-end !important;

		min-width: 0 !important;
	}

	body form.af-inv-filters.af-inv-filters--catalog-toolbar:not(.af-inv-filters--has-count)
	.af-inv-filters__top-meta {

		grid-template-columns: minmax(0, 1fr) !important;
	}

	body form.af-inv-filters.af-inv-filters--catalog-toolbar:not(.af-inv-filters--has-count)
	select.af-inv-filters__sort-select {

		max-width: none !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__sort-label {

		display: none !important;
	}

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	select#af-inv-sort.af-inv-filters__sort-select,
	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	select.af-inv-filters__sort-select {

		width: 100% !important;
		min-width: 0 !important;
		max-width: 180px !important;

		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;

		font-size: 12px !important;
		line-height: 32px !important;
	}


	/* =====================================================
	   FILTER GRID
	   ===================================================== */

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__groups {

		display: grid !important;

		grid-template-columns:
			repeat(var(--af-inv-cols-mob, 2), minmax(0, 1fr)) !important;

		gap: 7px !important;

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__group {

		width: 100% !important;
		min-width: 0 !important;

		overflow: visible !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	button.af-inv-filters__group-toggle {

		width: 100% !important;
		min-width: 0 !important;

		height: 42px !important;
		min-height: 42px !important;

		padding: 0 9px !important;

		font-size: 9px !important;

		overflow: hidden !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__group-label {

		min-width: 0 !important;

		overflow: hidden !important;

		text-overflow: ellipsis !important;

		white-space: nowrap !important;
	}


	/* =====================================================
	   DROPDOWN
	   ===================================================== */

	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__group-panel {

		position: absolute !important;

		top: calc(100% + 5px) !important;

		left: 0 !important;
		right: 0 !important;

		width: 100% !important;

		min-width: 0 !important;
		max-width: none !important;

		z-index: 9999 !important;
	}


	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__group:nth-child(odd)
	.af-inv-filters__group-panel,
	body form.af-inv-filters.af-inv-filters--catalog-toolbar
	.af-inv-filters__group:nth-child(even)
	.af-inv-filters__group-panel {

		left: 0 !important;
		right: 0 !important;
	}

}