/* :root custom properties (CSS variables) */

/* from live_connector.min.css */
.block-sidebar, .widget-filters, .widget-filters--offcanvas--always, .widget-filters--offcanvas--mobile {
  --footer-bg-color:transparent;
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

/* from live_connector.min.css */
@media (prefers-reduced-motion:no-preference) {
  .block-sidebar, .widget-filters, .widget-filters--offcanvas--always, .widget-filters--offcanvas--mobile {
    scroll-behavior:smooth
  }
}

/* from live_connector.min.css */
.block-sidebar, .widget-filters, .widget-filters--offcanvas--always, .widget-filters--offcanvas--mobile {
  --ui-color-primary:#26292d;
  --ui-color-primary-bg:#26292d;
  --ui-color-primary-text:#fff;
  --ui-color-primary-border:#26292d;
  --ui-color-secondary:#d7d7d7;
  --ui-color-secondary-bg:#d7d7d7;
  --ui-color-secondary-text:#26292d;
  --ui-color-secondary-border:#d7d7d7;
  --ui-color-default:#2770b5;
  --ui-color-default-bg:#2770b5;
  --ui-color-default-text:#fff;
  --ui-color-default-border:#2770b5;
  --border-default:#d7d7d7;
  --border-subtle:#e5e5e5;
  --border-strong:#26292d;
  --text-primary:#26292d;
  --text-inverse:#fff;
  --text-secondary:#6d6d6d;
  --text-muted:#e5e5e5;
  --text-soft:#ffffff5e;
  --text-placeholder:#999;
  --bg-primary:#26292d;
  --bg-primary-soft:#ffffff5e;
  --bg-surface:#fff;
  --bg-surface-secondary:#e5e5e5;
  --bg-surface-secondary-soft:#f3f3f3;
  --bg-page:#FBFBFB;
  --bg-disabled:#bcb7b749;
  --shadow-soft:#e9e9e9;
  --shadow-strong:#26292d;
  --input-border-focus:#c1c1c1;
  --input-text:#26292d;
  --input-bg:#eeeeee61;
  --input-border:#d7d7d7;
  --font-family-body:"Roboto",sans-serif;
  --font-lg:18px;
  --font-md:16px;
  --font-sm:14px;
  --font-w-regular:400;
  --font-w-medium:500;
  --font-w-semibold:600;
  --font-w-bold:700;
  --font-w-extrabold:800;
  --font-w-black:900;
  --status-warning:#ffd333;
  --status-warning-dark:#d35400;
  --status-success:#439e4a;
  --status-success-bright:#44bd32;
  --status-info:#17a2b8;
  --status-light-info:#b8e2e5;
  --status-danger:#eb3e32;
  --status-danger-red:#ff0000;
  --status-info-light:#8cc4f93b;
  --status-primary:#1a66ff;
  --status-primary-dark:#2a4176;
  --color-social-facebook:#3c5a99;
  --color-social-twitter:#00a2e8;
  --color-social-youtube:#e52e2e;
  --color-social-instagram:#815dc7;
  --color-social-rss:#ffc338;
  --checkout-border-light-color:#bbb;
  --checkout-bg-color:#F5F5F5;
  --checkout-bg-color-2:#c9c9c9;
  --checkout-bg:#f4f6fa;
  --checkout-link-color:#1e3a8a;
  --header-bg:#fff;
  --footer-divider-color:#0000003c;
  --footer-bg:#FBFBFB;
  --menu-bg:#fff;
  --menu-item-text:#26292d;
  --menu-item-hover-text:#26292d;
  --menu-border:#d7d7d7;
  --menu-mobil-sub-bg:#f5f5f5;
  --menu-offcanvas-bg:rgba(0, 0, 0, 0.5);
  --arrow-icon-bg:#e5e5e5;
  --arrow-icon-hover-bg:#e5e5e5;
  --arrow-icon-text:#26292d;
  --arrow-icon-hover-text:#26292d;
  --product-add-cart-badge:#439e4a;
  --product-add-cart-badge-text:#fff;
  --slider-navigation-bg:#26292d;
  --slider-navigation-text:#fff;
  --alert-success-bg:#439e4a;
  --alert-success-icon:#fff
}

/* from live_connector.min.css */
.block-sidebar, .widget-filters, .widget-filters--offcanvas--always, .widget-filters--offcanvas--mobile {
  --swiper-theme-color:#007aff
}

/* from live_connector.min.css */
.block-sidebar, .widget-filters, .widget-filters--offcanvas--always, .widget-filters--offcanvas--mobile {
  --swiper-navigation-size:44px
}

/* from live_custom.css */
.block-sidebar, .widget-filters, .widget-filters--offcanvas--always, .widget-filters--offcanvas--mobile {
  --main-color:#cd7f32
}


/* from live_connector.min.css */

.order-filter {
  display:flex;
  align-items:center;
  justify-content:flex-start
}

#date-order-filter button,#statusOrderFilter,.order-filter li {
  border:1px solid var(--border-default);
  height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  margin:0 3px;
  border-radius:6px;
  font-size:13px;
  font-weight:400;
  color:var(--text-primary);
  background-color:#fff;
  white-space:nowrap
}

.order-filter li.active .order-filter-link:hover {
  color:var(--ui-color-primary-text)
}

#date-order-filter button i {
  font-size:12px;
  margin-left:14px
}

#date-order-filter ul li,#status-order-filter ul li {
  font-size:13px;
  padding:2px 0;
  border:0
}

.order-filter li.active {
  border:1px solid var(--ui-color-primary-border);
  color:var(--ui-color-primary-text);
  background-color:var(--ui-color-primary-bg)
}

.order-header__search-box:focus-within+.order-filter {
  transform:translateX(40px);
  opacity:0;
  pointer-events:none;
  transition:transform .2s ease,opacity .2s ease
}

@media screen and (max-width:990px) {
  .order-header__filters {
    display:flex;
    width:100%;
    justify-content:space-between;
    gap:8px
  }
}

@media screen and (max-width:990px) {
  .order-header__filters .dropdown,.order-header__filters .dropdown button {
    width:100%
  }
}

.filter-number {
  background-color:var(--ui-color-primary-bg);
  color:var(--ui-color-primary-text);
  border-radius:100%;
  position:absolute;
  top:30%;
  right:50px;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px
}

.store-filter-buttons {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  height:100%
}

.store-filter-btn,.store-reset-btn {
  width:100%;
  padding:8px;
  text-align:center;
  border-radius:6px;
  transition:all .3s
}

.store-filter-btn {
  background-color:var(--ui-color-primary-bg);
  color:var(--ui-color-primary-text);
  border:1px solid var(--ui-color-primary-border)
}

.store-filter-btn:hover,.store-reset-btn:hover {
  opacity:.8
}

.store-mobile-filter-btn {
  display:none
}

.filter-mobile-container h5 {
  display:none
}

@media screen and (max-width:768px) {
  .store-filter-buttons {
    margin-top:10px
  }
}

@media screen and (max-width:768px) {
  .filter-mobile-container {
    left:-120%;
    position:absolute;
    background:#fff;
    width:100%;
    height:100%;
    top:0;
    transition:.5s all;
    right:0;
    bottom:0;
    padding:24px
  }
}

@media screen and (max-width:768px) {
  .filter-mobile-container.active {
    transition:.5s all;
    left:0;
    background-color:#fff;
    z-index:99999;
    min-height:100vh
  }
}

@media screen and (max-width:768px) {
  .store-mobile-filter-btn {
    display:block;
    background-color:var(--text-primary);
    color:var(--text-inverse);
    padding:10px 33px;
    width:max-content;
    margin:auto;
    margin-left:14px;
    border-radius:3px
  }
}

@media screen and (max-width:768px) {
  .filter-mobile-container h5 {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:20px 0;
    font-weight:var(--font-w-medium);
    font-size:var(--font-md);
    border-bottom:1px solid var(--border-strong);
    padding-bottom:12px
  }
}

@media screen and (max-width:768px) {
  .store-filter-close {
    background-color:var(--bg-surface-secondary);
    color:var(--text-primary);
    padding:12px;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100%
  }
}

@media screen and (max-width:768px) {
  #products-orderby-btn,.products-orderby-container,.view-options__filters-button {
    height:45px
  }
}

@media screen and (max-width:768px) {
  #products-orderby-btn,.view-options__filters-button {
    height:45px;
    width:100%
  }
}

@media screen and (max-width:768px) {
  .desktop--filters-button span,.filters-button span {
    padding:0
  }
}

.ship-to-invoice-address .info .input-check__input:checked~.input-check__box {
  background-color:var(--ui-color-primary-bg)
}

.address--box--title-check .input-check__input:checked~.input-check__box {
  background-color:var(--ui-color-primary-bg)
}

.address--box--title-check .input-check__input {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%
}

.address--box--title .input-check__input+.input-check__box+.input-check__icon {
  display:none;
  position:absolute;
  top:16px;
  left:16px
}

.address--box--title .input-check__box {
  width:24px;
  height:24px;
  border-radius:50%
}

#shipping-addresses-form span.form-check-input.input-check {
  width:auto;
  background-color:transparent
}

