/** Shopify CDN: Minification failed

Line 190:38 Unexpected "]"

**/
.collection-toolbar{
  display: flex;
  flex: 0 0 auto;
}
.collection-toolbar .sort_by__select{
  width: auto;
}
.product-count{
  display: flex;
  height: 50px;
  align-items: center;
}
.facet-filters__sort .field{
  width: auto;
  overflow: unset;
}
.facet-filters__sort .field__input{
  padding-right: 37px;
  white-space: nowrap;
}
.active-facets{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: -10px 0 0 -5px;
  align-items: center;
}
.active-facets__button{
  color: var(--color-base);
}
.active-facets__button svg path{
  fill: var(--color-base);
}
facet-remove{
  display: block;
  margin: 10px 5px 0;
}
.active-facets__button-wrapper{
  margin-left: 15px;
}
.facet-filters__sort .disclosure__list{
  max-height: 300px;
}
@media (min-width: 1025px){
  .show-st{
    display: none;
  }
  .collection-toolbar{
    padding-right: 0;
    padding-left: 0;
  }
  .collection-toolbar__left{
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    max-width: 20%;
    padding-right: calc(var(--page-padding) / 2);
      padding-left: calc(var(--page-padding) / 2);
        margin-right: calc(var(--page-padding) / 2);
          }
  .facet-filters__sort{
    margin-left: auto;
  }
  .collection-toolbar > *:last-child{
    margin-right: calc(var(--page-padding) / 2);
      }
  .no-js .collection-toolbar .product-count{
    margin-right: calc(var(--page-padding) / 2);
      }
  .collection-toolbar:not(.collection-toolbar--layout2) .active-facets{
    padding-right: 20px;
  }
  .facets__horizontal-result .active-facets{
    margin-top: 10px;
  }
  /**/
  .product-count:first-child{
    padding-left: calc(var(--page-padding) / 2);
  }
  .facets__horizontal{
    width: 66.6666%;
    padding-right: var(--page-padding);
    padding-left: calc(var(--page-padding) / 2);
    flex: 0 0 auto;
  }
  .facets__horizontal+.product-count{
    margin-left: auto;
  }
  .facets__horizontal+.product-count~.facet-filters__sort{
    margin-left: 20px;
  }
  .facets__horizontal+.product-count+.active-facets{
    width: 100%;
    padding-right: calc(var(--page-padding) / 2);
    padding-left: calc(var(--page-padding) / 2);
    order: 4;
  }
  .active-facets__button svg{
    opacity: var(--opacity-icons);
    transition: opacity var(--duration-medium) var(--animation-bezier);
  }
  .active-facets__button:hover svg{
    opacity: 1;
  }
  .collection--empty{
    margin-top: 200px;
    margin-bottom: 200px;
  }
}
@media (min-width: 1441px){
  .page-wide .collection-toolbar__left{
    max-width: 16.666666%;
  }
}
@media (max-width: 1024px){
  .hide-st{
    display: none;
  }
  .collection-toolbar{
    flex-wrap: wrap;
  }
  .active-facets,
  .collection-toolbar--layout2 .active-facets{
    margin-top: calc(var(--padding4) - 10px);
    order: 4;
    width: 100%;
  }
  .collection--empty{
    margin-top: 140px;
    margin-bottom: 140px;
  }
}
@media (min-width: 577px) and (max-width: 1024px){
  .collection-toolbar{
    justify-content: space-between;
  }
  .mobile-facets__wrapper{
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 576px){
  .product-count{
    height: auto;
    padding-top: var(--padding4);
    justify-content: center;
    width: 100%;
  }
}

/* Mobile */
.mobile-facets__close{
  position: fixed;
  display: flex;
  top: 10px;
  padding: 15px;
  z-index: 20;
  pointer-events: none;
  opacity: 0;
}
.mobile-facets__close svg path{
  fill: var(--color-base);
}
.no-js .mobile-facets__disclosure[open] .mobile-facets__close,
.mobile-facets__disclosure.menu-opening .mobile-facets__close{
  opacity: 1;
  pointer-events: auto;
  transition: opacity var(--duration-medium) .4s var(--animation-bezier);
}

menu-drawer .disclosure-has-popup > summary::before {
  content: '';
  display: block;
  cursor: default;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-base);
  opacity: 0;
  visibility: hidden;
  z-index: 11;
}
menu-drawer .disclosure-has-popup:not(].menu-opening) > summary::before {
  pointer-events:none;
}
menu-drawer .disclosure-has-popup.menu-opening > summary::before,
menu-drawer .no-js .disclosure-has-popup[open] > summary::before{
  visibility: visible;
  opacity: 0.3;
}
menu-drawer .disclosure-has-popup > summary::before{
  transition: visibility var(--duration-medium) ease, opacity var(--duration-medium) ease;
}

