.shoparea-wrapper .shop-sidebar .close-filter-btn {
  display: none; }

.shoparea-wrapper .shop-sidebar .title {
  font-size: 22px;
  font-weight: 600;
  line-height: 34px; }

.shoparea-wrapper .sort-by .list {
  left: -70% !important; }

.shop-sidebar__widget {
  /* margin-bottom: 32px;  */
}
  .shop-sidebar__widget .shop-widget__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 5px;
    color: #3E3E59;
    text-transform: uppercase; }
  .shop-sidebar__widget .shop-widget__content.collection-names ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    overflow-y: scroll;
    gap: 12px;
    height: 200px; }
    .shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar {
      width: 5px;
      border-radius: 30px; }
    .shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar-track {
      background: #EAEAEA;
      border-radius: 30px; }
    .shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar-thumb {
      background: #A7A7A7;
      border-radius: 12px; }
    .shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar-thumb:hover {
      background: #A7A7A7; }
    .shop-sidebar__widget .shop-widget__content.collection-names ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .shop-sidebar__widget .shop-widget__content.collection-names ul li label {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        color: #807E7E;
        margin-left: 8px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      .shop-sidebar__widget .shop-widget__content.collection-names ul li input[type=checkbox],.collection-names ul li input[type=checkbox] {
        width: 24px;
        height: 24px;
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-color: #807E7E;
        background-image: none !important;
        border-radius: 100px;
        margin-top: 0px !important; }
        .az-container li input[type=checkbox]:checked[type=checkbox] {
          background-color: transparent;
          border-color: #121212;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg id='Icon/Check'%3E%3Cpath id='Vector' d='M3.71094 9L7.46094 12.75L14.9609 5.25' stroke='%23121212' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;

       }
       .shop-sidebar__widget .shop-widget__content.collection-names ul li input[type=checkbox]:checked[type=checkbox],.collection-names ul li input[type=checkbox]:checked[type=checkbox] {
        background-color: transparent;
        border-color: #121212;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg id='Icon/Check'%3E%3Cpath id='Vector' d='M3.71094 9L7.46094 12.75L14.9609 5.25' stroke='%23121212' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;

     }
  .shop-sidebar__widget .shop-widget__content.checkboxes-square ul,.checkboxes-square ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: wrap;
        -ms-flex-pack: wrap;
            justify-content: wrap;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li,.checkboxes-square ul li {
      position: relative; }
      .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li .radio-wrapper-square,.checkboxes-square ul li .radio-wrapper-square {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0; }
        .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li .radio-wrapper-square:checked ~ label,.checkboxes-square ul li .radio-wrapper-square:checked ~ label {
          border: 1px solid #121212;
          color: #121212; }
      .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li label,.checkboxes-square ul li label {
        /* cursor: pointer;
        display: block;
        padding: 8px 15px;
        border-radius: 0px;
        border: 1px solid #CBCBCB;
        position: relative;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;  */

        flex: none;
        width: 70px;
        border: 1px solid #cbcbcb;
        box-sizing: border-box;
        height: 38px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 4px 5px;
        font-size: 10px;

      }
        .shop-sidebar__widget .shop-widget__content.checkboxes-square ul li label:hover,.checkboxes-square ul li label:hover {
          border: 1px solid #121212;
          color: #121212; }
  .shop-sidebar__widget .shop-widget__content.checkboxes-square .ts-btn {
    color: #121212;
    border-color: #121212;
    margin-top: 16px;
    padding: 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize; 
  }

.shop-sidebar__widget-brand {
  padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-top: 5px solid #F5F5F5;
  border-bottom: 5px solid #F5F5F5; }
  .shop-sidebar__widget-brand .shop-widget__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -0.6px;
    text-transform: capitalize;
    margin-bottom: 24px; }
  .shop-sidebar__widget-brand ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px; }
    .shop-sidebar__widget-brand ul li:last-child {
      margin-bottom: 0px; }

.price-slider {
  margin-left: 5px;
  margin-right: 5px; }
  .price-slider .ui-state-default, .price-slider .ui-widget-content .ui-state-default {
    width: 16px;
    height: 16px;
    border: 1px solid #121212;
    background: #121212;
    color: #121212;
    border-radius: 16px; }
  .price-slider .ui-slider-horizontal {
    height: 1px;
    background-color: #CBCBCB;
    border-radius: 0px; }
  .price-slider .ui-slider-horizontal .ui-slider-handle {
    top: -8px; }
  .price-slider .price-slider__input {
    border: 0px;
    margin-top: 15px;
    text-align: center;
    color: #3E3E59;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #3E3E59;
    pointer-events: none; }
    .price-slider .price-slider__input:focus, .price-slider .price-slider__input:visited {
      border: none;
      outline: none; }



  .recent-search__row .title {
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.6px; }
  .recent-search__row ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px; }
    .recent-search__row ul li a {
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      padding: 4px 14px; }
      .recent-search__row ul li a::before {
        top: 6px !important; }
      .recent_search__div {
        display: grid;
        grid-template-columns: auto;
      
  
      }
      .recent_search__div .anchor {
        display: list-item;
        text-decoration: underline;
        font-size: 12px;
        font-weight: 500;
        line-height: 32px;
        margin-right: 20px;
      }

.filter-btn-open {
  /* display: none !important;  */
}
  .filter-setting-btn {
    display: none !important;
  }
  .filter-btn-open span {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px;
    margin-right: 4px; }

.selected-tags__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* margin-bottom: 10px; */
 }
  .selected-tags__wrapper .single-tag {
    /* margin-right: 10px; */
    border-radius: 4px;
    padding: 2px 10px;
    padding-left: 28px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    background: #F5F5F5;
    border: 1px solid #EAEAEA;
    position: relative; }
    .selected-tags__wrapper .single-tag::before {
      content: "";
      display: block;
      width: 14px;
      height: 14px;
      /* background: url("../img/close-tag.svg") no-repeat; */
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.898 3.898a.562.562 0 10-.796-.796L7 6.205 3.898 3.102a.563.563 0 00-.796.796L6.205 7l-3.103 3.102a.562.562 0 10.796.796L7 7.795l3.102 3.103a.562.562 0 10.796-.796L7.795 7l3.103-3.102z' fill='%23121212'/%3E%3C/svg%3E");
      z-index: 3;
      cursor: pointer;
      position: absolute;
      left: 10px;
      top: 5px;
      z-index: 0;
     }
    .selected-tags__wrapper .single-tag:last-child {
      /* background: transparent!important;
      border: 1px solid transparent!important; */
      background: #F5F5F5;
      border: 1px solid #EAEAEA;
      /* color: #807E7E;  */
    }

      .single-tag span {
          display: inline-block;
          text-transform: lowercase;
        }

        /* Optional: Add additional styling for the icon image */
        .icon {
          width: 14px;
          height: 14px;
          margin-right: 5px; /* Adjust the margin value as needed */
        }

.footer-breadcumbs {
  padding: 20px 0px; }
  .footer-breadcumbs .breadcumbs ul li a {
    color: #605F5F; }
    .footer-breadcumbs .breadcumbs ul li a::before {
      background: url("../../img/chevron-right-dark.svg"); }
  .footer-breadcumbs .breadcumbs ul li:last-child a {
    color: #121212; }





    /* //custom */

    .progress-bar {
      background-color: #000000!important;
    }
    .progress {
      display: flex;
      height: 7px;
      overflow: hidden;
      font-size: 0.75rem;
      background-color: #e9ecef;
      border-radius: 0.25rem;
  }

  .vue-slider-component .vue-slider-tooltip {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    padding: 2px 5px;
    min-width: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #000!important;
    background-color: #000!important;
}


/* Filters CSS */
.filter-outer-wrapper {
  padding-bottom: 14px;
  padding-top: 10px;
  border-bottom: 1px solid #CBCBCB;
  background: #fff;
}
.filter-outer-wrapper .dropdown .dropdown-toggle{
  border-radius: 39px;
  border: 1px solid #A7A7A7;
  opacity: 0.5;
  padding-right: 30px !important;
  background: #fff;
  font-family: 'Space Grotesk';
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.4px;
  color: #121212 !important;
  box-shadow: none !important;
  outline: none !important;
  display: flex;
  align-items: center;
  padding-right: 10px !important;
}
.filter-outer-wrapper .dropdown.active .dropdown-toggle{
  opacity: 1;
  border: 1px solid #121212;
}
.filter-outer-wrapper .dropdown .dropdown-toggle .filter-count{
  width: 18px;
  height: 18px;
  background: #121212;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 6px;
  border-radius: 100%;
  font-size: 13px;
  font-weight: 700;
  line-height: 12px;
  margin: 1px 3px 0px 3px;
}

.filter-outer-wrapper .dropdown .dropdown-toggle::after{
    border: 0px solid transparent;
    width: 18px;
    height: 18px;
    margin-left: -2px;
    right: 0px;
    z-index: 1;
    transform: rotate(0deg);
    transform-origin: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.27246 9L12.2725 15L18.2725 9' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.filter-outer-wrapper .container{
  gap: 12px;
}
.filter-outer-wrapper .dropdown-menu{
  border: 2px solid #121212;
  background: #FFF;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
  height: 450px;
  overflow: hidden;
  width: 340px;
}

.shop-area__filters_top{
  margin-bottom: 24px;
  margin-top: 16px;
}
.filter-outer-wrapper{
  position: relative;
  z-index: 900;
}
.filter-outer-wrapper .dropdown-menu .back-block{
  display: none;
}
.filter-outer-wrapper .dropdown-menu ul.dropdown-body-list{
  overflow-y: scroll;
  height: 370px;
  padding-bottom: 20px;
}
.filter-outer-wrapper .dropdown-menu .fixed-to-top{
  margin: 0px 16px;
}
.filter-outer-wrapper .dropdown-menu .fixed-to-top .filter-results{
  margin-top: 24px;
  margin-bottom: 12px;
}
.filter-outer-wrapper .dropdown-menu .fixed-to-top .filter-results .selected-text{
  color: #605F5F;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  display: block;
}
.filter-outer-wrapper .dropdown-menu .fixed-to-top .filter-results .select-all{
  color: #121212;
  font-family: 'Space Grotesk';
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.4px;
  text-decoration: underline;
  display: block;
}
.filter-outer-wrapper .dropdown-menu .filtering-search{
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 14px;
  border-bottom: 1px solid #EAEAEA;
}
.filter-outer-wrapper .dropdown-menu .filtering-search input{
  border-radius: 6px;
  border: 1px solid #CBCBCB;
  background: #FFF;
  border-bottom: 1px solid #EAEAEA;
  position: relative;
  padding: 13px 16px;
}
.filter-outer-wrapper .dropdown-menu .filtering-search input:focus{
  outline: none !important;
  box-shadow: none !important;
}
.filter-outer-wrapper .dropdown-menu .filtering-search::after{
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 14px;
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.96582 10.2124C4.96582 7.37213 7.26831 5.06964 10.1086 5.06964C12.9488 5.06964 15.2513 7.37213 15.2513 10.2124C15.2513 13.0527 12.9488 15.3551 10.1086 15.3551C7.26831 15.3551 4.96582 13.0527 4.96582 10.2124ZM10.1086 3.56964C6.43988 3.56964 3.46582 6.5437 3.46582 10.2124C3.46582 13.8811 6.43988 16.8551 10.1086 16.8551C11.6727 16.8551 13.1106 16.3146 14.2455 15.41L18.8383 20.0028C19.1312 20.2957 19.6061 20.2957 19.8989 20.0028C20.1918 19.7099 20.1918 19.235 19.8989 18.9421L15.3062 14.3493C16.2107 13.2144 16.7513 11.7765 16.7513 10.2124C16.7513 6.5437 13.7773 3.56964 10.1086 3.56964Z' fill='%23121212'/%3E%3C/svg%3E");
}
.filter-outer-wrapper .dropdown-item:focus, .filter-outer-wrapper .dropdown-item:hover{
  color: inherit !important;
  background: transparent !important;
}
.filter-outer-wrapper .dropdown-item{
  padding: 0px !important;
}
.filter-outer-wrapper .dropdown-item .alphabet-block{
  background: #F5F5F5;
  padding: 4px 16px;
  color: #2B2B2B;
  font-family: 'Space Grotesk';
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.6px;
  display: block;
  width: 100%;
  margin-bottom: 12px;
}
.filter-outer-wrapper .dropdown-item.collection-names ul{
  display: flex;
  gap: 12px;
  flex-direction: column;
  padding: 0px 16px;
}
.filter-outer-wrapper .dropdown-item.collection-names ul li{
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
}
.filter-outer-wrapper .dropdown-item.collection-names ul li input[type=checkbox]{
  cursor: pointer;
  border-radius: 4px !important;
}
.filter-outer-wrapper .dropdown-item.collection-names ul li input[type=checkbox]:checked[type=checkbox]{
  border: 1px solid #2B2B2B;
  background:#121212;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg id='Icon/Check'%3E%3Cpath id='Vector' d='M3.71094 9L7.46094 12.75L14.9609 5.25' stroke='%23FFFFFF' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: center;
}
.filter-outer-wrapper .dropdown-menu ul.dropdown-body-list::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px; }
.filter-outer-wrapper .dropdown-menu ul.dropdown-body-list::-webkit-scrollbar-track {
  background: #EAEAEA;
  border-radius: 30px; }
.filter-outer-wrapper .dropdown-menu ul.dropdown-body-list::-webkit-scrollbar-thumb {
  background: #A7A7A7;
  border-radius: 12px; }
.filter-outer-wrapper .dropdown-menu ul.dropdown-body-list::-webkit-scrollbar-thumb:hover {
  background: #A7A7A7; }
.filter-outer-wrapper .dropdown-menu ul.dropdown-body-list.checkboxes-square .dropdown-item.collection-names ul{
  display: flex !important;
  flex-direction: row !important;
}
.filter-outer-wrapper .dropdown-menu ul.dropdown-body-list.checkboxes-square .dropdown-item.collection-names ul li{
  width: auto;
}
.filter-outer-wrapper .dropdown-menu ul.dropdown-body-list.checkboxes-square .dropdown-item.collection-names ul li label{
  width: 46px;
}
.filter-outer-wrapper .filter-clear-btn button{
  padding-left: 12px;
  outline: none;
  box-shadow: none;
  font-family: 'Space Grotesk';
  font-size: 18px;
  font-weight: 500;
  line-height:  18px;
  color: #121212;
  background: transparent;
  border: none;
  border-left: 1px solid #A7A7A7;
  text-decoration: underline;
  text-wrap: nowrap;
  white-space: nowrap!important;
}
.filter-outer-wrapper .more-filters-btn{
  margin-left: auto;
  margin-right: 0px;
}
.filter-outer-wrapper .more-filters-btn button{
  padding: 8px 16px;
  font-family: 'Space Grotesk';
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.4px;
  padding-right: 40px;
  background: transparent;
  border-radius: 39px;
  position: relative;
  text-wrap: nowrap;
  color: #121212;
  white-space: nowrap!important;
}
.filter-outer-wrapper .more-filters-btn button::after{
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.5 6.25L6.25 2.5M6.25 2.5L10 6.25M6.25 2.5V13.75M17.5 13.75L13.75 17.5M13.75 17.5L10 13.75M13.75 17.5V6.25' stroke='%23121212' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  top: 6px;
  right: 16px;
}
.filter-outer-wrapper.sticky-top{
  z-index: 79 !important;
}
.collection-names label{
  font-size: 14px;
  cursor: pointer;
}


/* sale-component */
.show-more-d-button {
  
  font-size: 12px;
   font-weight: 400;

   cursor: pointer;

}
.search-page__loading {
   align-items: center;
   justify-content: center;
   display: flex;
   opacity: 0;
   pointer-events: none;
   z-index: 99999;
   /* position: fixed; */
   /* top: 0;
   right: 0;
   bottom: 0;
   left: 0; */
   background-color: rgba(255, 255, 255, 0.6);
   transition: opacity 0.3s ease-in-out;
}
.v-spinner .v-scale {
   color: black !important;
   background-color: #000!important;
}
.loading__spinner p {
   font-size: 14px;
   padding: 5px 0px 10px 0px;
}
.shop-area__filters  .promotional-block .alert {
 padding: 2px;
}
.shop-area__filters  .promotional-block .alert p{
 font-size: 13px;
 font-weight: 500;
 line-height: 24px;
}
.shop-area__filters  .alert-dismissible .btn-close {
 top: -6px;
}
.content-n-f-size {
 font-size: 14px;
 font-weight: 400;
 line-height: 26px;
}

.shop-sidebar__widget .shop-widget__content.collection-names ul{
 height: auto!important;
 max-height: 400px!important;
}








.hide-on-web {
 display: none;
}









.content-bd {
  border-top: 2px solid #F5F5F5;
  padding-top: 20px;
  
}


.shop-sidebar__widget-brand-no-border {
  
  border: none;
  padding: 10px 15px 15px 15px;
  margin: 12px 0px;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.sb-wrapper_content-editor p{
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 16px;
}
#editor h2 {
  font-size: 24px;
}
.no-brnad-select {
  max-width: 100%!important;
}
.no-brnad-select p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  width: 60%;
  margin: 0 auto;
}

.space-applied-filter {
  border-top: 1px solid #dadada;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: scroll;

}

.space-applied-filter::-webkit-scrollbar { 
  display: none;  
}
.az-container::-webkit-scrollbar { 
  display: none;  
}
.shop-sidebar__widget .shop-widget__content.collection-names ul::-webkit-scrollbar { 
  display: none;  
}

.sizesdrop::-webkit-scrollbar { 
  display: none;  
}