.banktransfer__box .input-check__input+.input-check__box+.input-check__icon {
  display:block;
  position:absolute;
  top:21px;
  right:5px;
  left:unset
}

table.installment-table .input-check__input:checked~.input-check__box {
  background-color:var(--ui-color-primary-bg)
}

table.installment-table .input-check__input:checked~.input-check__icon {
  color:var(--ui-color-primary-text)
}

#checkout-payment-card .input-check__body .input-check__input {
  cursor:pointer
}

@media screen and (max-width:1023px) {
  .block-sidebar--offcanvas--mobile .filter__body {
    position:unset;
    height:0!important
  }
}

@media screen and (max-width:1023px) {
  .block-sidebar--offcanvas--mobile .filter--opened .filter__body {
    height:max-content!important
  }
}

@media screen and (max-width:1023px) {
  .block-sidebar--offcanvas--mobile .filter-categories__list {
    flex-direction:column
  }
}

@media screen and (max-width:1023px) {
  .block-sidebar--offcanvas--mobile .filter__container {
    height:max-content;
    max-height:max-content;
    min-width:max-content;
    width:100%
  }
}

@media screen and (max-width:1023px) {
  .widget-filters.widget.widget-filters--offcanvas--mobile::before {
    display:none
  }
}

@media screen and (max-width:1023px) {
  .block-sidebar--offcanvas--mobile .filter-categories__list li,.widget-filters--offcanvas--mobile .filter-list__list label {
    width:100%
  }
}

@media screen and (max-width:1023px) {
  .block-sidebar--offcanvas--mobile #AttrsContainer .filter-list__list,.block-sidebar--offcanvas--mobile .filter--opened .filter-list__list,.block-sidebar--offcanvas--mobile .filter-color__list {
    max-width:275px
  }
}

@media screen and (max-width:1023px) {
  .block-sidebar--offcanvas--mobile .widget-filters__list {
    overflow:hidden
  }
}

@media screen and (max-width:1023px) {
  .block-sidebar--offcanvas--mobile .filter__arrow {
    top:20px
  }
}

