/* ======= breadcrumb css start ===== */
.products__page .breadcrumb__wrapper {
  background-color: #f7f7f7;
  margin-bottom: 24px;
}

.products__page .breadcrumb {
  padding: 20px 0;
}

.products__page .breadcrumb__title_wrapper {
  margin-bottom: 10px;
  text-align: center;
}

.products__page .breadcrumb__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #333333;
}

.products__page .breadcrumb__nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products__page .breadcrumb__nav li {
  display: flex;
  align-items: center;
}

.products__page .breadcrumb__nav li a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #555555;
  text-decoration: none;
}

.products__page .breadcrumb__nav li span {
  display: flex;
}

/* products area */

/* ======== filter bar ========= */

.products__page .filter__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.products__page .filter__bar .col {
  width: calc(100% / 3);
}

.products__page .filter__toggle_btn,
.products__page .product__sorting .wrapper__sort p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #333333;
}

.products__page .filter__toggle_btn {
  display: flex;
  align-items: center;
  gap: 2px;
  background-color: transparent;
  border: none;
}

.products__page .toggle__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products__page .collaps__spand,
.products__page .child_collaps__spand {
  transition: all 0.3s;
}

.products__page .collaps__spand .plus__icon,
.products__page .child_collaps__spand .plus__icon {
  width: 14px;
  height: 14px;
  position: relative;
  display: block;
}

.products__page .collaps__spand .plus__icon::before,
.products__page .child_collaps__spand .plus__icon::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 2px;
  opacity: 1;
  background: #555555;
  transform: translateX(-8px);
  top: 6px;
  transition: all 0.3s;
}

.products__page .collaps__spand .plus__icon::after,
.products__page .child_collaps__spand .plus__icon::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 14px;
  opacity: 1;
  background: #555555;
  transform: translateX(-2px);
  transition: all 0.3s;
}

.products__page .product__display_view {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.products__page .product__display_view .view {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* product__sorting */
.products__page .product__sorting {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.products__page .product__sorting .wrapper__sort {
  display: flex;
  align-items: center;
  gap: 4px;
}

.products__page .product__sorting .wrapper__sort span {
  display: flex;
}

.products__page .filter__by {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 146px;
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  z-index: 1;
  transform: translateY(20px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.products__page .filter__by.show__result {
  transform: translate(0);
  visibility: visible;
  opacity: 1;
}

.products__page .filter__by_inner {
  padding: 8px 0;
}

.products__page .filter__by_inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.products__page .filter__by_inner a {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #333333;
  text-decoration: none;
  width: 100%;
  height: 28px;
  padding: 0px 12px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}

/* section filter box */

.products__page .section__filter_box,
.products__page .filter__mb_overlay {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100vh;
}

.products__page .section__filter_box {
  width: 320px;
  background-color: #fff;
  z-index: 90;
  left: -100%;
  transition: 0.3s;
}

.products__page .section__filter_box.showSectionFilterBox {
  left: 0;
}

.products__page .filter__mb_overlay {
  width: 100%;
  background: rgba(51, 51, 51, 0.7);
  z-index: 80;
  visibility: hidden;
  opacity: 0;
  transition: height 0.3s;
}

.products__page .filter__mb_overlay.showSectionFilterBox {
  visibility: visible;
  opacity: 1;
}

/* filter heading */
.products__page .filter__heading {
  width: 100%;
  height: 44px;
  background-color: #1a1a1a;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.products__page .filter__heading p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #fff;
}

.products__page .filter__heading .filter__close_btn {
  display: flex;
}

.products__page .active svg [x="1"],
.products__page .active svg [x="13"],
.products__page .active svg [x="2"] {
  fill: #333333;
}

/* filters */
.products__page .wrap__filter {
  min-height: calc(100vh - 44px);
  overflow-y: scroll;
}

.products__page .wrap__filter::-webkit-scrollbar {
  display: none;
}

.products__page .wrap__filter .col {
  padding: 16px;
  box-shadow: 0px -1px 0px 0px #ececec;
}

.products__page .wrap__filter .filter__title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 16px;
}

.products__page .wrap__filter .filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.products__page .wrap__filter .filters a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #333333;
  text-decoration: none;
  display: block;
}

.products__page .wrap__filter .filter__by_category {
  max-height: 242px;
  /* overflow-y: scroll; */
}

.products__page .wrap__filter .filter__by_category::-webkit-scrollbar {
  width: 2px;
}

.products__page .wrap__filter .filter__by_category::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f3f3f3;
  border-radius: 10px;
}

.products__page .wrap__filter .filter__by_category::-webkit-scrollbar-thumb {
  background-color: #ececec;
  border-radius: 10px;
}

/* filter price */
.products__page .filter__by_price .filters {
  gap: unset;
}

.products__page .section__filter_box .filter__btn_wrapper {
  margin-top: 20px;
}

.products__page .section__filter_box .filter__btn {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: #fff;
  width: max-content;
  height: 40px;
  padding: 0px 25px;
  border-radius: 5px;
  background-color: #333333;
  border: none;
  letter-spacing: 0.5px;
}

.products__page .s020E_max_min_price_wrapper {
  padding-top: 12px;
}

.products__page .s020E_max_min_price_wrapper .prices p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #999999;
}

.products__page .s020E_max_min_price_wrapper .prices span {
  color: #333333;
}

.products__page .range_slider_bar {
  position: relative;
  padding-top: 11px;
}

.products__page input[type="range"].range_control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 50%;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
  transform: translateY(-50%);
}