menu-drawer > details > summary::before {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--duration-default) ease,
  visibility var(--duration-default) ease;
}

.mobile-facets{
  --item-padding: 10px;
  display: flex;
  flex-direction: column;
  position: fixed;
  width: calc(100% - 50px);
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--color-body-background);
  z-index: 12;
  overflow: hidden;
  transform: translateX(-100%);
}
.mobile-facets__submenu{
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--color-body-background);
  z-index: 2;
  transform: translateX(100%);
  visibility: hidden;
  overflow: hidden;
}
.no-js .mobile-facets__submenu {
  position: inherit;
}
details[open].menu-opening .mobile-facets,
.no-js details[open] .mobile-facets,
details[open].menu-opening>.mobile-facets__submenu,
.no-js details[open]>.mobile-facets__submenu{
  transform: translateX(0);
  visibility: visible;
}
details[open] .mobile-facets,
details[open] > .mobile-facets__submenu{
  transition: transform var(--duration-medium) ease, visibility var(--duration-medium) ease;
}
.mobile-facets__header{
  padding: var(--padding2);
}
.mobile-facets__list{
  padding: var(--padding2);
  overflow-y: auto;
}
.mobile-facets__header > *:not(:first-child){
  margin-top: var(--padding2);
}
.mobile-facets__header>.mobile-facets__count{
  margin-top: 10px;
}
.mobile-facets__footer{
  position: sticky;
  display: flex;
  align-items: center;
  background: var(--color-body-background);
  padding: 20px;
  bottom: 0;
  margin-top: auto !important;
  z-index: 0;
}
.mobile-facets__footer facet-remove{
  margin: 0;
}
.mobile-facets__footer .btn,
.mobile-facets__footer noscript{
  margin-left: auto;
}
.mobile-facets__main{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.mobile-facets__main__content{
  padding: var(--padding2);
  overflow-y: auto;
}
.mobile-facets__main__content details:first-child{
  margin-top: calc(var(--item-padding) * -1);
}
.mobile-facets .facets__disclosure__select{
  margin-top: calc(40px - var(--item-padding));
}
.mobile-facets .facets__disclosure__select:first-child{
  margin-top: 0;
}
.mobile-facets__item{
  --item-padding:13px;
  display: inline-flex;
  align-items: center;
  padding: var(--item-padding) 0;
  width: 100%;
  color: var(--color-base);
}
.facets__item:first-child>.mobile-facets__item{
  margin-top:calc(var(--item-padding) * -1);
}
.mobile-facets__item svg{
  position: relative;
  flex: 0 0 auto;
  opacity: var(--opacity-icons);
  transition: opacity var(--duration-medium) ease;
}
.mobile-facets__item.mobile-facets__back-button svg{
  top: auto;  
}
.mobile-facets__item svg:first-child{
  height: 20px;
  margin-right: 10px;
}
.mobile-facets__item svg:last-child:not(:first-child){
  margin-left: auto;
}
.mobile-facets__item svg path {
  fill: var(--color-base);
}
.mobile-facets__back-button{
  margin-top: 10px;
  font-family: var(--font-heading-family-2);
  font-style: var(--font-heading-style-2);
  font-weight: var(--font-heading-weight-2);
  --font-heading-line-height: 130%;
  line-height: var(--font-heading-line-height);
  font-size: calc(14px * var(--font-heading-scale-2));
  padding-bottom: var(--item-padding);
}
.no-js .mobile-facets__back-button{
  display: none;
}  
.mobile-facets__back-button svg {
  opacity: 1;
}
.no-js .mobile-facets .facets__item:last-child .facet-checkbox {
  padding-bottom: var(--item-padding);
}
.no-js details[open]>.mobile-facets__submenu {
  transition: unset;
}
.no-js .mobile-facets__list{
  padding-top: 0;
  padding-bottom: 0;
}
.no-js .facets__price-container-mobile{
  margin-top: var(--item-padding);
  padding-bottom: var(--item-padding);
}
.no-js .mobile-facets__main__content details .mobile-facets__item svg:last-child:not(:first-child){
  transform: rotate(90deg);
}
.no-js .mobile-facets__main__content details[open] .mobile-facets__item svg:last-child:not(:first-child){
  transform: rotate(-90deg);
}
@media (min-width: 577px) and (max-width: 1024px){
  .mobile-facets{
    width: calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .mobile-facets__close{
    left: calc(50% - 65px);
  }
  .mobile-facets__header,
  .mobile-facets__main__content,
  .mobile-facets__list,
  .mobile-facets__footer,
  .mobile-facets__back-button,
  .mobile_filter_operator{
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 576px){
  .mobile-facets__back-button,
  .mobile_filter_operator{
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 391px) and (max-width: 576px){
  .mobile-facets__close{
    left: calc(100% - 105px);
  }
}
@media (max-width: 390px){
  .mobile-facets__close{
    left: calc(100% - 105px);
  }
}

.active-facets facet-remove:only-child {
  display: none;
  margin-top: calc((var(--padding4) - 10px) * -1);
}
.facets__header,.chm-toggle__content{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  font-weight: var(--font-body-weight);  
}
.facets__header facet-remove{
  margin: 0;
}
.facets__item label,
.facets__item input[type=checkbox] {
  cursor: pointer;
}
.facets__display__content{
  --facets-padding: 6px;
}
.facet-checkbox{
  position: relative;
}
.facet-checkbox:not(.facet-checkbox--mobile){
  padding: var(--facets-padding) 0;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.facet-checkbox > span{
  margin-top: 1px;
}
.facet-checkbox .facet-checkbox__count{
  margin-left: auto;
  padding-left: 10px;
}
.facets__item:last-child .facet-checkbox{
  padding-bottom: 0;
}
.facet-checkbox input[type=checkbox] {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  z-index: -1;
  margin: 0;
  background: rgba(var(--color-base-rgb),0.04);
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radius-checkbox);
  border: 2px solid var(--color-lines-borders);
  transition: border .2s ease;
}
menu-drawer .facet-checkbox svg{
  top: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
}
.facet-checkbox:not(.facet-checkbox--disabled):hover{
  font-weight: var(--font-body-bold-weight);
}
.facet-checkbox:not(.facet-checkbox--disabled):hover input[type=checkbox]{
  border: 2px solid var(--color-base);
}  
.facet-checkbox > input[type='checkbox']:checked ~ span {
  font-weight: var(--font-body-bold-weight);
}
.facet-checkbox__checkmark{
  -webkit-perspective: 20;
  perspective: 20;
}
.facet-checkbox__flip{
  display: block;
  transition: all 0.4s ease;
  transform-style: preserve-3d;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 7px;
}
.facet-checkbox input:checked + .facet-checkbox__checkmark .facet-checkbox__flip{
  transform: rotateY(180deg);
}
.facet-checkbox__front,
.facet-checkbox__back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-checkbox);
}
.facet-checkbox__front {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  z-index: 1;
}
.facet-checkbox__back {
  transform: rotateY(180deg);
  background: var(--background);
  text-align: center;
  color: #fff;
  line-height: 20px;
}
.facet-checkbox__back svg {
  margin-top: 3px;
  fill: none;
}
.facet-checkbox__back svg path {
  fill: var(--fill);
}
.facets__item label.facet-checkbox--disabled{
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.facets__item label.facet-checkbox--disabled input[type=checkbox]{
  cursor: default;
}
.facets__price{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 20px 20px 10px;
}
.facets__price__item{
  display: flex;
  align-items: center;
  width: 100%;
}
.field-currency{
  margin-right: 4px;
}
.facets__price--mobile>*{
  margin-top: var(--padding2);
}  
.no-js sort-by-select{
  display: none;
}
.no-js input#SortBy{
  display: none;
}
  
@media (max-width: 1024px){
  .mobile-facets__item:hover{
    position: relative;
  }
  .mobile-facets__item:not(.facet-checkbox):hover:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100% + 60px);
    height: 100%;
    min-height: 44px;
    border-radius: 0;
    background: var(--mobile-focus-color);
	z-index: -1;
  }
  .mobile-facets__close:hover:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--mobile-focus-color);
	z-index: -1;
  }
  .active-facets__button:hover{
    background: var(--mobile-focus-color);
  }
}
@media (max-width: 576px){
  .mobile-facets__item:not(.facet-checkbox):hover:before{
    width: calc(100% + 40px);
  }
}