.widget-nav-filters {
  display:none
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile .filter__container {
    min-width:100%
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile .filter-color__list {
    max-width:100%
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile .widget-nav-filters li:last-child {
    display:none
  }
}

@media screen and (max-width:768px) {
  .filters-button__title {
    white-space:nowrap;
    display:flex;
    align-items:center
  }
}

@media screen and (max-width:768px) {
  .filters-button__title svg {
    margin-right:15px
  }
}

@media screen and (max-width:768px) {
  #mobile-filters-btn,#products-orderby-btn select {
    display:flex;
    justify-content:space-between;
    align-items:center;
    white-space:nowrap;
    width:100%;
    padding:10px;
    border:none;
    color:var(--ui-color-primary-text);
    height:40px;
    background-color:var(--ui-color-primary-bg);
    font-size:14px;
    line-height:16px;
    -webkit-appearance:none;
    border-radius:0
  }
}

@media screen and (max-width:768px) {
  [dir=ltr] .view-options__filters-button {
    margin:0
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile .block-sidebar__body {
    width:100%
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile .block-sidebar__header {
    background-color:var(--bg-primary);
    color:var(--text-inverse);
    height:44px
  }
}

@media screen and (max-width:768px) {
  .block-sidebar__title {
    padding:0 16px;
    font-weight:var(--font-w-medium);
    color:var(--text-inverse)
  }
}

@media screen and (max-width:768px) {
  [dir=ltr] .block-sidebar__close {
    border:0;
    color:var(--text-inverse)
  }
}

@media screen and (max-width:768px) {
  .block-sidebar__close svg {
    fill:var(--text-inverse);
    height:15px
  }
}

@media screen and (max-width:768px) {
  .widget-nav-filters {
    display:block;
    position:fixed;
    top:48px;
    left:0;
    right:0;
    width:100%;
    z-index:99;
    background-color:var(--bg-surface)
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--always .widget-nav-filters {
    position:unset
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--always .block-sidebar__header {
    background:var(--bg-primary)
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile .widget-filters__list {
    margin-top:0
  }
}

@media screen and (max-width:768px) {
  .widget-nav-filters ul {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--border-default)
  }
}

@media screen and (max-width:768px) {
  .widget-nav-filters ul li {
    border-left:1px solid var(--border-default);
    width:100%;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:var(--font-w-medium);
    font-size:13px;
    color:var(--text-primary)
  }
}

@media screen and (max-width:768px) {
  .widget-filters__actions {
    padding:0
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile .widget-filters__actions,.widget-filters--offcanvas--mobile .widget-filters__actions {
    width:100%
  }
}

@media screen and (max-width:768px) {
  .filter-apply-btn {
    color:var(--text-inverse);
    background-color:var(--status-primary)
  }
}

@media screen and (max-width:768px) {
  .filter-clear-btn {
    color:var(--text-primary);
    background-color:transparent
  }
}

@media screen and (max-width:768px) {
  .filter-apply-btn,.filter-clear-btn {
    width:auto;
    display:inline;
    text-align:center;
    font-weight:var(--font-w-medium);
    font-size:13px;
    margin:0;
    text-decoration:none!important;
    border:0;
    white-space:nowrap
  }
}

@media screen and (max-width:768px) {
  .stock--button,.widget-filters__item {
    width:100%
  }
}

@media screen and (max-width:768px) {
  [dir=ltr] .filter__title {
    text-align:left;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize;
    color:var(--text-primary);
    width:100%
  }
}

@media screen and (max-width:768px) {
  .filter-categories__list li,.widget-filters--offcanvas--mobile .filter-list__list label {
    text-align:left;
    font-size:16px;
    font-weight:400!important;
    text-transform:capitalize;
    color:var(--text-primary);
    width:100%;
    border-bottom:1px solid var(--border-subtle);
    padding:15px 18px;
    margin:0
  }
}

@media screen and (max-width:768px) {
  .filter__title:focus,.filter__title:hover {
    text-decoration:none
  }
}

@media screen and (max-width:768px) {
  [dir=ltr] .filter__arrow {
    transform:rotate(270deg)
  }
}

@media screen and (max-width:768px) {
  .filter__container {
    padding:0
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile .content-search {
    width:93%;
    margin:0;
    max-width:100%;
    min-width:100%;
    height:60px
  }
}

@media screen and (max-width:768px) {
  .block-sidebar__item {
    background-color:var(--bg-surface-secondary)
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--always .block-sidebar__item {
    background-color:transparent
  }
}

@media screen and (max-width:768px) {
  .block-sidebar--offcanvas--mobile #AttrsContainer .filter-list__list,.block-sidebar--offcanvas--mobile .filter--opened .filter-list__list {
    width:100%;
    max-width:100%
  }
}

@media screen and (max-width:768px) {
  .filters-backspace-btn.is-active {
    text-decoration:underline;
    font-weight:var(--font-w-medium)
  }
}

@media screen and (max-width:768px) {
  #AttrsContainer .filter-list__list label .input-check__box {
    width:16px;
    height:16px;
    position:unset;
    box-shadow:none;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize;
    color:var(--text-primary)
  }
}

@media screen and (max-width:768px) {
  #AttrsContainer .filter-list__list label input:checked+.input-check__box {
    background-color:transparent;
    color:var(--text-primary)
  }
}

@media screen and (max-width:768px) {
  .selectedfilters .filter__body {
    top:100px!important
  }
}

@media screen and (max-width:1000px) {
  .search-page .block-sidebar__header {
    display:flex;
    background-color:var(--bg-primary);
    color:var(--text-inverse);
    justify-content:space-between;
    align-items:center
  }
}

@media screen and (max-width:1000px) {
  .search-widget.widget-filters--offcanvas--mobile {
    margin-top:44px
  }
}

@media screen and (max-width:1000px) {
  .search-page .widget-filters__item {
    width:100%
  }
}

@media screen and (max-width:1000px) {
  .search-page .filter--opened .filter__body {
    left:0;
    top:110px;
    background:var(--bg-surface);
    min-height:100vh!important;
    z-index:99
  }
}

@media screen and (max-width:1000px) {
  .block-sidebar--offcanvas--always .filter--opened .filter__body {
    min-height:max-content!important
  }
}

@media screen and (max-width:1000px) {
  .search-page .filter__arrow {
    right:10px;
    top:22px
  }
}

@media screen and (max-width:990px) {
  #mobile-filters-btn,#products-orderby-btn select {
    display:flex;
    justify-content:space-between;
    align-items:center;
    white-space:nowrap;
    width:100%;
    height:45px;
    padding:10px;
    border:none;
    color:var(--ui-color-primary-text);
    background:var(--ui-color-primary-bg);
    border:1px solid var(--ui-color-primary-border);
    font-size:14px;
    line-height:16px;
    -webkit-appearance:none
  }
}

.filters-button {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:0 9px;
  border-radius:2px;
  cursor:pointer;
  font-family:inherit;
  font-weight:var(--font-w-medium);
  font-size:14px;
  color:inherit
}

.filters-button:focus {
  outline:0
}

.filters-button:hover {
  opacity:.8
}

.filters-button__icon {
  fill:var(--text-primary)
}

[dir=ltr] .filters-button__icon {
  margin-right:8px
}

[dir=rtl] .filters-button__icon {
  margin-left:8px
}

.filters-button__counter {
  display:block;
  height:20px;
  font-size:13px;
  font-weight:var(--font-w-medium);
  padding:2px 5px 0;
  border-radius:2px;
  line-height:16px;
  background:var(--status-warning);
  color:var(--text-primary)
}

[dir=ltr] .filters-button__counter {
  margin-left:12px;
  margin-right:-4px
}

[dir=rtl] .filters-button__counter {
  margin-right:12px;
  margin-left:-4px
}

.input-check {
  display:inline-block
}

.input-check__body {
  display:block;
  position:relative;
  width:16px;
  height:16px
}

.input-check__input {
  opacity:0;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  cursor:inherit
}

.input-check__box {
  display:block;
  width:16px;
  height:16px;
  border-radius:1.2px;
  background:var(--bg-surface);
  -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;
  box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;
  -webkit-transition:background .15s,-webkit-box-shadow .15s;
  transition:background .15s,-webkit-box-shadow .15s;
  transition:background .15s,box-shadow .15s;
  transition:background .15s,box-shadow .15s,-webkit-box-shadow .15s
}

.input-check__icon {
  pointer-events:none;
  position:absolute;
  left:4px;
  top:5px;
  color:var(--text-inverse);
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:color .15s,visibility 0s .15s,-webkit-transform .15s;
  transition:color .15s,visibility 0s .15s,-webkit-transform .15s;
  transition:color .15s,transform .15s,visibility 0s .15s;
  transition:color .15s,transform .15s,visibility 0s .15s,-webkit-transform .15s;
  transition:fill .15s,transform .15s,visibility 0s .15s,-webkit-transform .15s
}

.input-check__input:checked~.input-check__box {
  -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset
}

.input-check__input:checked~.input-check__icon {
  color:#000;
  -webkit-transition-delay:0s,0s,0s;
  transition-delay:0s,0s,0s;
  -webkit-transform:scale(1);
  transform:scale(1)
}

.input-check__input:disabled {
  cursor:not-allowed
}

.input-check__input:disabled~.input-check__box {
  background:var(--bg-surface);
  -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;
  box-shadow:0 0 0 1px rgba(0,0,0,.1) inset
}

.input-check__input:disabled~.input-check__icon {
  fill:var(--text-primary)
}

.input-check-color {
  display:inline-block
}

.input-check-color__body {
  display:flex;
  position:relative;
  width:max-content;
  height:max-content;
  cursor:inherit;
  align-items:center
}

.input-check-color__input {
  position:absolute;
  visibility:hidden;
  width:100%;
  height:100%;
  opacity:0
}

.input-check-color__box {
  display:block;
  width:17px;
  height:17px;
  background:0 0;
  cursor:inherit;
  box-shadow:rgba(0,0,0,.02) 0 1px 3px 0,rgba(27,31,35,.15) 0 0 0 1px;
  margin-right:12px;
  border-radius:2px
}

.input-check-color__icon {
  position:absolute;
  left:-1px;
  top:0;
  fill:var(--text-inverse);
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:-webkit-transform .15s;
  transition:-webkit-transform .15s;
  transition:transform .15s;
  transition:transform .15s,-webkit-transform .15s
}

.input-check-color__input:checked~.input-check-color__icon {
  -webkit-transform:scale(1);
  transform:scale(1)
}

.input-check-color__input:checked~.input-check-color__stick {
  color:#111
}

.input-check-color__input:disabled {
  cursor:default
}

.input-check-color__input:disabled~.input-check-color__box {
  position:relative;
  left:0;
  top:0;
  width:22px;
  height:22px;
  opacity:.5;
  cursor:default
}

.input-check-color__input:disabled~.input-check-color__stick {
  pointer-events:none;
  display:block;
  position:absolute;
  width:2px;
  border-radius:1px;
  height:34px;
  left:calc(50% - 1px);
  top:-6px;
  background:rgba(102,102,102,.9);
  -webkit-transform:rotateZ(45deg);
  transform:rotateZ(45deg);
  -webkit-transform-origin:center center;
  transform-origin:center center
}

.input-check-color--light .input-check-color__icon {
  color:var(--text-primary)
}

.input-check-color--white .input-check-color__box {
  -webkit-box-shadow:0 0 0 2px var(--shadow-soft) inset;
  box-shadow:0 0 0 2px var(--shadow-soft) inset
}

.input-check-color--white .input-check-color__icon {
  fill:var(--text-inverse)
}

.anm-filter:before {
  content:"\e996"
}

.anm-filter-r:before {
  content:"\eab3"
}

.anm-filter-l:before {
  content:"\ebb6"
}

.icon-filter:before {
  content:"\e6a2"
}

@media screen and (max-width:767px) {
  .blog-single-page .blog-filter {
    display:none!important
  }
}

@media screen and (max-width:990px) {
  .widget-filters--offcanvas--mobile .widget-filters__item {
    border-width:1px;
    margin:0
  }
}

@media screen and (max-width:990px) {
  .filter__body {
    position:unset
  }
}

@media screen and (max-width:990px) {
  .widget-filters__item {
    background-color:var(--bg-surface)
  }
}

@media screen and (max-width:990px) {
  .filter__container {
    width:100%;
    min-width:100%;
    height:auto;
    padding:15px
  }
}

@media screen and (max-width:990px) {
  .filter-categories__list {
    display:block
  }
}

@media screen and (max-width:990px) {
  #AttrsContainer .filter-list__list label {
    width:40px;
    height:40px
  }
}

@media screen and (max-width:990px) {
  .filter-categories__list li {
    width:100%
  }
}

@media screen and (max-width:990px) {
  .filter-list__list label {
    width:100%;
    margin:2px 0
  }
}

@media screen and (max-width:990px) {
  .filter__title svg {
    opacity:1
  }
}

@media screen and (max-width:990px) {
  .desktop-options__filter-button {
    display:none
  }
}

@media screen and (max-width:990px) {
  .filter__title {
    width:97%;
    padding:15px;
    border-bottom:1px solid var(--border-strong)
  }
}

@media screen and (max-width:990px) {
  .filter--bg {
    background-color:transparent!important
  }
}

@media screen and (max-width:990px) {
  .filter__body {
    margin:0
  }
}

@media screen and (max-width:990px) {
  #AttrsContainer .filter-list__list label {
    margin:3px
  }
}

.search-page .filter--opened .filter__body {
  position:absolute;
  left:320px;
  top:110px
}

.search-page .widget-filters--offcanvas--always .filter--opened .filter__body {
  position:unset;
  left:0;
  top:0
}

.widget-filters--offcanvas--always .filter-number {
  background-color:var(--ui-color-primary-bg);
  color:var(--ui-color-primary-text);
  border-radius:100%;
  position:relative;
  margin-left:30px;
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:var(--font-sm)
}

.widget-filters--offcanvas--always .filter__title {
  display:flex;
  align-items:center;
  justify-content:space-between
}

.widget-filters--offcanvas--always .filter__title i {
  font-size:12px
}

.search-page .widget-filters__item {
  width:300px;
  border-right:1px solid var(--border-subtle);
  background-color:var(--footer-bg-color)
}

.widget-filters-sidebar__header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--border-default);
  padding:15px;
  font-weight:var(--font-w-medium)
}

.widget-filters__closebtn {
  border-bottom:1px solid var(--border-default);
  width:100%;
  display:flex;
  justify-content:space-between;
  background-color:var(--footer-bg-color);
  align-items:center
}

.block-sidebar--offcanvas--always .widget-filters__closebtn {
  display:none
}

.widget-filters__closebtn .widget__title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
  padding:10px 23px;
  font-weight:var(--font-w-medium);
  font-size:16px;
  letter-spacing:1px;
  text-transform:uppercase
}

.widget-filters__closebtn .widget__title svg {
  margin-right:8px
}

.widget-filters.widget.widget-filters--offcanvas--mobile::before {
  position:absolute;
  left:300px;
  top:46px;
  width:100%;
  height:100%;
  background-color:var(--footer-bg-color);
  z-index:0;
  content:''
}

.widget-filters--offcanvas--always .filter-list__list {
  display:flex;
  flex-wrap:wrap;
  flex-direction:column
}

.widget-filters__list {
  background-color:var(--bg-surface)
}

.filter--bg {
  background:var(--footer-bg-color)!important
}

.widget-filters--offcanvas--always .filter--bg {
  background:var(--bg-surface)!important
}

.catalogsidebar__close-btn {
  text-align:right;
  font-weight:var(--font-w-medium);
  font-size:15px;
  padding:10px 23px;
  align-items:center;
  justify-content:space-between;
  text-decoration:underline
}

.catalogsidebar__close-btn i::before {
  display:none
}

.catalogsidebar__close-btn svg {
  width:15px;
  height:15px;
  border-radius:30px;
  transition:.5s all;
  transform:scale(1)
}