.products__page .slider_track {
  width: 100%;
  height: 2px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: #e3e3e3 !important;
}

.products__page input[type="range"].range_control::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 7px;
}

.products__page input[type="range"].range_control::-moz-range-track {
  -moz-appearance: none;
  height: 7px;
}

.products__page input[type="range"].range_control::-ms-track {
  appearance: none;
  height: 7px;
}

.products__page input[type="range"].range_control::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: var(--primaryColor);
  cursor: pointer;
  margin-top: -4px;
  pointer-events: auto;
}

.products__page input[type="range"].range_control::-moz-range-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: var(--primaryColor);
  cursor: pointer;
  margin-top: -4px;
  pointer-events: auto;
}

.products__page input[type="range"].range_control::-ms-thumb {
  -webkit-appearance: none;
  height: 11px;
  width: 3px;
  background-color: var(--primaryColor);
  cursor: pointer;
  margin-top: -2px;
  pointer-events: auto;
}

/* ========== soppiya products section ========== */

/* clear result box */

.products__page .clear__result_box {
  width: 100%;
  padding: 16px 0px;
  border: 1px solid #ebebeb;
  background: #f7f7f7;
  margin-top: 25px;
}

.products__page .clear__result_box__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
}

.products__page .filter__total_result .clear__result {
  padding: 0px 20px;
  font-weight: 600;
}

.products__page .filter__total_result .clear__result span,
.products__page .clear__result.clear__all_result {
  color: var(--primaryColor);
  margin-right: 2px;
}

.products__page .clear__result.clear__all_result span svg path {
  fill: var(--primaryColor);
}

.products__page .clear__result {
  width: max-content;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #333333;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  box-shadow: 1px 0px 0px 0px #ccc;
}

.products__page .clear__result span {
  display: flex;
}

.products__page .clear__result.clear__all_result {
  box-shadow: none;
}

/* all products */
.products__page .soppiya__products_section {
  padding-bottom: 50px;
}

.products__page .all__products_area {
  margin-top: 30px;
}

.products__page .product__groups {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}



/* =========== list view ======== */

.products__page .product__list_view .product__groups{
   flex-direction: column;
}

.products__page .product__list_view .md_pc {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
  box-shadow: 0px -1px 0px 0px #ececec;
  margin-top: 16px;
  height: unset;
}

.products__page .product__list_view .md_pc .md_pc_product__title {
  margin-bottom: 4px;
}
.products__page .product__list_view .md_pc .md_pc_product__title__wrapper .md_pc_product__price{
  display: block !important;
}

.products__page .product__list_view .md_pc .md_pc_card__footer {
  width: calc(100% - 127px - 20px);
  margin-top: 0;
}

.products__page .product__list_view .md_pc .md_pc_product__img img {
  width: 127px;
  height: 141px;
}
.products__page .product__list_view .md_pc .md_pc_product__img img:nth-child(2) {
  display: none;
}

.products__page .product__list_view .md_pc .md_pc_product__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.products__page .product__list_view .md_pc .md_pc_wrap__price_and__btn .md_pc_product__price {
  display: none;
}

