/* Start:/local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/selectbox.css?16889781722383*/
/* Dropdown control */
.selectBox-dropdown {
	min-width: 150px;
	position: relative;
	height:21px;
	border: solid 1px #a9becb;
	text-decoration: none;
	color: #000;
	outline: none;
	vertical-align: middle;
	display: inline-block;
	cursor: default;
	background:#fff;
}

.selectBox-dropdown .selectBox-label {
	height:17px;
	padding: 4px 5px 0px 5px;
	line-height:12px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url(/local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/../img/select.png) 50% center no-repeat;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	min-height: 1em;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}


/* Inline control */
.selectBox-inline {
	min-width: 150px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options LI A {
	padding:3px 5px;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
	text-decoration:none;
	color:#222;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}
/* End */


/* Start:/local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/uniform.default.css?16889781729421*/
/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button_del,
div.button_del span {
  /*background-image: url(/local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/../img/sprite.png);*/
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button_del, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button_del *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url('/local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/../img/bg-input-focus.png') repeat-x 0px 0px;
  background: url('/local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/../img/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

/*input.text:focus,
input.email:focus,
input.password:focus,*/
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url(/local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/../img/bg-input-focus.png) repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button_del {
  background-position: 0px -523px;
}

div.button_del span {
  background-position: right -643px;
}

div.button_del.focus,
div.button_del:focus,
div.button_del:hover,
div.button_del.hover {
  background-position: 0px -553px;
}

div.button_del.focus span,
div.button_del:focus span,
div.button_del:hover span,
div.button_del.hover span {
  background-position: right -673px; 
}

div.button_del.active,
div.button_del:active {
  background-position: 0px -583px;
}

div.button_del.active span,
div.button_del:active span {
  background-position: right -703px;
  color: #555;
}

div.button_del.disabled,
div.button_del:disabled {
  background-position: 0px -613px;
}

div.button_del.disabled span,
div.button_del:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button_del {
  height: 30px;
}

div.button_del span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 190px;
  font-size: 12px;
}

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button_del, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button_del a,
div.button_del button,
div.button_del input {
  position: absolute;
}

div.button_del {
  cursor: pointer;
  position: relative;
}

div.button_del span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}

/* End */


/* Start:/local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/style.css?175308367012760*/
.smartfilter {
    border-top: 1px solid rgba(121, 121, 197, 0.13);
    padding-top: 30px;
  }
  .smartfilter .modal-heading {
    display: none;
  }
  .smartfilter .lvl1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(121, 121, 197, 0.13);
    padding-bottom: 30px;
    width: 100%;
    gap: 21px; 
    justify-content: space-between;
    align-items: baseline;
  }
  .smartfilter .lvl1 .ys-opt {
    display: flex;
    align-items: baseline;
    justify-content: space-between;    
  }
  .smartfilter .lvl1.small {
    margin-bottom: 20px;
    gap: 0;
  }
  .smartfilter .lvl1 .drop-filters {
    cursor: pointer;
    color: var(--selected);
    font: 16px/118% "Roboto-Regular";
  }
  .smartfilter .lvl1 .drop-filters:hover {
    color: var(--footer);
  }
  @media screen and (max-width: 1024px) {
    .smartfilter .lvl1 {
      flex-direction: column;
    }
    .smartfilter .lvl1 .ys-opt {
      margin-bottom: 18px;
    }
    .smartfilter .lvl1 .list-headings {
      font: 600 18px/116% "Roboto-Regular";
    }
    .smartfilter .lvl1.has-subfilters {
      margin-bottom: 30px;
    }
  }
  .smartfilter .lvl1 .kombox-combo {
    display: flex;
    /* flex-direction: row; */
    width: 100%;
    max-height: calc(calc(32px * 5) + 40px);
    flex-wrap: wrap;
    /* overflow-x: auto; */
    gap: 10px;
    overflow-y: auto;
  }  

  .smartfilter .lvl1.small .kombox-combo {
    display: flex;
    width: 100%;
    /* height: calc(calc(32px * 5) + 40px); */
    flex-wrap: wrap;
    overflow-x: auto;
    overflow-y: auto;
    gap: 4.2px;
    padding-top: 6px;
    padding-left: 2px;
    padding-bottom: 2px;
    height: fit-content;
    min-height: calc(calc(32px * 2) + 45px);
  }  

  .smartfilter .lvl1 .kombox-combo::-webkit-scrollbar{
    width: 5px;
    background-color: #f5f5ff;  
    }
    
    .smartfilter .lvl1 .kombox-combo::-webkit-scrollbar-thumb {
    background-color: #7878c4;
    border-radius: 100px;
    }


  .smartfilter .lvl1 .kombox-combo input {
    transition: background-color 0.2s ease-in, filter 0.2s ease-in;
    display: none;
  }
  .smartfilter .lvl1 .kombox-combo input:hover {
    background-color: var(--footer);
  }
  /* .smartfilter .lvl1 .kombox-combo input:checked + label {
    background-color: var(--selected);
    color: white;
  } */
  .smartfilter .lvl1 .kombox-combo label:hover {
    background-color: var(--tinted-bg);
  }
  .smartfilter .lvl1 .kombox-combo input[name^="colors"]:checked + label {
    outline: 2px solid #7979c5;
    background-color: unset;
  }

  .smartfilter .lvl1 .kombox-num {
    display: flex;    
    gap: 30px;
    width: 100%;
  }

  .smartfilter .lvl1 .kombox-num .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--tinted-bg);
    cursor: pointer;
    padding: 8px 14px;
    width: calc(50% - 17.5px);
    height: 44px;
    color: var(--selected);
    font-size: 16px;
    user-select: none;
    /* Firefox */
  }
  .smartfilter .lvl1 .kombox-num .txt::-webkit-outer-spin-button,
  .smartfilter .lvl1 .kombox-num .txt::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
  }
  .smartfilter .lvl1 .kombox-num .txt[type="number"] {
    appearance: textfield;
  }
  @media screen and (min-width: 1280px) {
    .smartfilter .lvl1 .kombox-num .txt:hover {
      background-color: var(--tinted-hover);
    }
  }
  @media screen and (max-width: 1024px) {
    .smartfilter .lvl1 .kombox-num .txt {
      width: calc(33% - 17.5px);
    }
  }
  @media screen and (max-width: 480px) {
    .smartfilter .lvl1 .kombox-num .txt {
      width: calc(50% - 17.5px);
    }
  }
  .smartfilter .lvl1 .kombox-combo .subfilter-group {
    width: 100%;
  }
  .smartfilter .lvl1 .kombox-combo .subfilter-group .filter-name {
    margin-right: 20px;
    font: 400 18px/116% "Roboto-Regular";
  }
  .smartfilter .lvl1 .kombox-combo .subfilter-group .kombox-combo {
    margin-top: 10px;
  }
  .smartfilter .lvl1 .kombox-combo .subfilter-group .drop-filters {
    cursor: pointer;
    color: var(--selected);
    font: 400 14px/114% "Roboto-Regular";
  }
  .smartfilter .lvl1 .kombox-combo .subfilter-group input.filter-option {
    text-align: center;
    color: #6b6b6b;
  }
  @media screen and (max-width: 1024px) {
    .smartfilter .lvl1 {
      margin-bottom: 40px;
      padding-bottom: 20px;
    }
  }
  .smartfilter .controls {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.07);
    background-color: white;
    padding: 30px 20px 40px;
    width: 100%;
  }
  .smartfilter .controls .button {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease-in, color 0.2s ease-in, box-shadow 0.2s ease-in;
    border-radius: 10px;
    background-color: var(--selected);
    padding: 12.5px;
    letter-spacing: 0.02em;
    color: white;
    font: 16px/118% "Roboto-Medium";
    user-select: none;
    cursor: pointer;
    width: 100%;
  }
  .smartfilter .controls .button:hover {
    background-color: var(--footer);
  }
  .smartfilter .controls .button:active {
    box-shadow: 0 0 0 2px var(--primary);
    background-color: white;
    color: #7979c5;
  }
  .smartfilter .controls .button:disabled {
    opacity: 0.7;
    background-color: var(--tinted-bg);
    color: var(--selected);
    pointer-events: none;
  }
  @media screen and (max-width: 1024px) {
    .smartfilter .controls .button {
      max-width: 400px;
    }
  }
  .smartfilter .controls .button.clear {
    background-color: var(--error);
  }
  @media screen and (max-width: 1024px) {
    .smartfilter .controls {
      display: flex;
    }
  }
  .smartfilter .lvl1.small .ys-opt {
    margin-bottom: 20px;
  }
  .smartfilter .lvl1.small[id="color"] .kombox-combo {
    gap: 10px;
  }
  .smartfilter .lvl1 .brand-search {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 100%;
    min-width: 0;
    height: 44px;
    color: rgba(121, 121, 197, 0.7);
  }
  .smartfilter .lvl1 .brand-search .searchbar-form {
    display: flex;
    border-radius: 11px;
    background-color: var(--tinted-bg);
    padding: 12.5px 14px 12.5px 46px;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .smartfilter .lvl1 .brand-search .searchbar-form .svg-container {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    align-items: center;
    margin: auto;
  }
  .smartfilter .lvl1 .brand-search .searchbar-form .svg-container:disabled {
    cursor: initial;
  }
  .smartfilter .lvl1 .brand-search .searchbar-form .svg-container svg * {
    fill: var(--selected);
  }
  .smartfilter .lvl1 .brand-search .searchbar-form .svg-container svg {
    width: 24px;
    height: 24px;
  }
  .smartfilter .lvl1 .brand-search .searchbar-form button.search {
    left: 12px;
  }
  .smartfilter .lvl1 .brand-search .searchbar-form button.search-mobile {
    display: none;
    right: 8px;
  }
  .smartfilter .lvl1 .brand-search .searchbar-form button.close {
    display: none;
    right: 38px;
  }
  @media screen and (min-width: 1024px) {
    .smartfilter .lvl1 .brand-search .searchbar-form button.close {
      right: 8px;
    }
  }
  .smartfilter .lvl1 .brand-search .searchbar-form input,
  .smartfilter .lvl1 .brand-search .searchbar-form input::placeholder {
    color: rgba(121, 121, 197, 0.7);
  }
  .smartfilter .lvl1 .brand-search .searchbar-form input {
    display: flex;
    align-items: center;
    width: 100%;
    font: 400 16px/100% "Roboto-Regular";
  }
  @media screen and (max-width: 1080px) {
    .smartfilter .lvl1 .brand-search {
      height: 38px;
    }
  }
  @media screen and (max-width: 1024px) {
    .smartfilter .lvl1 .brand-search {
      width: 350px;
    }
  }
  @media screen and (max-width: 480px) {
    .smartfilter .lvl1 .brand-search {
      width: 100%;
    }
  } 
  
  .smartfilter .lvl1.small[id="color"] .kombox-combo .checkbox.lvl2:hover {
    background-color: var(--tinted-bg);
  }
  .smartfilter .lvl1 .kombox-combo .checkbox.lvl2 {
    display: flex;
    gap: 15px;
    align-items: center;
    cursor: pointer;
    padding-left: 5px;
    width: 100%;
    transition: background-color 0.2s ease-in;  
    height: 32px;
    min-height: 32px;    
  }

  .smartfilter .lvl1 .kombox-combo .checkbox.lvl2.kombox-disabled {
    display: none;
      }

  .smartfilter .lvl1 .kombox-combo .checkbox.lvl2 span {
    max-width: 16ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: none;
  }

  .smartfilter .lvl1 .kombox-combo .checkbox.lvl2 span.brand-name.strong {
    font-weight: bolder;
  }
  @media screen and (max-width: 480px) {
    .smartfilter .lvl1 .kombox-combo .checkbox.lvl2 span {
      max-width: 26ch;
    }
  }
  .smartfilter .lvl1 .kombox-combo svg #bg {
    fill: rgba(155, 155, 226, 0.4);
  }
  .smartfilter .lvl1 .kombox-combo svg path {
    stroke: none;
  }
  .smartfilter .lvl1 .kombox-combo .checkbox.lvl2.kombox-checked {
    background-color: transparent;
    color: unset;
  }
  .smartfilter .lvl1 .kombox-combo .checkbox.lvl2.kombox-checked svg #bg {
    fill: var(--selected);
  }
  .smartfilter .lvl1 .kombox-combo .checkbox.lvl2.kombox-checked svg path {
    stroke: white;
  }

  @media screen and (max-width: 480px) {
    .smartfilter .lvl1.small .kombox-combo {
      display: flex;
      grid-template-columns: unset;
      padding-bottom: 2px;
      gap: 6px;
      height: fit-content;
      min-height: calc(calc(32px * 2) + 48px);
    }
  }
  .smartfilter .lvl1.small .kombox-combo.small-select {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .smartfilter .lvl1.small .kombox-combo.small-select .filter-option {
    cursor: pointer;
    padding: 0 10px;
    width: unset;
    height: 38px;
  }
  @media screen and (max-width: 1024px) {
    .smartfilter {
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
      flex-direction: column;
      z-index: 1010;
      padding: 20px 20px 40px;
      padding-bottom: 180px;
      width: 100%;
      height: 100%;
      overflow: auto;
    }
    .smartfilter .drop-filters {
      display: none;
    }
    .smartfilter .modal-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 30px;
      margin-bottom: 40px;
      width: 100%;
    }
    .smartfilter .modal-heading span {
      font: 600 22px/118% "Roboto-Regular";
    }
    .smartfilter .modal-heading .svg-container {
      display: flex;
      align-items: center;
      justify-content: center;
      transition: rotate 0.2s ease-in;
      cursor: pointer;
    }
    .smartfilter .modal-heading .svg-container:hover {
      rotate: 20deg;
    }
    .smartfilter .modal-heading .svg-container svg * {
      fill: var(--selected);
    }
  }




  .left-filters__button_hidden {
    display: none
}
.apply-filters-float-btn {
    background-image: linear-gradient(0deg,#7878c4,#7878c4);
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    /* line-height: 64px; */
    outline: none;
    padding: 0;
    position: absolute;
    /* left: 492px; */
    /* top: 1196px; */
    text-align: center;
    width: 120px;
    z-index: 102;
}

  .apply-filters-float-btn:before {
    background-image: linear-gradient(45deg,#7878c4,#7878c4);
    border-radius: 4px;
    content: "";
    display: block;
    height: 35px;
    left: -14px;
    position: absolute;
    top: 8px;
    transform: rotate(135deg);
    width: 35px;
    z-index: -1;

  }
@media screen and (max-width: 1024px) {
  .apply-filters-float-btn{
    display: none;
  }
}
/* .apply-filters-float-btn:after {
    background-image: inherit;
    border-radius: inherit;
    box-shadow: inherit;
    content: attr(data-label);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}  */

/* .apply-filters-float-btn:hover {
    background-image: linear-gradient(180deg,#a8a8dd,#a8a8dd);
    box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.2)
}

.apply-filters-float-btn:hover:before {
    background-image: linear-gradient(45deg,#a8a8dd,#a8a8dd);
    box-shadow: inset -2px 0 0 0 rgba(0,0,0,.2)
} */

.kombox-filter-property-name {
  letter-spacing: 0.02em;
  font-family: "Roboto-Regular";
  font-weight: 600;
  font-size: 24px;
}

@media screen and (max-width: 1024px) {
  .kombox-filter-property-name {
    font: 600 18px/116% "Roboto-Regular";
  }
}
/* End */


/* Start:/local/components/custom/iblock.vote/templates/stars/style.css?1739173916786*/



.bx_item_detail_rating .bx_stars_container{
	position: relative;
	width: 110px;
	height: 22px;
	background: #dadada;
	background-size: 100% 100%;
	
}
.bx_item_detail_rating .bx_stars_bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	
	background: url(/local/components/custom/iblock.vote/templates/stars/images/stars.svg) no-repeat center;
	background-size: cover;
}

.bx_item_detail_rating .bx_stars_progress{
	position: absolute;
	top: 3px;
	bottom: 0;
	left: 0;
	background: #F9AE3E;
}
.bx_item_detail_rating .bx_stars_rating_votes{
	color: #D9D9D9;
	font-size: 14px;
	line-height: 14px;
}

/*.bx_item_detail_rating .bx_vam{vertical-align: middle;}*/

@media (max-width:530px){
	.bx_item_detail_rating .bx_stars_rating_votes{
			font-size: 14px;
			line-height: 14px;
	}
}
/* End */
/* /local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/selectbox.css?16889781722383 */
/* /local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/css/uniform.default.css?16889781729421 */
/* /local/components/custom/custom.catalogue.filter/templates/filterBrandNewDesign2023/style.css?175308367012760 */
/* /local/components/custom/iblock.vote/templates/stars/style.css?1739173916786 */