.catalogsidebar__close-btn:hover svg {
  border:1px solid var(--border-strong);
  transition:.5s all;
  transform:scale(1.2)
}

.block-sidebar--offcanvas--mobile .filter__container {
  width:98%;
  min-width:500px;
  height:max-content;
  max-height:600px
}

.widget-filters--offcanvas--always .filter__container {
  padding:10px 15px 15px;
  overflow-y:unset
}

.block-sidebar--offcanvas--mobile .filter__container {
  overflow-y:auto
}

.block-sidebar--offcanvas--mobile .widget-filters__actions {
  max-width:300px;
  padding:12px 12px;
  margin:0;
  border-right:1px solid var(--border-default)
}

.block-sidebar--offcanvas--mobile #SelectedFilters {
  display:flex;
  flex-direction:row;
  gap:4px
}

.block-sidebar--offcanvas--mobile .filter-categories__list {
  display:flex;
  flex-wrap:wrap
}

.block-sidebar--offcanvas--mobile .filter-categories__list li {
  width:24%
}

.block-sidebar--offcanvas--mobile .filter__body {
  position:absolute;
  left:320px;
  top:110px;
  opacity:0
}

.block-sidebar--offcanvas--mobile .filter--opened .filter__body {
  opacity:1
}

.widget-filters__item {
  width:300px;
  background-color:var(--bg-page)
}

.block-sidebar--offcanvas--always .widget-filters__item {
  width:100%
}

.block-sidebar--offcanvas--always .filter__title svg {
  opacity:1
}

.filter__title svg {
  opacity:0
}

.widget-filters__item .filter-search {
  margin:10px;
  border:1px solid var(--input-border);
  padding:0 10px;
  border-radius:5px;
  display:flex;
  align-items:center
}

.widget-filters__item .filter-search,.widget-filters__item .filter-search input {
  background-color:var(--input-bg)
}

.widget-filters__item .filter-search input {
  font-size:14px;
  border:0;
  height:45px;
  width:100%
}

.widget-filters__item .filter-search input:focus {
  outline:0
}

.widget-filters--offcanvas--mobile .filter-search {
  display:none
}

.block-sidebar--offcanvas--always .filter__container {
  overflow-y:auto;
  overflow-x:hidden;
  max-height:350px
}

@media screen and (max-width:767px) {
  .block-sidebar--offcanvas--always .filter__container {
    max-height:250px
  }
}

@media screen and (max-width:767px) {
  .widget-filters__item .filter-search input {
    height:40px
  }
}

.filter-list__list {
  display:flex;
  flex-wrap:wrap;
  gap:7px
}

.widget-filters--offcanvas--mobile .filter-list__list label {
  width:19%;
  margin:0 13px 13px 0;
  display:flex;
  align-items:center
}

.widget-filters--offcanvas--always .filter-categories__list {
  padding-left:15px
}

.widget-filters--offcanvas--always #AttrsContainer .filter-list__list {
  gap:0
}

.widget-filters--offcanvas--always .filter-color {
  padding-bottom:20px
}

.desktop--filters-button span,.filters-button span {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px
}

.desktop--filters-button span i,.filters-button span i {
  margin-right:5px
}

.block-sidebar--offcanvas--mobile .widget-filters__closebtn .widget__title i {
  margin-right:8px
}

.block-sidebar--offcanvas--mobile .widget-filters__closebtn .widget__title {
  padding:14px 20px;
  font-size:14px
}

.block-sidebar--offcanvas--mobile .widget-filters__closebtn .catalogsidebar__close-btn {
  background-color:#d7d7d7;
  color:#000;
  width:24px;
  height:24px;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:6px;
  margin-right:14px;
  font-size:12px
}

@media (min-width:992px) {
  .block-sidebar--offcanvas--mobile .filter__title i {
    display:none
  }
}

@media (min-width:992px) {
  .block-sidebar--offcanvas--mobile .filter__title {
    border-right:1px solid var(--border-default)
  }
}

@media (min-width:992px) {
  .block-sidebar--offcanvas--mobile .filter-categories__item--child {
    margin-left:0
  }
}

@media (min-width:992px) {
  .desktop--filters-button,.filters-button {
    background-color:var(--ui-color-primary-bg);
    color:var(--ui-color-primary-text);
    border:1px solid var(--ui-color-primary-border)
  }
}

@media (min-width:992px) {
  .desktop--filters-button svg,.filters-button svg {
    fill:var(--text-inverse);
    margin-right:10px
  }
}

@media screen and (max-width:1415px) and (min-width:990px) {
  .filter--opened .filter__body {
    width:100%;
    min-width:75%
  }
}

[dir=rtl] .view-options__filters-button {
  margin-left:12px
}

.block-sidebar__item+.block-sidebar__item {
  margin-top:30px
}

[dir=ltr] .block-sidebar--position--start {
  padding-right:20px
}

[dir=rtl] .block-sidebar--position--start {
  padding-left:20px
}

@media (max-width:1199px) {
  [dir=ltr] .block-sidebar--position--start {
    padding-right:6px
  }
}

@media (max-width:1199px) {
  [dir=rtl] .block-sidebar--position--start {
    padding-left:6px
  }
}

@media (max-width:991px) {
  [dir=ltr] .block-sidebar--position--start {
    padding-right:0
  }
}

@media (max-width:991px) {
  [dir=rtl] .block-sidebar--position--start {
    padding-left:0
  }
}

[dir=ltr] .block-sidebar--position--end {
  padding-left:20px
}

[dir=rtl] .block-sidebar--position--end {
  padding-right:20px
}

@media (max-width:1199px) {
  [dir=ltr] .block-sidebar--position--end {
    padding-left:6px
  }
}

@media (max-width:1199px) {
  [dir=rtl] .block-sidebar--position--end {
    padding-right:6px
  }
}

@media (max-width:991px) {
  [dir=ltr] .block-sidebar--position--end {
    padding-left:0
  }
}

@media (max-width:991px) {
  [dir=rtl] .block-sidebar--position--end {
    padding-right:0
  }
}

.block-sidebar__header {
  height:40px;
  -ms-flex-negative:0;
  flex-shrink:0;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:none
}

.block-sidebar__title {
  padding:0 20px;
  font-weight:700;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1
}

.block-sidebar__close {
  border:none;
  background:0 0;
  height:40px;
  width:40px;
  -ms-flex-negative:0;
  flex-shrink:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  cursor:pointer;
  fill:var(--text-soft);
  -webkit-transition:fill .2s;
  transition:fill .2s
}

.block-sidebar--offcanvas--always.block-sidebar--open .block-sidebar__close svg {
  height:15px
}

[dir=ltr] .block-sidebar__close {
  border-left:1px solid var(--border-default)
}

[dir=ltr] .block-sidebar__close i::before {
  display:none
}

.block-sidebar--offcanvas--always .content-search {
  position:unset;
  min-width:200px;
  width:275px;
  margin:20px auto;
  position:unset;
  border-radius:5px;
  background-color:var(--footer-bg-color);
  display:none
}

.block-sidebar--offcanvas--always .stock--button {
  border-top:1px solid var(--border-default)
}

.block-sidebar--offcanvas--always .content-search input {
  background-color:var(--footer-bg-color);
  border-radius:5px;
  padding-left:10px
}

.block-sidebar--offcanvas--always .content-search input::placeholder {
  color:grey;
  font-weight:400
}

[dir=rtl] .block-sidebar__close {
  border-right:1px solid var(--border-default)
}

.block-sidebar__close:focus {
  outline:0
}

.block-sidebar__close:focus,.block-sidebar__close:hover {
  fill:var(--text-primary)
}

.block-sidebar--offcanvas--always {
  visibility:hidden;
  position:fixed;
  top:0;
  width:100%;
  height:100%;
  z-index:1000;
  -webkit-transition:visibility 0s .3s;
  transition:visibility 0s .3s
}

[dir=ltr] .block-sidebar--offcanvas--always {
  left:0
}

[dir=rtl] .block-sidebar--offcanvas--always {
  right:0
}

.block-sidebar--offcanvas--always .block-sidebar__backdrop {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background:var(--bg-primary);
  opacity:0;
  -webkit-transition:opacity .3s;
  transition:opacity .3s
}

[dir=ltr] .block-sidebar--offcanvas--always .block-sidebar__backdrop {
  left:0
}

[dir=rtl] .block-sidebar--offcanvas--always .block-sidebar__backdrop {
  right:0
}

.block-sidebar--offcanvas--always .block-sidebar__body {
  position:absolute;
  top:0;
  width:300px;
  height:100%;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch;
  background:var(--bg-surface);
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  transition:transform .3s;
  transition:transform .3s,-webkit-transform .3s;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  overflow-x:hidden
}

.block-sidebar--offcanvas--always .block-sidebar__body::-webkit-scrollbar {
  width:1px!important;
  height:1px!important
}

.block-sidebar--offcanvas--always .block-sidebar__body::-webkit-scrollbar-track {
  background:var(--bg-surface-secondary)!important
}

.block-sidebar--offcanvas--always .block-sidebar__body::-webkit-scrollbar-thumb {
  background:var(--bg-surface-secondary)!important
}