.parent-visual-display{
  --items-gap:10px;
  display:flex;
  flex-wrap:wrap;
  gap:var(--items-gap);
}
[data-filter-type="buttons"]{
  flex:0 0 calc((100% - var(--items-gap)) / 2);
}
[data-filter-type="image"][data-grid="3"]{
  flex:0 0 calc((100% - var(--items-gap) * 2) / 3);
  word-break: break-all;
}
[data-filter-type="image"][data-grid="4"]{
  flex:0 0 calc((100% - var(--items-gap) * 3) / 4);
  word-break: break-all;
}
[data-filter-type="colors"]{
  flex:0 0 calc((100% - var(--items-gap) * 4) / 5);
}
.parent-visual-display .facets__button-show-all{
  flex:0 0 100%;
}
.parent-visual-display show-all-facets{
  --facets-padding: 10px;
}
.mobile_filter_operator{
  padding-bottom:10px;
}
.visual-display.empty{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  position: relative;
  border-radius: var(--radius-button);
  padding: 16px 10px;
  min-height: 50px;
  height: 100%;
  width: 100%;
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  cursor: pointer;
  color: var(--color-base);
  word-break: break-all;
  transition: color var(--duration-medium) var(--animation-bezier);
}
.visual-display.empty span{
  z-index: 1;
}
.visual-display.empty:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-button);
  border: 2px solid var(--color-lines-borders);
  background: var(--color-body-background);
  z-index: 0;
}
input[type="checkbox"]:checked+.visual-display.empty{
  color: var(--color);
}
input[type="checkbox"]:checked+.visual-display.empty:before {
  background: var(--background);
}
[data-filter-type] input{
  visibility:hidden;
}
[data-filter-type] .facet-checkbox:not(.facet-checkbox--mobile){
  padding:0!important;
}
[data-filter-type] .facet-checkbox{
  height:100%;
}
[data-filter-type] .visual-display{
  width:100%;
}
.visual-display__color{
  aspect-ratio: 1;
}
[class*="visual-display__"]{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  position: relative;
  border-radius: var(--radius-button);
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  font-weight: var(--font-button-weight);
  cursor: pointer;
  color: var(--color-base);
  word-break: break-all;
  transition: color var(--duration-medium) var(--animation-bezier);
}
[class*="visual-display__image"]{
  --radius-button:var(--radius);
}
[class*="visual-display__"]:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-button);
  border: 2px solid var(--color-lines-borders);
  background: var(--color-body-background);
  z-index: 0;
}
input[type="checkbox"]:not(:checked)+.visual-display [class*="visual-display__"]:before {
  border: none;
  background: var(--color-swatch-background);
}
input[type="checkbox"]:not(:checked)+.visual-display .visual-display__color-background:before {
  border: 1px solid var(--color-lines-borders);
}
input[type="checkbox"]:checked+.visual-display [class*="visual-display__"]:before {
  --background: var(--color-swatch-background);
  --color-lines-borders: var(--color-base);
  background: var(--background);
  z-index: 1;
}
.visual-display [class*="visual-display__"]:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: calc(var(--radius-button) - 2px);
  border: 2px solid var(--color-body-background);
  background: none;
  z-index: 1;
  opacity: 0;
}
input[type="checkbox"]:checked+.visual-display [class*="visual-display__"]:after {
  opacity: 1;
}
.visual-display .visual-display-line{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--radius-button);
  z-index: 2;
}
.visual-display .visual-display-line .visual-display-line-item{
  position: absolute;
  border-bottom: 2px solid var(--color-base);
  width: 141%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) rotate(-45deg);
}
input:not([disabled])+.visual-display .visual-display-line{
  display: none;
}
input[disabled]+.visual-display{
  pointer-events:none;
}
input[disabled]+.visual-display.empty span{
  text-decoration: line-through;
  opacity:0.3;
}
[data-filter-type="image"] .visual-display{
  cursor:pointer;
}
.visual-display__image img {
  width: 100%;
  border-radius: var(--radius-button);
  height: auto;
  aspect-ratio:var(--f-aspect-ration,1);
}
.visual-display__image{
  position:relative;
}
input[type="checkbox"]:not(:checked)+.visual-display.empty:hover{
  font-weight: var(--font-body-weight);
}
input[type="checkbox"]:checked+.visual-display.empty{
  font-weight: var(--font-body-bold-weight);
}
.visual-display-container{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  font-weight: var(--font-body-weight);
}
input[type="checkbox"]:not(:checked)+.visual-display:hover .visual-display-container,
input[type="checkbox"]:checked+.visual-display .visual-display-container{
  font-weight: var(--font-body-bold-weight);
}
.parent-visual-display .mobile-facets__item{
  display:flex;
  padding:0;
}
@media (min-width: 1025px){
  input[type="checkbox"]:not(:checked)+.visual-display .visual-display__image__content,
  input[type="checkbox"]:not(:checked)+.visual-display .visual-display-line{
    transition: transform var(--duration-short) var(--zoom-animation-bezier);
  }
  input[type="checkbox"]:not(:checked)+.visual-display:hover .visual-display__image__content,
  input[type="checkbox"]:not(:checked)+.visual-display:hover .visual-display-line{
    transform: scale(1.12);
  }
  .visual-display.empty:before,
  [class*="visual-display__"]:before{
    transition: background var(--duration-medium) var(--animation-bezier),
    transform var(--duration-short) var(--zoom-animation-bezier),
    width var(--duration-short) var(--zoom-animation-bezier),
    height var(--duration-short) var(--zoom-animation-bezier);
  }
  input[type="checkbox"]:not(:checked)+.visual-display.empty:hover:before{
    --scale-button-on: 6px;
    transform: translate3d(-3px,-3px,0);
    width: calc(100% + var(--scale-button-on));
    height: calc(100% + var(--scale-button-on));
  }
  input[type="checkbox"]:not(:checked)+.visual-display:hover [class*="visual-display__"]:before{
    transform: scale(1.12);
  }
  .visual-display [class*="visual-display__"]:after {
    transition: opacity var(--duration-medium) var(--animation-bezier);
  }
}
.active-facets:empty{
  display:none;
}