.products__page .product__list_view .md_pc .md_pc_card__btn_groups {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.products__page .product__list_view .md_pc .md_pc_card__btn {
  width: 100%;
  height: 36px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: unset;
}

.products__page .product__list_view .md_pc .md_pc_card__btn.md_pc_quick__view_btn {
  background-color: #f3f3f3;
}

.products__page .product__list_view .md_pc .md_pc_card__btn.quick__shop_btn {
  color: var(--secondaryColor);
  background-color: var(--primaryColor);
}

.products__page .product__list_view .md_pc .product__title__wrapper .md_pc_product__price {
  display: flex;
}


/* .products__page .product__list_view .md_pc .md_pc_wrap__hover__btn {
    transform:unset !important;
    visibility: unset !important;
    opacity: 1 !important;
    transition: 0.3s;
} */
.products__page .product__list_view .md_pc:hover .md_pc_product__price,
.products__page .product__list_view .md_pc:hover .md_pc_card__btn_groups{
    transform: unset !important;
}
.products__page .product__list_view .md_pc .md_pc_add__to_cart__btn{
    background-color: #6BAD0D;
    color: #fff;
}

.products__page .product__list_view .md_pc .md_pc_stock_out_btn {
  background-color: #f3f3f3;
  color: #333333;
  cursor: not-allowed;
}


@media (min-width: 494px) {
  .products__page .product__groups {
    gap: 16px;
  }

}

@media (min-width: 664px) {
  .products__page .product__list_view .md_pc .md_pc_product__info {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }


  .products__page .product__list_view .md_pc .md_pc_wrap__price_and__btn {
    width: 142px;
  }
  .products__page .product__list_view .md_pc .md_pc_product__info > a {
     width: 70%;
  }
}

@media (min-width: 724px) {
  .products__page .product__groups {
    gap: 20px;
  }

  .products__page .product__list_view .md_pc {
    display: flex;
    width: 100%;
    height: unset;
  }
}

@media (min-width: 972px) {
  .products__page .breadcrumb__wrapper {
    margin-bottom: 50px;
  }

  .products__page .breadcrumb__title {
    font-size: 18px;
    line-height: 26px;
  }

  /* section filter box */
  .products__page .section__filter_box {
    position: unset;
    min-height: unset;
    width: 100%;
    border: 1px solid rgba(236, 236, 236, 0.8);
    background: #f7f7f7;
    margin: 20px 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
  }

  .products__page .section__filter_box.showSectionFilterBox {
    visibility: visible;
    opacity: 1;
    height: max-content;
  }

  .products__page .filter__box_inner {
    padding: 24px;
  }

  .products__page .filter__mb_overlay {
    display: none;
    transition: none;
  }

  .products__page .filter__heading {
    display: none;
  }

  .products__page .wrap__filter {
    width: 100%;
    min-height: unset;
    overflow: unset;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
  }

  .products__page .wrap__filter .col {
    box-shadow: unset;
    padding: unset;
  }

  .products__page .wrap__filter .filter__by_category::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ccc;
  }

  .products__page .wrap__filter .filter__by_category::-webkit-scrollbar-thumb {
    background-color: #555555;
  }

  /* all products */
  .products__page .soppiya__products_section {
    padding-bottom: 80px;
  }

  .products__page .all__products_area {
    margin-top: 30px;
  }

  .products__page .filter__by_inner a:hover {
    background-color: #f3f3f3;
  }

  /* cursor pointer */
  .products__page .filter__close_btn,
  .products__page .filter__toggle_btn,
  .products__page .filter__btn,
  .products__page #filter__by_sorting__id,
  .products__page .product__display_view .view {
    cursor: pointer;
  }

  /* =========== list view ======== */

  .products__page .product__list_view .product__groups {
    gap: unset;
  }

  .products__page .product__list_view .md_pc {
    gap: 15px;
    margin-top: 30px;
  }

  .products__page .product__list_view .md_pc .md_pc_product__img img {
    width: 180px;
    height: 198px;
  }

  .products__page .product__list_view .md_pc .md_pc_wrap__price_and__btn {
    height: unset;
  }

  .products__page .product__list_view .md_pc:hover .md_pc_price ,
  .products__page .product__list_view .md_pc:hover .card__btn_groups {
    transform: unset;
  }

  .products__page .product__list_view .md_pc_body .md_pc_product__img img {
    transform: scale(1);
  }

  .products__page .product__list_view .md_pc_body:hover .md_pc_wrap__hover__btn {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }

  .products__page .product__list_view .md_pc_body:hover .md_pc_product__img img {
    transform: scale(1.1);
  }
  .products__page .product__list_view .md_pc .md_pc_quick__view_btn,
    .products__page .product__list_view .md_pc .md_pc_add__to_cart__btn{
     transition: .3s;
  }
  .products__page .product__list_view .md_pc .md_pc_quick__view_btn:hover{
    background-color: #6BAD0D;
    color: #fff;
  }
  .products__page .product__list_view .md_pc .md_pc_add__to_cart__btn:hover{
    background-color: #5e9c06;
  }
}
@media(min-width:1024px){
  .filters a{
    cursor: pointer;
  }
}