.block-sidebar--offcanvas--always .block-sidebar__body::-webkit-scrollbar-thumb:hover {
  background:var(--bg-surface-secondary)!important
}

[dir=ltr] .block-sidebar--offcanvas--always .block-sidebar__body {
  left:0;
  -webkit-transform:translateX(-100%) translateX(-30px);
  transform:translateX(-100%) translateX(-30px)
}

[dir=rtl] .block-sidebar--offcanvas--always .block-sidebar__body {
  right:0;
  -webkit-transform:translateX(100%) translateX(30px);
  transform:translateX(100%) translateX(30px)
}

.block-sidebar--offcanvas--always .block-sidebar__header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.block-sidebar--offcanvas--always.block-sidebar--open {
  visibility:visible;
  -webkit-transition-delay:0s;
  transition-delay:0s
}

.block-sidebar--offcanvas--always.block-sidebar--open .block-sidebar__backdrop {
  opacity:.9
}

.block-sidebar--offcanvas--always.block-sidebar--open .block-sidebar__body {
  -webkit-transform:translateX(0);
  transform:translateX(0)
}

@media (min-width:1366px) {
  .view-options--offcanvas--mobile .view-options__filters-button {
    display:none
  }
}

.block-sidebar--offcanvas--mobile .filter-color__item {
  cursor:pointer;
  margin:7px;
  position:relative;
  width:40%
}

.block-sidebar--offcanvas--mobile .filter-color__list {
  max-height:300px
}

@media (max-width:991px) {
  .block-sidebar--offcanvas--mobile {
    visibility:hidden;
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    z-index:1000;
    -webkit-transition:visibility 0s .3s;
    transition:visibility 0s .3s
  }
}

@media (max-width:991px) {
  [dir=ltr] .block-sidebar--offcanvas--mobile {
    left:0
  }
}

@media (max-width:991px) {
  [dir=rtl] .block-sidebar--offcanvas--mobile {
    right:0
  }
}

@media (max-width:991px) {
  .block-sidebar--offcanvas--mobile .block-sidebar__backdrop {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:var(--bg-primary);
    opacity:0;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
  }
}

@media (max-width:991px) {
  [dir=ltr] .block-sidebar--offcanvas--mobile .block-sidebar__backdrop {
    left:0
  }
}

@media (max-width:991px) {
  [dir=rtl] .block-sidebar--offcanvas--mobile .block-sidebar__backdrop {
    right:0
  }
}

@media (max-width:991px) {
  .block-sidebar--offcanvas--mobile .block-sidebar__body {
    position:absolute;
    top:0;
    width:300px;
    height:100%;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    background:var(--bg-surface);
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}

@media (max-width:991px) {
  [dir=ltr] .block-sidebar--offcanvas--mobile .block-sidebar__body {
    left:0;
    -webkit-transform:translateX(-100%) translateX(-30px);
    transform:translateX(-100%) translateX(-30px)
  }
}

@media (max-width:991px) {
  [dir=rtl] .block-sidebar--offcanvas--mobile .block-sidebar__body {
    right:0;
    -webkit-transform:translateX(100%) translateX(30px);
    transform:translateX(100%) translateX(30px)
  }
}

@media (max-width:991px) {
  .block-sidebar--offcanvas--mobile .block-sidebar__header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
}

@media (max-width:991px) {
  .block-sidebar--offcanvas--mobile.block-sidebar--open {
    visibility:visible;
    -webkit-transition-delay:0s;
    transition-delay:0s
  }
}

@media (max-width:991px) {
  .block-sidebar--offcanvas--mobile.block-sidebar--open .block-sidebar__backdrop {
    opacity:.9
  }
}

@media (max-width:991px) {
  .block-sidebar--offcanvas--mobile.block-sidebar--open .block-sidebar__body {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
}

@media screen and (max-width:1024px) and (min-width:991px) {
  .block-sidebar--offcanvas--mobile .block-sidebar__header {
    display:none
  }
}

@media screen and (max-width:1024px) and (min-width:991px) {
  .block-sidebar--offcanvas--mobile .content-search {
    min-width:unset
  }
}

@media screen and (max-width:990px) {
  .block-sidebar--offcanvas--mobile .content-search,.widget-filters__closebtn {
    display:none
  }
}

@media screen and (max-width:990px) {
  .block-sidebar__title {
    font-weight:400
  }
}

@media screen and (max-width:990px) {
  .widget-filters--offcanvas--mobile .filter-list__list label {
    padding:7px 14px
  }
}

@media screen and (max-width:990px) {
  .block-sidebar--offcanvas--mobile .filter__body {
    position:unset
  }
}

@media screen and (max-width:990px) {
  .block-sidebar--offcanvas--mobile .filter-categories__list li {
    width:100%
  }
}

@media screen and (max-width:990px) {
  .block-sidebar--offcanvas--mobile .filter__container,.filter--opened .filter__body {
    width:100%;
    min-width:100%!important;
    padding:0
  }
}

@media screen and (max-width:990px) {
  .widget-filters--offcanvas--mobile .filter-list__list label {
    width:100%;
    margin:0
  }
}

@media screen and (max-width:990px) {
  .widget-filters--offcanvas--mobile .filter-search {
    display:flex
  }
}

@media screen and (max-width:990px) {
  .block-sidebar--offcanvas--mobile .filter--opened .filter__body {
    margin:0
  }
}

@media screen and (max-width:990px) {
  #AttrsContainer .filter-list__list label {
    height:max-content;
    margin:0;
    padding:7px 0
  }
}

@media screen and (max-width:990px) {
  .filter-list__list {
    gap:7px
  }
}

@media screen and (max-width:990px) {
  .widget-filters--offcanvas--always .filter-categories__list {
    padding-left:0
  }
}

@media screen and (max-width:990px) {
  #AttrsContainer .filter-list__list {
    padding:7px 14px;
    flex-direction:column
  }
}

@media screen and (max-width:990px) {
  .block-sidebar--offcanvas--always #AttrsContainer .filter__container {
    padding:0
  }
}

@media screen and (max-width:990px) {
  .filter-categories__list li,.widget-filters--offcanvas--mobile .filter-list__list label {
    border:0
  }
}

.input-check__input {
  opacity:0
}

.input-check__body {
  position:relative
}

.input-check__input+.input-check__box+.input-check__icon {
  display:none;
  position:absolute;
  top:0;
  left:0
}

.input-check__input:checked+.input-check__box+.input-check__icon {
  display:block;
  font-size:13px
}

.address--box--title .input-check__input:checked+.input-check__box+.input-check__icon {
  display:block;
  color:var(--ui-color-primary-text)
}

.filter__title {
  display:block;
  border:none;
  padding:6px 10px;
  cursor:pointer;
  width:100%;
  position:relative;
  color:inherit;
  font-weight:var(--font-w-medium);
  font-size:var(--font-md);
  line-height:18px;
  border-radius:2px;
  margin:0;
  -webkit-transition:background-color .2s,fill .2s;
  transition:background-color .2s,fill .2s;
  background:var(--bg-surface);
  fill:var(--text-inverse);
  padding:20px;
  border-bottom:1px solid #d7d7d766
}

.filter--opened .filter__title {
  background-color:var(--bg-surface)
}

[dir=ltr] .filter__title {
  text-align:left;
  font-size:15px;
  font-weight:var(--font-w-medium)
}

[dir=rtl] .filter__title {
  text-align:right;
  transition:.5s all
}

.filter__title:focus,.filter__title:hover {
  -webkit-transition-duration:.1s,.1s;
  transition-duration:.1s,.1s;
  text-decoration:underline;
  fill:var(--text-soft);
  transition:.5s all
}

.filter__title:focus {
  outline:0
}

.filter__arrow {
  position:absolute;
  top:11px;
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s
}

[dir=ltr] .filter__arrow {
  right:16px
}

[dir=rtl] .filter__arrow {
  left:10px
}

.filter__body {
  margin:0 -20px;
  overflow:hidden;
  visibility:hidden;
  height:0;
  opacity:0;
  -webkit-transition:height .2s,opacity .2s,visibility 0s .2s;
  transition:height .2s,opacity .2s,visibility 0s .2s
}

.filter__container {
  padding:10px 20px 16px;
  overflow-y:scroll
}

.block-sidebar--offcanvas--always .filter__body {
  height:0!important;
  margin:0
}

.block-sidebar--offcanvas--always .filter__arrow {
  top:25px
}

.filter--opened .filter__body {
  -webkit-transition-delay:0s,0s;
  transition-delay:0s,0s;
  visibility:visible;
  height:max-content!important;
  opacity:1;
  width:100%;
  max-width:600px;
  min-width:85%
}

.filter--opened .filter__arrow {
  -webkit-transform:rotateZ(180deg);
  transform:rotateZ(180deg)
}

.filter__container::-webkit-scrollbar {
  width:8px
}

.filter__container::-webkit-scrollbar-thumb {
  background-color:var(--bg-primary);
  border-radius:6px
}

.filter__container::-webkit-scrollbar-track {
  background-color:var(--bg-surface-secondary)
}