/* DIVAREX custom facets (dvx-facets.liquid) — desktop sidebar + mobile drawer.
   Reinforces flex-row alignment for the accordion header (title + arrow)
   so every arrow sits on the same line/edge, and restores spacing between
   checkbox items that was missing since this markup isn't wrapped in
   .facets__display__content (the element that normally sets --facets-padding).
   IMPORTANT: the arrow rule below carries !important — without it this
   selector ties in specificity with component-toggle.css's own
   `.chm-toggle__button svg:last-child:not(:first-child)` rule, and because
   component-toggle.css is <link>ed AFTER this file in
   main-collection-product-grid.liquid, the tie was won by the later file,
   silently cancelling this override and leaving the arrows unaligned. */
[id^="DvxFacetsToggle"] .chm-toggle__button{
  position: relative !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-inline-end: 28px !important;
}
/* Pin the arrow to an absolute offset from the header's edge instead of
   relying on flex layout to push it there. justify-content:space-between
   still left the two arrows at slightly different pixel positions in
   practice, since nothing guaranteed the two header rows measured out to
   the exact same width. Absolute positioning removes that dependency
   entirely: every arrow sits at the same fixed inset-inline-end offset,
   full stop, regardless of how long each header's own label text is. */
[id^="DvxFacetsToggle"] .chm-toggle__button svg:last-child{
  position: absolute !important;
  inset-inline-end: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  flex: none !important;
}
[id^="DvxFacetsToggle"] .chm-toggle[open] .chm-toggle__button svg:last-child{
  transform: translateY(-50%) scaleY(-1) !important;
}
[id^="DvxFacetsToggle"] .facets-wrap{
  --facets-padding: 10px;
}
[id^="DvxFacetsToggle"] .facets__item + .facets__item{
  margin-top: 4px;
}

