.filters-widget {
  .filters-form__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    background: #1f2022;
    padding-top: 22px;
    padding-bottom: 35px;
  }

  .filter-holder {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .accordeon-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid #c0c0c0;
  }

  .categories-filter__holder {
    margin-top: 0px;
    padding-top: 0px;
    border-top: unset;
  }

  .accordeon-block__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .accordeon-block-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
  }

  .accordeon-block-header-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 22px;
    line-height: 150%;
    color: #fff;
  }

  .categories-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }

  .category-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .main-category-link,
  .subcategory-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
    opacity: 0.8;
  }

  .subcategory-item {
    padding-left: 10px;
  }

  .category-count {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
    opacity: 0.4;
  }

  .subcategory-item.active,
  .category-item.active .main-category-link {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #ba1735;
  }

  .in-stock-toggle {
    padding-top: 28px;
    /* padding-bottom: 28px; */
  }

  .toggle-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .toggle-container {
    position: relative;
  }

  .toggle-wrapper input {
    display: none;
  }

  .toggle-track {
    display: block;
    width: 45px;
    height: 25px;
    background-color: #ddd;
    border-radius: 12px;
    position: relative;
    transition: background-color 0.3s;
    flex-shrink: 0;
  }

  .toggle-thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }

  .toggle-wrapper input:checked + .toggle-track {
    background-color: #4caf50;
  }

  .toggle-wrapper input:checked + .toggle-track .toggle-thumb {
    transform: translateX(20px);
  }

  .toggle-label {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 22px;
    line-height: 150%;
    color: #fff;
    width: 100%;
  }

  .accordeon-block svg {
    transform: rotate(180deg);
    transition: all 0.3s;
  }

  .accordeon-block.opend svg {
    transform: rotate(0deg);
  }

  .range-dep {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
    opacity: 0.8;
  }

  .inputs-price__pseudo {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;

    .group{
        display:flex;
        width:100%;
    }

    input {
      width: 100%;
      height: 40px;
      border: 1px solid #c0c0c0;
      background: #fff;
      font-family: var(--font-family);
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      color: #a5a6a7;
      padding: 10px;
    }
  }

  .noUi-target,
  .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: unset;
  }

  .noUi-target {
    position: relative;
    direction: ltr;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }

  .noUi-base,
  .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }

  /* Wrapper for all connect elements.
    */
  .noUi-connects {
    overflow: visible;
    z-index: 0;
    background: #bbb;
  }

  .noUi-connect,
  .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  /* Offset direction
    */
  html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
  }

  /* Give origins 0 height/width so they don't interfere with clicking the
    * connect elements.
    */
  .noUi-vertical .noUi-origin {
    width: 0;
  }

  .noUi-horizontal .noUi-origin {
    height: 0;
  }

  .noUi-handle {
    position: absolute;
  }

  .noUi-state-tap .noUi-connect,
  .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
  }

  .noUi-state-drag * {
    cursor: inherit !important;
  }

  /* Slider size and handle placement;
    */
  .noUi-horizontal {
    height: 1px;
  }

  .noUi-handle.noUi-handle-lower {
    right: -10px !important;
  }

  .noUi-horizontal .noUi-handle {
    outline: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ba1735;
    border-radius: 100%;
    left: -17px;
    top: -5px;
    background: #ba1735;
    box-shadow: unset;
    cursor: pointer;
  }

  .noUi-vertical {
    width: 1px;
  }

  .noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
  }

  html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -8px;
    left: auto;
  }

  /* Styling;
    * Giving the connect element a border radius causes issues with using transform: scale
    */
  .noUi-target {
    background: var(--stroke);
    /* background: #FAFAFA;
       border-radius: 4px;
       border: 1px solid #D3D3D3;
       box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; */
  }

  .noUi-connects {
    height: 1px;
    top: 0px;
  }

  .noUi-connect {
    background: #ba1735;
    height: 1px;
    top: -1px;
  }

  /* Handles and cursors;
    */
  .noUi-draggable {
    cursor: ew-resize;
  }

  .noUi-vertical .noUi-draggable {
    cursor: ns-resize;
  }

  .noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  }

  .noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
  }

  /* Handle stripes;
    */
  /* .noUi-handle:before,
   .noUi-handle:after {
       content: "";
       display: block;
       position: absolute;
       height: 14px;
       width: 1px;
       background: #E8E7E6;
       left: 14px;
       top: 6px;
   } */

  /* .noUi-handle:after {
       left: 17px;
   } */

  .noUi-vertical .noUi-handle:before,
  .noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
  }

  .noUi-vertical .noUi-handle:after {
    top: 17px;
  }

  /* Disabled state;
    */
  [disabled] .noUi-connect {
    background: #b8b8b8;
  }

  [disabled].noUi-target,
  [disabled].noUi-handle,
  [disabled] .noUi-handle {
    cursor: not-allowed;
  }

  /* Base;
    *
    */
  .noUi-pips,
  .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .noUi-pips {
    position: absolute;
    color: #999;
  }

  /* Values;
    *
    */
  .noUi-value {
    position: absolute;
    card-space: nowrap;
    text-align: center;
  }

  .noUi-value-sub {
    color: #ccc;
    font-size: 10px;
  }

  /* Markings;
    *
    */
  .noUi-marker {
    position: absolute;
    background: #ccc;
  }

  .noUi-marker-sub {
    background: #aaa;
  }

  .noUi-marker-large {
    background: #aaa;
  }

  /* Horizontal layout;
    *
    */
  .noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
  }

  .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
  }

  .noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
  }

  .noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
  }

  .noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
  }

  .noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
  }

  /* Vertical layout;
    *
    */
  .noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
  }

  .noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%, 0);
    padding-left: 25px;
  }

  .noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }

  .noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
  }

  .noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
  }

  .noUi-marker-vertical.noUi-marker-large {
    width: 15px;
  }

  .noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    card-space: nowrap;
  }

  .noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
  }

  .noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
  }
  .noUi-horizontal {
    height: 1px;
    border-radius: 2px;
  }

  .noUi-horizontal .noUi-base,
  .noUi-horizontal .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }

  .noUi-horizontal .noUi-connect,
  .noUi-horizontal .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  .noUi-horizontal .noUi-connect {
    top: 0px;
    height: 1px;
    background-color: #ba1735;
  }

  .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
  }

  .noUi-horizontal .noUi-handle {
    position: absolute;
    top: -7px;
    left: auto;
    right: -8px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #ba1735;
    background-color: #ba1735;
    outline: none;
    cursor: pointer;
  }

  .accordeon-block .padding-box {
    transition: unset;
    margin-top: 9px;
  }

  .inputs.checkboxes.list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: var(--thirty);
  }

  .inputs.checkboxes.list .group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    cursor: pointer;

    * {
      cursor: pointer;
    }
  }

  .inputs.checkboxes.list .group input {
    all: initial;
    background: transparent;
    border: 1px solid #c0c0c0;
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.3s;
  }

  .inputs.checkboxes.list .group-label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
    width: 100%;
    opacity: 0.8;
  }

  .inputs.checkboxes.list .group input::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.07587 0.14039C9.36653 0.366385 9.419 0.785227 9.193 1.0759L4.00969 7.74253C3.89425 7.891 3.72149 7.98387 3.53396 7.99813C3.34644 8.0124 3.16161 7.9468 3.02505 7.81747L0.208335 5.15082C-0.0590387 4.89769 -0.0705853 4.47574 0.182545 4.20837C0.435676 3.94099 0.857627 3.92945 1.125 4.18257L3.40811 6.34405L8.14033 0.257497C8.36633 -0.0331744 8.7852 -0.0856053 9.07587 0.14039Z' fill='white' /%3E%3C/svg%3E");
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.3s;
    pointer-events: none;
  }

.inputs.checkboxes.list .group input:checked{
    background:#ba1735;
    border-color:#ba1735;
}

  .inputs.checkboxes.list .group input:checked::before {
    opacity: 1 !important;
  }

  .filter-widget__btn {
    cursor: pointer;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
    text-align: center;
    border: 1px solid #801e1e;
    background: #801e1e;
    border-radius: 15px;
    height:40px;
    margin-top: 16px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 10px;
    line-height: 220%;
    text-align: center;
    color: #fff;
  }
}

.wc-catalog__sidebar-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
}

.wc-catalog__sidebar-header__title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 45px;
  line-height: 150%;
  color: #1e1e1e;
}

.wc-catalog__sidebar-clear {
  all: initial;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-align: right;
  color: #801e1e;
}