.filter__container::-moz-scrollbar {
  width:12px
}

.filter__container::-moz-scrollbar-thumb {
  background-color:var(--bg-primary);
  border-radius:6px
}

.filter__container::-moz-scrollbar-track {
  background-color:var(--bg-surface-secondary)
}

.filter-categories__list {
  list-style:none;
  padding:0;
  margin:0;
  font-size:15px;
  line-height:18px
}

.filter-categories__list a {
  -webkit-transition:color .15s;
  transition:color .15s;
  font-size:14px
}

.filter-categories__list a:hover {
  color:var(--status-primary-dark)
}

.filter-categories__item {
  padding:0 13px 13px 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.filter-categories__item>a {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1
}

[dir=ltr] .filter-categories__item>a {
  padding-right:10px
}

[dir=rtl] .filter-categories__item>a {
  padding-left:10px
}

.filter-categories__item--parent {
  position:relative
}

[dir=rtl] .filter-categories__item--parent {
  padding-right:14px
}

.filter-categories__item--current {
  font-weight:var(--font-w-medium)
}

.filter-categories__item--child {
  position:relative;
  font-size:15px;
  margin-left:10px
}

[dir=rtl] .filter-categories__item--child {
  padding-right:14px
}

.filter-categories__arrow {
  fill:var(--text-inverse);
  position:absolute;
  top:10px
}

[dir=ltr] .filter-categories__arrow {
  left:0;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}

[dir=rtl] .filter-categories__arrow {
  right:0;
  -webkit-transform:scaleX(-1);
  transform:scaleX(-1)
}

.filter-categories__counter {
  font-size:12px;
  line-height:12px;
  padding-top:4px;
  font-weight:400;
  color:var(--text-secondary)
}

.filter-categories-alt__list {
  list-style:none;
  padding:0;
  margin:0;
  font-size:15px;
  line-height:18px
}

.filter-categories-alt__list a {
  color:inherit;
  -webkit-transition:color .15s;
  transition:color .15s
}

.filter-categories-alt__list a:hover {
  color:var(--status-primary)
}

.filter-categories-alt__expander {
  margin:-3px 0;
  width:24px;
  height:24px;
  position:relative;
  border:none;
  border-radius:1.5px;
  cursor:pointer;
  padding:0;
  background:0 0;
  color:var(--text-inverse);
  -webkit-transition:all .2s;
  transition:all .2s
}

[dir=ltr] .filter-categories-alt__expander {
  float:right;
  margin-right:-6px;
  margin-left:8px
}

[dir=rtl] .filter-categories-alt__expander {
  float:left;
  margin-left:-6px;
  margin-right:8px
}

.filter-categories-alt__expander:after,.filter-categories-alt__expander:before {
  display:block;
  position:absolute;
  content:'';
  background:currentColor;
  width:8px;
  height:2px;
  top:calc(50% - 1px)
}

[dir=ltr] .filter-categories-alt__expander:after,[dir=ltr] .filter-categories-alt__expander:before {
  left:calc(50% - 4px)
}

[dir=rtl] .filter-categories-alt__expander:after,[dir=rtl] .filter-categories-alt__expander:before {
  right:calc(50% - 4px)
}

.filter-categories-alt__expander:after {
  -webkit-transform:rotateZ(90deg);
  transform:rotateZ(90deg);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s
}

.filter-categories-alt__expander:focus,.filter-categories-alt__expander:hover {
  background:rgba(0,0,0,.05);
  color:#a6a6a6
}

.filter-categories-alt__expander:focus {
  outline:0
}

.filter-categories-alt__children {
  overflow:hidden;
  height:0;
  opacity:0;
  visibility:hidden;
  -webkit-transition:height .2s,opacity .2s,visibility 0s .2s;
  transition:height .2s,opacity .2s,visibility 0s .2s
}

.filter-categories-alt__children:after,.filter-categories-alt__children:before {
  display:block;
  content:'';
  clear:both
}

.filter-categories-alt__list--level--1>.filter-categories-alt__item {
  padding:6px 0
}

.filter-categories-alt__list--level--1>.filter-categories-alt__item>.filter-categories-alt__children {
  margin:0 -20px
}

.filter-categories-alt__list--level--1>.filter-categories-alt__item>.filter-categories-alt__children:before {
  height:12px
}

.filter-categories-alt__list--level--2 {
  list-style:none;
  padding:10px 20px;
  margin:0;
  font-size:14px;
  line-height:17px;
  border:0 solid var(--border-default);
  border-top-width:1px;
  border-bottom-width:1px;
  background:var(--bg-surface-secondary)
}

.filter-categories-alt__list--level--2>.filter-categories-alt__item {
  padding:4px 0
}

.filter-categories-alt__list--level--2 .filter-categories-alt__children {
  width:calc(100% + 40px);
  margin:0 -20px;
  padding:0 20px
}

.filter-categories-alt__list--level--2 .filter-categories-alt__children:before {
  height:5px
}

.filter-categories-alt__list--level--3,.filter-categories-alt__list--level--3 .filter-categories-alt__list {
  font-size:14px;
  line-height:17px
}

[dir=ltr] .filter-categories-alt__list--level--3,[dir=ltr] .filter-categories-alt__list--level--3 .filter-categories-alt__list {
  border-left:1px solid var(--border-strong);
  padding-left:14px;
  margin-left:6px
}

[dir=rtl] .filter-categories-alt__list--level--3,[dir=rtl] .filter-categories-alt__list--level--3 .filter-categories-alt__list {
  border-right:1px solid var(--border-strong);
  padding-right:14px;
  margin-right:6px
}

.filter-categories-alt__list--level--3 .filter-categories-alt__list>.filter-categories-alt__item,.filter-categories-alt__list--level--3>.filter-categories-alt__item {
  padding:2px 0
}

.filter-categories-alt__list--level--3 .filter-categories-alt__children:after,.filter-categories-alt__list--level--3 .filter-categories-alt__list .filter-categories-alt__children:after {
  height:3px
}

.filter-categories-alt__item--open>.filter-categories-alt__expander:after {
  -webkit-transform:none;
  transform:none
}

.filter-categories-alt__item--open>.filter-categories-alt__children {
  height:auto;
  opacity:1;
  visibility:visible;
  -webkit-transition-delay:0s,0s,0s;
  transition-delay:0s,0s,0s
}

.filter-categories-alt__item--current>a {
  font-weight:700
}

.filter-color {
  padding:0
}

.filter-color__list {
  padding:2px 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  flex-direction:column
}

.filter-color__item {
  cursor:pointer;
  margin:7px;
  position:relative
}

.input-check-color__stick {
  color:#111;
  color:#7f7f7f;
  font-size:14px
}

.filter-color__item:hover .input-check-color__stick {
  display:block
}

.input-check-color__stick::after {
  background-color:var(--bg-primary)
}

.filter-color__check {
  display:flex;
  width:max-content
}

.filter-list__item {
  padding:1px 0;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:10px 0
}

.filter-list__input {
  -ms-flex-negative:0;
  flex-shrink:0
}

[dir=ltr] .filter-list__input {
  margin-right:7px
}

[dir=rtl] .filter-list__input {
  margin-left:7px
}

.filter-list__title {
  padding:1px 0;
  font-size:14px;
  line-height:16px;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1
}

.filter-list__counter {
  padding-top:3px;
  font-size:12px;
  line-height:12px;
  color:var(--text-secondary)
}

[dir=ltr] .filter-list__counter {
  margin-left:12px
}

[dir=rtl] .filter-list__counter {
  margin-right:12px
}

.filter-list__item--disabled {
  cursor:default
}

.filter-list__item--disabled .filter-list__title {
  color:var(--text-secondary)
}

.filter-price__slider {
  margin-top:6px
}

.filter-price__title {
  margin-top:16px;
  font-size:14px;
  color:var(--text-secondary)
}

#AttrsContainer .filter-list__list {
  display:flex;
  flex-wrap:wrap
}

#AttrsContainer .filter-list__list label .input-check__box:hover {
  color:var(--ui-color-primary-text);
  transition:.5s all
}

#AttrsContainer .filter-list__list label input:checked+.input-check__box {
  background-color:transparent;
  color:var(--ui-color-primary-text)
}

.widget__title {
  margin-bottom:20px;
  font-size:20px
}

.widget-filters__actions {
  display:flex;
  justify-content:center;
  flex-direction:row;
  padding:0 15px;
  gap:5px;
  margin-top:14px
}

.block-sidebar--offcanvas--mobile .widget-filters__actions,.widget-filters--offcanvas--mobile .widget-filters__actions {
  width:300px;
  background-color:#fff
}

.filter-apply-btn {
  background-color:var(--ui-color-primary-bg);
  color:var(--ui-color-primary-text)
}

.filter-clear-btn {
  background-color:var(--ui-color-secondary-bg);
  color:var(--ui-color-secondary-text);
  border:1px solid var(--ui-color-secondary-border)
}

.filter-apply-btn,.filter-clear-btn {
  padding:10px 10px;
  width:100%;
  border-radius:6px
}

