.main-collection-container {
  display: block;
  background-color: rgb(var(--color-background));
}

.main-collection {
  padding-block: 40px;
}

.main-collection__no-products-tips {
  color: rgb(var(--color-text));
}

.main-collection__list {
  margin-block-end: 40px;
  overflow: visible;
}

@media (max-width: 959px) {
  .main-collection__list {
    margin-block-end: 20px;
  }
}

@media (max-width: 959px) {
  .main-collection {
    padding-block: 0 20px;
  }
}

@media (min-width: 960px) {
  .main-collection {
    display: grid;
  }

  .main-collection .main-collection__products {
    grid-area: list;
  }

  .main-collection .facets-filtering {
    grid-area: filtering;
  }

  .main-collection .facets-sorting-wrapper {
    grid-area: sorting;
  }

  .main-collection.facets-layout-horizontal {
    grid-template:
      "filtering sorting"
      "list list"
      / 1fr auto;
    row-gap: 8px;
  }

  .main-collection.facets-layout-vertical {
    grid-template:
      "sorting sorting"
      "list list"
      / 256px auto;
  }

  .main-collection.facets-layout-vertical.enable-filtering {
    grid-template:
      "filtering sorting" auto
      "filtering list" 1fr
      / 256px auto;
    column-gap: 22px;
  }

  .main-collection.facets-layout-drawer {
    grid-template:
      "filtering sorting"
      "list list"
      / 1fr auto;
    row-gap: 8px;
  }
}

/* =====================================
   Sear1 商品列表卡片统一高度
   适用：电脑端 + 手机端
   不影响商品详情页
===================================== */

/* 1. 商品卡片撑满所在网格 */
.main-collection__list > li:not(.promotion-card-item) {
  display: flex;
  min-width: 0;
}

.main-collection__list .product-card-shadow-space {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-width: 0;
}

/* 2. 商品卡片纵向布局 */
.main-collection__list .block-product-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 100%;
}

/* 3. 商品信息区域 */
.main-collection__list
.block-product-card-info:not(.block-product-card-info--layer) {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}

/* 4. 统一标题区域 */
.main-collection__list .block-product-title span {
  --card-title-lines: 2;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--card-title-lines);

  line-height: 1.4;
  height: calc(var(--card-title-lines) * 1.4em);

  overflow: hidden;
  text-overflow: ellipsis;
}

/* 5. 价格区域 */
.main-collection__list .block-product-price {
  margin-top: auto;
  min-height: 46px;
}

/* 6. 手机端单独设置 */
@media (max-width: 959px) {

  .main-collection__list .block-product-title span {
    --card-title-lines: 2;
  }

}