/* Allow scrolling inside DIVAREX custom facet groups when the option list
   exceeds the 300px --scroll-height cap set in component-toggle.css
   (.chm-toggle[open].toggle-opening .chm-toggle__content). That base rule
   sets overflow:hidden, which clips long lists (e.g. subcategory with 20+
   options) with no way to reach the rest. Scope to DvxFacetsToggle only so
   other accordions using max-height for their open/close animation are
   unaffected. */
[id^="DvxFacetsToggle"] .chm-toggle[open].toggle-opening .chm-toggle__content{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* The page is RTL, so the native scrollbar this overflow creates renders
     on the left — the same edge where .facet-checkbox__count (the little
     number next to each option) sits, causing the scrollbar thumb to sit
     visually on top of those numbers. scrollbar-gutter reserves the
     scrollbar its own space instead of overlapping content (falls back
     to the old overlapping behavior on browsers that don't support it,
     which is still better than not scrolling at all). */
  scrollbar-gutter: stable;
  padding-left: 14px;
}

/* DIVAREX — facet-count RTL fix (Sept 2026): .facet-checkbox__count's base
   rule (and its [dir="rtl"] override in base-rtl.css) pushes the count to
   the FAR edge of the row using an auto flex margin — a "count badge on the
   opposite end" pattern inherited from Dawn's native, comfortably-wide
   horizontal facet dropdowns. Reused unchanged for DIVAREX's narrow vertical
   sidebar (dvx-facets.liquid, ~1/5-width column on both collection and
   search pages), the same push strands the count far from its label,
   reading as broken. Scoped to `[id^="DvxFacetsToggle"]` only — the same
   prefix already used for the arrow-alignment and mobile-scroll DVX-only
   overrides in this file — so Dawn's native/horizontal facets are
   untouched. Cancel the auto-push (both the base LTR margin-left:auto and
   its base-rtl.css [dir="rtl"] margin-right:auto mirror) and let the count
   sit adjacent to the label on its logical-start side instead, with a
   little breathing room from margin-inline-start. Works for any facet
   value (vendor, color, category, ...), any label length, any count
   digit-length, and any future brand — nothing here is Bellers-specific. */
