/* ========== SEARCH ========== */
.facetwp-type-search {
    display:none!important;
}

.facetwp-search {
  height: 3.6rem;
  margin-bottom: 0;
  padding: 0.4rem 0 1.4rem 0.6rem;
  border-style: none;
  border-radius: var(--radius--main);
  background-color: var(--color--white);
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
  transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  color: var(--color--black-80);
  font-size: 1.6rem;
}

.facetwp-search:active,
.facetwp-search:focus,
.facetwp-search.-wfp-active,
.facetwp-search.-wfp-focus {
  border-color: var(--color--black-60); 
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-repeat: repeat;
}

.facetwp-search::placeholder {
  color: var(--color--light-grey);
}

.facetwp-icon {
    display: none;
}

/* ========== PAGINATION ========== */
.facetwp-facet-pagination {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.facetwp-page {
  display: inline-flex !important;
  width: 3.2rem;
  height: 3.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.2rem;
  color: var(--color--brand);
}

.facetwp-page.-wfp-hover,
.facetwp-page:hover {
  background-color: var(--color--light-grey-40);
}

.facetwp-page.next {
  border-style: none;
  font-size: 1.8rem;
}

.facetwp-page.prev {
  border-style: none;
  font-size: 1.8rem;
}

.facetwp-page.active {
  border-style: solid;
  border-width: 1px;
  border-top-color: var(--color--brand);
  border-right-color: var(--color--brand);
  border-bottom-color: var(--color--brand);
  border-left-color: var(--color--brand);
  font-weight: 400 !important;
}



/* ========== LOAD MORE BUTTON ========== */
.facetwp-facet-more{
    position: relative;
}

.facetwp-load-more {
  position: relative;
  display: inline-flex;
  overflow: clip;
  min-width: 25rem;
  padding: 1.6rem 4rem;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-top-color: var(--color--light-grey);
  border-right-color: var(--color--light-grey);
  border-bottom-color: var(--color--light-grey);
  border-left-color: var(--color--light-grey);
  border-top-left-radius: var(--radius--main);
  border-top-right-radius: var(--radius--main);
  border-bottom-left-radius: var(--radius--main);
  border-bottom-right-radius: var(--radius--main);
  background-color: var(--color--white);
  transition-property: none;
  transition-duration: 0ms;
  transition-timing-function: ease;
  color: var(--color--black-80);
  line-height: 1.1;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.facetwp-load-more.facetwp-hidden{
    visibility: hidden;
}


.dd-select__icon-bg {
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  will-change: transform;
}

.fs-wrap.fs-open .dd-select__icon-bg {
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}


/* ========== WRAP ========== */
.facetwp-depth {
  visibility: hidden;
  height: 0px;
  padding-left: 1.6rem !important;
}

.facetwp-depth.visible {
  visibility: visible;
  height: auto;
}


.facetwp-facet {
    margin-bottom: 0px !important;
}

.facetwp-facet .fs-label-wrap {
    pointer-events: auto !important;
}

.fs-wrap {
    cursor: pointer !important;
    position: relative !important;
    width: auto !important;
}

@media screen and (max-width: 991px) {
  .fs-wrap {
    width: 100% !important;
  }
}

.fs-checkbox {
    display: none !important;
}

/* Закрытый дропдаун: полностью обрезан снизу, прозрачный, скрыт */
.fs-wrap .fs-dropdown {
    display: block !important;               /* всегда в потоке */
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: hidden !important;
    border-color: transparent !important;
    clip-path: inset(0 0 100% 0) !important;   /* ничего не видно */
    transition: 
                visibility 0s 500ms,
                border-color 500ms ease,
                clip-path 500ms ease !important;
}

/* Открытый дропдаун: видим полностью, рамка возвращается */
.fs-wrap.fs-open .fs-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    border-color: var(--color--light-grey-40) !important;
    clip-path: inset(0 0 0 0) !important;      /* всё видно */
    transition: 
                visibility 0s 0s,
                border-color 500ms ease,
                clip-path 500ms ease !important;
}

.fs-wrap.fs-open .dd-select__icon-bg {
    transform: rotateZ(180deg) !important;
}

/* ========== LABEL ========== */
.fs-label-wrap {
    cursor: pointer !important;
    display: flex !important;
    width: auto !important;
    padding: 1.5rem 2rem !important;
    flex-flow: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    border-style: none !important;
    border-width: 1px !important;
    border-color: black !important;
    color: var(--color--black-60) !important;
    font-weight: 400;
}
.fs-label-wrap.-wfp-hover,
.fs-label-wrap:hover {
    background-color: var(--color--light-grey-15) !important;
    color: var(--color--black-80) !important;
}

.fs-label-wrap .fs-label {
    padding: 0px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



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



.facetwp-counter{
    display: none;
}

.fs-dropdown {
    position: absolute !important;
    inset: auto auto auto 0% !important;
    z-index: 3 !important;
    overflow: hidden !important;
    width: 34rem !important;
    border-style: solid !important;
    border-width: 1px !important;
    /* border-color управляется выше */
    border-radius: 0.2rem !important;
    background-color: var(--color--white) !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0.2rem 0.1rem 0.8rem 0px !important;
    /* transition перенесён в состояния, чтобы управлять задержками */
}

@media screen and (max-width: 991px) {
  /* Дропдаун в потоке */
  .fs-dropdown {
    position: relative !important;
    width: 100% !important;
    inset: auto !important;
    box-shadow: none !important;
  }

  /* Закрытое состояние */
  .fs-wrap .fs-dropdown {
    max-height: 0 !important;
    clip-path: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-color: var(--color--light-grey-40) !important;
    transition: max-height 700ms ease !important;
  }

  /* Открытое состояние */
  .fs-wrap.fs-open .fs-dropdown {
    max-height: 60rem !important;
    border-color: var(--color--light-grey-40) !important;
    clip-path: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: max-height 700ms ease !important;
  }
}

  .fs-label-wrap.-wfp-hover,
  .fs-label-wrap:hover {
    background-color: var(--color--light-grey-15) !important;
    color: var(--color--black-80) !important;
  }


  /*  SEARCH  */
  .fs-search {
    padding: 1.6rem 1.6rem 0.8rem !important;
    background-color: transparent !important;
  }

  .fs-search input {
    width: 31rem !important;
    height: 4.8rem !important;
    padding: 1.2rem 1.2rem 1.2rem 4rem !important;
    margin-left: 0rem !important;
    border-style: solid !important;
    border-color: var(--light-grey-40) !important;
    border-width: 1px !important;
    border-radius: 0.2rem !important;
    background-image: url('https://cdn.prod.website-files.com/69e77d2b73dd33014a0b7da3/69f9ea8daf3a915e0c0ca473_icon-search-2.svg') !important;
    background-position: 1.2rem 50% !important;
    background-size: 2.4rem 2.4rem !important;
    background-repeat: no-repeat !important;
  }
  
  @media screen and (max-width: 991px) {
  .fs-search input {
    width: 100% !important;
  }
}

  .fs-search input:hover {
    border-color: var(--black-80) !important;
  }

  .fs-search input:focus {
    border-color: var(--light-grey-40) !important;
  }
  
    .fs-search input:active {
    border-color: var(--light-grey-40) !important;
  }

  /*  NO RESULTS  */
  .fs-no-results {
    margin-bottom: 1.6rem !important;
    margin-left: 0.8rem !important;
  }

  /*  OPTIONS  */
  .facetwp-checkbox,
  .fs-option {
    cursor: pointer;
    padding: 1.2rem 1.6rem 1.2rem 4rem !important;
    margin-bottom: 0px !important;
    color: var(--color--black-60) !important;
    font-weight: 400 !important;
    background-image: url('https://cdn.prod.website-files.com/69e77d2b73dd33014a0b7da3/69f8d7903c11997ea8e06656_box.png') !important;
    background-position: 1.6rem 50% !important;
    background-size: 1.6rem 1.6rem !important;
    background-repeat: no-repeat !important;
  }
  
  .facetwp-checkbox {
  display: flex;
  justify-content: space-between;
}

  .facetwp-checkbox.-wfp-hover,
  .facetwp-checkbox:hover,
  .fs-option.-wfp-hover,
  .fs-option:hover {
    background-color: var(--color--light-grey-15) !important;
  }

  .facetwp-checkbox.checked,
  .fs-option.selected {
    background-image: url('https://cdn.prod.website-files.com/69e77d2b73dd33014a0b7da3/69f8d78d74bc6478f28986bb_box-check.png') !important;
    color: var(--color--black) !important;
    background-color: var(--light-grey-40) !important;
  }

  .fs-option[data-idx='0'] {
    display: none !important;
  }

  .fs-hidden {
    display: none !important;
  }

  /*  CUSTOM SCROLLBAR  */
  .facetwp-facet-categories,
  .fs-options {
    position: static;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  .facetwp-facet-categories{
    max-height: 28rem;
  }
  
  .fs-options {
    max-height: 30rem;
  }

  .fs-options {
    max-height: 24rem !important;;
  }

  .facetwp-facet-categories::-webkit-scrollbar,
  .fs-options::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  
  

  .facetwp-facet-categories::before,
  .fs-options::before,
  .facetwp-facet-categories::after,
  .fs-options::after {
    content: '';
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    bottom: 0.4rem;
    width: 0.4rem;
    min-width: 0.4rem;
    max-width: 0.4rem;
    border-radius: 0;
    pointer-events: none;
    opacity: 0;
  }

  .facetwp-facet-categories.has-scroll::before,
  .fs-options.has-scroll::before,
  .facetwp-facet-categories.has-scroll::after,
  .fs-options.has-scroll::after {
    opacity: 1 !important;
  }

  .facetwp-facet-categories::before,
  .fs-options::before {
    background: #DFDFDF;
  }

  .facetwp-facet-categories::after,
  .fs-options::after {
    background: #6F6F6F;
    transform: translateY(var(--scroll-top, 0));
    transition-property: transform;
    transition-duration: 200ms;
    transition-timing-function: ease;
  }

  .facetwp-facet-categories::before {
    top: 0.4rem;
    bottom: 0.4rem;
    height: calc(100% - 0.8rem);
  }

  .facetwp-facet-categories::after {
    top: 0.4rem;
    height: var(--thumb-height);
  }

  .fs-options::before {
    top: 7rem;
    bottom: 0.4rem;
    height: calc(100% - 7.4rem);
    z-index: 2;    
  }

  .fs-options::after {
    top: 7rem;
    height: calc(var(--thumb-height) - 1rem);
    z-index: 2;    
  }
  /*  CUSTOM SCROLLBAR END  */