.filter-apply-btn:hover,.filter-clear-btn:hover {
  opacity:.8
}

[dir=ltr] .widget-filters__actions>.btn+.btn {
  margin-left:8px
}

[dir=rtl] .widget-filters__actions>.btn+.btn {
  margin-right:8px
}

.block-sidebar {
  margin-bottom:0!important
}

.widget-filters--offcanvas--always {
  border:none;
  padding-top:0
}

.widget-filters--offcanvas--always .widget-filters__title {
  display:none
}

.widget-filters--offcanvas--always .widget-filters__item:first-child {
  border-top:none
}

.widget-filters--offcanvas--always .widget-filters__item {
  border-width:1px
}

@media (max-width:991px) {
  .widget-filters--offcanvas--mobile {
    border:none;
    padding-top:0
  }
}

@media (max-width:991px) {
  .widget-filters--offcanvas--mobile .widget-filters__title {
    display:none
  }
}

@media (max-width:991px) {
  .widget-filters--offcanvas--mobile .widget-filters__item:first-child {
    border-top:none
  }
}

@media (max-width:991px) {
  .widget-filters--offcanvas--mobile .widget-filters__item {
    border-width:1px
  }
}

.formCheck-container .input-check__body {
  width:auto;
  height:auto
}

.input-check__input:checked~label {
  border:2px solid var(--status-warning)!important
}

.formCheck-container span.input-check__box {
  position:absolute;
  right:1px;
  width:20px;
  background:var(--shadow-soft);
  height:20px;
  top:1px;
  box-shadow:none;
  border-bottom-left-radius:5px
}

.formCheck-container svg.input-check__icon {
  right:3px;
  position:absolute;
  left:auto;
  top:4px;
  transform:scale(1)
}

.input-check__icon {
  fill:var(--text-inverse)
}

#checkout-billing-load span.input-check__body {
  width:100%
}

#checkout-billing-load span.form-check-input.input-check {
  width:100%
}

.radio-btn-row span.input-check__box {
  border-radius:50%;
  width:20px;
  height:20px
}

.installment-table .input-check__input:checked~.input-check__icon {
  fill:var(--text-inverse)!important;
  left:2px;
  top:3px
}

table.table.installment-table .input-check__body {
  width:20px;
  height:20px
}

@media (max-width:767px) {
  span.form-check-input.input-check {
    width:auto
  }
}

.form-check .form-check-label .input-check__icon {
  fill:var(--text-inverse)
}

@media screen and (max-width:767px) {
  .account-page .blog-filter {
    display:none!important
  }
}

.inline-filter-container .block.block-sidebar--offcanvas--inline {
  position:sticky;
  top:0;
  width:300px;
  margin-right:20px;
  height:100vh;
  overflow-x:hidden;
  overflow-y:auto;
  transition:width .4s ease;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.block-sidebar--offcanvas--inline {
  width:300px;
  transition:width .4s ease;
  overflow:hidden
}

.inline-filter-container .block {
  width:100%
}

.inline-filter-container .block.block-sidebar--offcanvas--inline.is-hidden {
  width:0!important;
  margin:0
}

.inline-filter-container .category--name {
  font-size:30px
}

.inline-filter-container .filter--opened .filter__body {
  -webkit-transition-delay:0s,0s;
  transition-delay:0s,0s;
  visibility:visible;
  height:max-content!important;
  opacity:1;
  width:100%;
  max-width:600px;
  min-width:85%
}

.inline-filter-container .filter--opened .filter__body {
  position:unset;
  min-height:unset!important
}

.inline-filter-container .block-sidebar--offcanvas--inline .filter-search {
  display:flex;
  margin:10px 0 5px;
  border-radius:6px;
  background-color:var(--input-bg)
}

.inline-filter-container .widget-filters__item .filter-search input {
  height:30px;
  background-color:transparent;
  padding:0 0 0 10px
}

.inline-filter-container .widget-filters__item .filter-search input::placeholder {
  font-size:var(--font-sm)
}

.inline-filter-container .filter-search i {
  font-size:var(--font-sm)
}

.block-sidebar--offcanvas--inline .filter--opened .filter__body {
  margin:0
}

.block-sidebar--offcanvas--inline .content-search,.block-sidebar--offcanvas--inline .widget-filters.widget.widget-filters--offcanvas--mobile::before,.block-sidebar--offcanvas--inline .widget-filters__closebtn {
  display:none
}

.block-sidebar--offcanvas--inline .stock--button,.block-sidebar--offcanvas--inline .widget-filters__item,.block-sidebar--offcanvas--inline .widget-filters__list {
  width:100%;
  background-color:transparent;
  border:0;
  overflow:hidden
}

.block-sidebar--offcanvas--inline .filter__title,.block-sidebar--offcanvas--inline .stock--button {
  font-size:15px;
  font-weight:var(--font-w-medium);
  background-color:transparent;
  padding:16px 0;
  white-space:nowrap
}

.block-sidebar--offcanvas--inline .filter--opened .filter__title,.block-sidebar--offcanvas--inline .filter__title:hover {
  color:var(--ui-color-primary)
}

.block-sidebar--offcanvas--inline .filter-categories__item--child,.block-sidebar--offcanvas--inline .filter-categories__item--current {
  white-space:nowrap
}

.block-sidebar--offcanvas--inline .filter__title {
  display:flex
}

.inline-filter-container {
  display:flex;
  align-items:flex-start;
  justify-content:space-between
}

.inline-filter-container .filter__title:focus,.inline-filter-container .filter__title:hover {
  text-decoration:none
}

.inline-filter-container .widget-filters__list {
  height:100%;
  overflow-x:hidden;
  overflow-y:auto
}

.inline-filter-container .filter__container {
  padding:14px 0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--bg-surface-secondary) transparent;
  max-height:300px
}

.inline-filter-container .filter__container::-webkit-scrollbar {
  width:3px
}

.inline-filter-container .selectedfilters .filter__title {
  border:0
}

.inline-filter-container .block-sidebar__body {
  background:#fff;
  padding:0 10px 0
}

.inline-filter-container .filter__container::-webkit-scrollbar-track {
  background:0 0
}

.inline-filter-container .filter__container::-webkit-scrollbar-thumb {
  background:var(--bg-surface-secondary);
  border-radius:2px
}

.inline-filter-container .filter__container::-webkit-scrollbar-thumb:hover {
  background:var(--input-border-focus)
}

.inline-filter-container .filter__container::-webkit-scrollbar-button {
  display:none
}

.inline-filter-container .filter.filter--opened .filter__container {
  border-bottom:1px solid var(--input-bg)
}

.inline-filter-container .filter-color {
  padding:0
}

.block-sidebar--offcanvas--inline .widget-filters__actions,.block-sidebar--offcanvas--inline .widget-filters__actions button {
  width:100%;
  font-size:14px;
  border-radius:4px
}

.block-sidebar--offcanvas--inline .filter-number {
  position:absolute;
  right:30px;
  top:34%;
  width:15px;
  height:15px;
  font-size:10px
}

.block-sidebar--offcanvas--inline .stock--button label {
  margin:0
}

.block-sidebar--offcanvas--inline .input-check-color__stick {
  top:-64%;
  left:0;
  padding:1px 5px;
  font-size:14px
}

.block-sidebar--offcanvas--inline .filter-list__list label {
  width:100%
}

.block-sidebar--offcanvas--inline #SelectedFilters {
  padding:10px 0!important
}

#inline-filter-hide {
  padding:10px 20px;
  margin-right:10px
}

.block-sidebar--offcanvas--inline .filter__arrow {
  right:0;
  top:18px;
  font-size:12px
}

.block-sidebar--offcanvas--inline .stock--button {
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
  border-bottom:1px solid #d7d7d766
}

.block-sidebar--offcanvas--inline .stock--button label {
  font-weight:500
}

.block-sidebar--offcanvas--inline .widget-filters__actions {
  padding:0 0 10px 0
}

#inline-filter-hide {
  background-color:var(--ui-color-primary-bg);
  padding:10px 14px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--ui-color-primary-text)
}