[id^="DvxFacetsToggle"] .facet-checkbox .facet-checkbox__count{
  margin-left: unset;
  margin-right: unset;
  margin-inline-start: 8px;
  padding-left: 0;
  padding-right: 0;
}

/* DIVAREX — thermo group-separator fix (Sept 2026). component-toggle.css's
   separator line (`.chm-toggle:nth-child(n+2) summary:after`) only draws
   above a .chm-toggle that is the 2nd-or-later DOM child of ITS OWN
   immediate parent. Native filter groups (Price, the per-collection
   priority block, and the generic Native loop in dvx-facets.liquid) are
   all direct children of the same <toggle-component id="DvxFacetsToggle...">,
   so that rule counts them correctly relative to each other. Legacy
   groups (anything still built client-side by dvx-facets.js's
   buildDynamicGroups — e.g. cooking_zone_count) are appended one DOM
   level deeper instead, inside the separate <div id="DvxDynamicFacets...">
   container — so whichever Legacy group renders first is :nth-child(1)
   of THAT container, not of <toggle-component>, and never gets a line no
   matter how many Native groups sit visually above it. Price always
   renders first (unconditionally, on every collection), so there is
   always at least one Native group above #DvxDynamicFacets whenever it
   has any children — this rule is therefore safe to apply unconditionally
   on every collection, not just thermo. Reuses the identical separator
   line component-toggle.css already draws elsewhere (same position/size/
   color/opacity) — only the selector differs, so no new visual style is
   introduced and the shared, site-wide component-toggle.css file is left
   untouched. */
[id^="DvxDynamicFacets"] .chm-toggle:first-child summary{
  position: relative;
}
[id^="DvxDynamicFacets"] .chm-toggle:first-child summary:after{
  content:"";
  position: absolute;
  top:0;
  left:0;
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  opacity: 0.3;
}

/* DIVAREX — Native→Legacy spacing parity fix (Sept 2026). Same root
   structural issue as the separator-line fix above, one level deeper.
   component-toggle.css's `*:not(.top-and-bottom-lines)>.chm-toggle:
   first-child .chm-toggle__button{padding-top:0px;}` rule exists to
   remove the leading gap above the very FIRST group of the whole drawer
   (Price), since nothing sits above it there. But it also fires on the
   first Legacy group inside #DvxDynamicFacets, because that group is
   genuinely :first-child of ITS OWN parent (the div) even though several
   Native groups render above it visually — stripping the same 30px
   top padding every other 2nd+ group keeps between the separator line
   and its own heading text. That's exactly the "too little space below
   the line, before the heading" from QA: the line itself was restored by
   the rule above, but the normal gap after it was still being zeroed.
   Restores the literal 30px already defined in the base
   `.chm-toggle__button{padding:30px 0}` rule — not a guessed pixel value —
   scoped only to the first Legacy group, so no other Legacy or Native
   group is affected. Needs !important to win the specificity tie against
   component-toggle.css's own zeroing rule, which is <link>ed AFTER this
   file (same reasoning already documented above for the arrow-alignment
   override). */
[id^="DvxDynamicFacets"] .chm-toggle:first-child .chm-toggle__button{
  padding-top: 30px !important;
}