.cms-listing-col.col-sm-6.col-lg-6.col-xl-4.listview-custom,
.cms-listing-col.col-sm-6.col-lg-4.col-xl-3.listview-custom {
  flex: 0 0 100%;
  max-width: 100%;
}

// switch image hover

.card.product-box {
  .product-image-wrapper {
    .is--hover {
      display: none;
      transition: 0.3s ease-in-out;
    }
  }

  &:hover {
    .product-image-wrapper {
      .product-image {
        display: none;
        transition: 0.3s ease-in-out;
      }

      .is--hover {
        display: block;
        transition: 0.3s ease-in-out;
      }
    }
  }
}
.cms-element-product-listing-actions {
  margin-bottom: 35px;
}
// switch image hover
// -------------------
.container-main {
  position: relative;

  .box-list {
    &.product-box {
      .card-body {
        display: flex;
        justify-content: space-between;
        width: 100%;
        .product-badges {
          .badge {
            color: $bcb-product-product-box-Newbadge-color;
          }
        }
        .product-image-wrapper {
          height: 100%;
          min-height: 260px;
          width: 260px;
          min-width: 260px;
          flex-grow: 0;
          flex-shrink: 1;
          margin-right: 30px;
          position: relative;
          margin-bottom: 0;
          
        }
        .product-info {
          max-width: 100%;
          justify-content: flex-start;
          padding: 20px 20px 0 0;
          width: 100%;
          display: flex;
          flex-direction: column;
          height: 100%;
          .product-name {
            height: auto;
            font-size: 24px;
            line-height: normal;
            margin-bottom: 10px;
          }
          .product-rating {
            display: flex;
            width: 100%;
            align-items: end;
            height: auto;
            margin: 10px 0 0 0;

            .product-review-rating {
              margin-right: 0;
            }

            .rating--txt {
              font-size: 14px;
              line-height: 30px;
              font-weight: 400;
              color: $bcb-darkGrayColor;
              margin-left: 5px;
            }
          }
          .action-box-wrap {
            display: flex;
            justify-content: start;
            margin-top: 20px;
            z-index: 1;
            .product-action {
              margin: 0;
              .btn.btn-buy {
                border-radius: 50px;
                box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.03);
                min-width: 250px;
                font-weight: 500;
              }
              .btn.btn-light {
                border-radius: 50px;
                background-color: #ededed;
                box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.03);
                min-width: 250px;
                font-weight: 500;
                &:hover {
                  background-color: #f5f5f5;
                }
              }
              .btn-icon {
                display: none;
              }
              .btn-label {
                font-weight: 400;
              }
            }
            .wishlist--btn {
              width: 40px;
              height: 40px;
              position: relative;
              .product-wishlist {
                transform: none;
                visibility: unset;
                opacity: 1;
                width: 40px;
                height: 40px;
                position: relative;
                margin: 0;
                button {
                  position: relative;
                  top: 0;
                  left: 0;
                }
              }
            }
          }
          .product-description {
            height: auto;
            -webkit-line-clamp: 2;
            border-top: 1px solid $bcb-productcart-bordercolor;

            p {
              font-size: 16px;
              font-weight: 400;
              line-height: normal;
              margin: 0;
              color: $bcb-product-product-box-description-color;
            }
          }
        }
        &:hover {
          .quick--view {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            z-index: 3;
          }
          .product-wishlist {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            z-index: 3;
          }
          .product-action {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
          }
        }
      }
    }
  }
}

.detail--listing {
  .listing-box-header {
    width: 100%;
    margin-top: 10px;

    .listing-top-text {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 16px;
      font-weight: 500;
      color: $bcb-sidebar-block-product-count-color;

      .lbl {
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        color: $bcb-sidebar-block-product-count-heading-color;
        margin-right: 5px;
      }
    }
  }
}

.rating--txt {
  display: none;
}

.is-ctl-navigation.is-act-index {
  .rating--txt {
    display: block;
  }

  .cms-block-image-text {
    .cms-block-container {
      padding: 0 !important;
    }
  }
}
.cms-section .cms-section-sidebar > .row {
  --bs-gutter-x: 30px;
}
@media (min-width: 992px) {
  .detail--listing {
    .cms-element-sidebar-filter {
      .filter--title {
        width: 100%;
        padding: 10px 11px;
        background: $bcb-sidebar-block-navigation-background-color;
        margin-top: 7px;
        font-size: $bcb-sidebar-block-layout-headline-font-size + px;
        color: $bcb-sidebar-block-navigation-category-color;
        font-weight: $bcb-sidebar-block-layout-headline-font-weight;
        text-transform: $bcb-sidebar-block-layout-headline-text-transform;
        line-height: 1.12;
        display: block;
        margin-bottom: 25px;
        border-radius: $bcb-filter-block-input-border-radius-field + px;
      }
    }
  }
  .cms-section-sidebar-main-content.col-lg-8.col-xl-9 {
    margin-top: -58px;
  }
}

@media (max-width: 991.98px) {
  .container-main {
    .box-list.product-box {
      margin-top: 20px;
      .card-body {
        .product-image-wrapper {
          min-height: 180px;
          width: 180px;
          min-width: 180px;
          .product-image-link {
            .product-image {
              object-fit: contain;
            }
          }
        }
      }
    }
  }
  .detail--listing {
    .category-navigation-box {
      display: none;
    }
  }
}
@media (max-width: 767.98px) {
  .detail--listing {
    .cms-block-container {
      padding: 0 !important;
    }
  }
}
@media (max-width: 576.98px) {
  .container-main {
    .box-list.product-box {
      .card-body {
        flex-direction: column;

        .product-image-wrapper {
          min-height: 220px;
          width: 100%;
          min-width: 180px;
        }

        .product-info {
          .product-name {
            font-size: 20px;
          }
          .product-description {
            p {
              font-size: 16px;
            }
          }
        }
      }
    }
  }
}