#inline-filter-hide .filters-button__title i {
  margin-right:10px
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block.block-sidebar--offcanvas--inline {
    margin:0;
    position:fixed;
    left:-100%;
    top:0;
    right:0;
    bottom:0;
    background-color:#fff;
    z-index:1005;
    transition:.5s all
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block-sidebar__body {
    padding:0
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar--offcanvas--inline .widget-filters__actions,.block-sidebar--offcanvas--inline .widget-filters__actions button {
    width:90%;
    margin:0 auto
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block-sidebar--offcanvas--inline #SelectedFilters,.inline-filter-container .filter-color {
    padding:10px 0 6px 20px!important
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block.block-sidebar--offcanvas--inline.block-sidebar--open {
    left:0;
    top:0!important;
    transition:.5s all
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block.block-sidebar--offcanvas--inline {
    width:100%;
    height:100%;
    background-color:transparent
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block.block-sidebar--offcanvas--inline .block-sidebar__body {
    width:300px;
    height:100%;
    position:absolute;
    top:0
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar--offcanvas--inline .block-sidebar__backdrop {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:var(--bg-primary);
    opacity:0;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar--offcanvas--inline.block-sidebar--open .block-sidebar__backdrop {
    opacity:.9;
    transition:opacity .3s
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .content-search,.inline-filter-container .widget-nav-filters {
    display:none!important
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar__header {
    display:flex;
    background:#000
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block-sidebar__item {
    background-color:#fff
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar--offcanvas--inline .filter__title,.block-sidebar--offcanvas--inline .stock--button {
    padding:20px
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar--offcanvas--inline .filter--opened .filter-search {
    width:90%;
    margin:18px auto 0
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar--offcanvas--inline .filter-number {
    right:50px
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar--offcanvas--inline .filter-categories__list li {
    border:0;
    padding:15px 30px
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar--offcanvas--inline .block-sidebar__close i {
    color:#fff
  }
}

@media screen and (max-width:1024px) {
  .block-sidebar__title {
    font-weight:400;
    color:#fff
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .view-options__inline-filters-button {
    display:none
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .view-options--offcanvas--mobile .view-options__filters-button {
    display:block
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .view-options__control,.inline-filter-container .view-options__filters-button {
    margin:0
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container #mobile-filters-btn,.inline-filter-container #products-orderby-btn select {
    height:45px
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .widget-filters--offcanvas--mobile .widget-filters__item {
    margin:0
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block-sidebar--offcanvas--inline .filter__arrow {
    right:18px
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .block-sidebar--offcanvas--inline .filter--opened .filter-search {
    height:40px
  }
}

@media screen and (max-width:1024px) {
  #AttrsContainer .filter-list__list label .input-check__box {
    position:relative;
    font-size:14px;
    border:1px solid #e5e5e5
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .filter--opened .filter__arrow {
    -webkit-transform:rotateZ(180deg);
    transform:rotateZ(180deg)
  }
}

@media screen and (max-width:1024px) {
  .inline-filter-container .filter__arrow {
    transform:rotate(359deg)
  }
}


/* from live_custom.css */

.block-sidebar__body {
  background:#dddddd2e;
  padding:0 10px
}

@media screen and (max-width:991px) {
  .widget-filters--offcanvas--mobile .filter-list__list label {
    margin-bottom:0;
    padding:10px 30px
  }
}


/* from live_custom-style.css */

@media screen and (min-width:1320px) {
  .inline-filter-container .block.block-sidebar--offcanvas--inline {
    width:300px
  }
}

.filter-list__list.filter-search-content {
  max-height:300px
}

.inline-filter-container .filter__container {
  overflow-y:auto
}

.inline-filter-container .filter.filter--opened .filter__container {
  border-bottom:1px solid var(--input-bg)
}

.inline-filter-container .filter.filter--opened .filter__container {
  border-bottom:1px solid var(--border-default)
}

.inline-filter-container .block.block-sidebar--offcanvas--inline,#product-view--fixed,.product-details-sticky {
  top:99px
}

@media screen and (max-width:990px) {
  #mobile-filters-btn,#products-orderby-btn select {
    border:0
  }
}

/* ===================================================================
   Override B2B custom catalog-sidebar overrides so the filter renders
   like the live B2C site (filter-live ported markup + this reset).
   Loaded last → wins over custom.css on equal specificity.
   =================================================================== */
.ithaki-catalog-sidebar-col { flex: 0 0 25% !important; max-width: 25% !important; padding-left: 0 !important; padding-right: 24px !important; overflow: visible !important; }
.ithaki-catalog-products-col { flex: 0 0 75% !important; max-width: 75% !important; }
/* undo the blanket min/max-width clamp that crushed the filter */
.ithaki-catalog-sidebar-col * { min-width: auto !important; max-width: none !important; }
/* restore live spacing/typography on filter groups */
.ithaki-catalog-sidebar-col .filter__title { white-space: normal !important; padding: 14px 0 !important; font-size: 15px !important; font-weight: 600 !important; }
.ithaki-catalog-sidebar-col .filter-list__title { font-size: 14px !important; line-height: 1.4 !important; white-space: normal !important; }
.ithaki-catalog-sidebar-col .filter-list__item { padding-left: 0 !important; }
.ithaki-catalog-sidebar-col .filter-list__list { max-height: 320px !important; }
/* show the check icons again (B2B had hidden them) */
.ithaki-catalog-sidebar-col .input-check__icon { display: inline-flex !important; }

/* ===== Filter group dropdown chevron — match live (FontAwesome Pro) ===== */
.block-sidebar .filter__title { position: relative !important; padding-right: 22px !important; }
.block-sidebar .filter__title svg.filter__arrow { display: none !important; }
.block-sidebar .filter__title::after {
  content: "\f078";
  font-family: "Font Awesome 7 Pro","Font Awesome 6 Pro","Font Awesome 5 Pro","FontAwesome";
  font-weight: 400;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  line-height: 1;
  color: #26292d;
  transition: transform .2s ease;
  pointer-events: none;
}
.block-sidebar .filter--opened > .filter__title::after,
.block-sidebar .filter--opened .filter__title::after { transform: translateY(-50%) rotate(180deg); }

/* ===== Match live spacing/typography EXACTLY (overrides earlier guesses) ===== */
.ithaki-catalog-sidebar-col .filter__title {
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 12px 0 !important;
  text-transform: capitalize !important;
  color: #26292d !important;
  line-height: 1.3 !important;
}
.ithaki-catalog-sidebar-col .filter-list__item { margin: 10px 0 !important; padding: 1px 0 !important; }
.ithaki-catalog-sidebar-col .filter-list__title { font-size: 14px !important; line-height: 16px !important; font-weight: 400 !important; }
.ithaki-catalog-sidebar-col .filter-list__counter { font-size: 12px !important; padding-top: 3px !important; margin-left: 12px !important; }
.ithaki-catalog-sidebar-col .filter-list__input { margin-right: 7px !important; }
.ithaki-catalog-sidebar-col .filter__body { margin: 0 !important; }

/* ===== Search-in-group input — match live (bordered, rounded, magnifier) ===== */
.block-sidebar .filter-search { position: relative !important; margin: 10px 0 14px !important; }
.block-sidebar .filter-search__input {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 11px 14px 11px 42px !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 15px !important;
  color: #444 !important;
  line-height: 1.2 !important;
  height: auto !important;
  box-shadow: none !important;
}
.block-sidebar .filter-search__input::placeholder { color: #9a9a9a !important; opacity: 1 !important; }
.block-sidebar .filter-search__input:focus { outline: none !important; border-color: #b5b5b5 !important; }
.block-sidebar .filter-search::before {
  content: "\f002";
  font-family: "Font Awesome 7 Pro","Font Awesome 6 Pro","Font Awesome 5 Pro","FontAwesome";
  font-weight: 400 !important;
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 15px !important;
  color: #8a8a8a !important;
  pointer-events: none !important;
}

/* ===== FORCE 1:1 match with live: font-family (live uses Roboto, our theme forces Open Sans) + exact title/spacing ===== */
.block-sidebar, .block-sidebar *, .ithaki-catalog-sidebar-col .block-sidebar * {
  font-family: "Roboto", sans-serif !important;
}
.block-sidebar .filter__title,
.ithaki-catalog-sidebar-col .filter__title {
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 16px 0 !important;
  color: #26292d !important;
  letter-spacing: 0 !important;
}
.block-sidebar .filter-list__item,
.ithaki-catalog-sidebar-col .filter-list__item { margin: 10px 0 !important; padding: 1px 0 !important; }
.block-sidebar .filter-list__title,
.ithaki-catalog-sidebar-col .filter-list__title { font-size: 14px !important; line-height: 16px !important; font-weight: 400 !important; }
.block-sidebar .filter-list__counter,
.ithaki-catalog-sidebar-col .filter-list__counter { font-size: 12px !important; color: #999 !important; }

/* tighten search box to live height */
.block-sidebar .filter-search__input { padding: 9px 14px 9px 40px !important; font-size: 14px !important; }
.block-sidebar .filter-search::before { font-size: 14px !important; left: 14px !important; }

/* final: search box compact to match live exactly */
.block-sidebar .filter-search { margin: 8px 0 10px !important; }
.block-sidebar .filter-search__input { padding: 8px 14px 8px 38px !important; line-height: 1.3 !important; }

/* BULLETPROOF: no colored background anywhere around the search/filter (live has none) */
.block-sidebar .filter-search,
.block-sidebar .filter,
.block-sidebar .filter__container,
.block-sidebar .filter__body,
.block-sidebar .filter--bg,
.block-sidebar .filter__title,
.block-sidebar .filter__title.filter--bg,
.block-sidebar .widget-filters__item,
.block-sidebar .widget-filters__list { background: transparent !important; background-color: transparent !important; }
.block-sidebar .widget-filters.widget-filters--offcanvas--mobile::before,
.block-sidebar .widget-filters--offcanvas--mobile::before { display: none !important; content: none !important; background: none !important; }

/* remove the redundant outer border/box on .filter-search — keep only the input's border (single clean box like live) */
.block-sidebar .filter-search { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; }