/* 文件职责：商品列表页面响应式样式。 */
@media (max-width: 1200px) {
  .page-product-list {
    .product-card-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}

@media (max-width: 992px) {
  .page-product-list {
    .product-page-layout {
      flex-direction: column;
    }

    .product-category-sidebar-card {
      position: static;
      width: 100%;
    }

    .product-list-header,
    .product-list-row {
      grid-template-columns: 40px 54px minmax(120px, 1fr) 80px 88px 80px;
    }

    .product-list-header .cell:nth-child(4),
    .product-list-header .cell:nth-child(7),
    .product-list-header .cell:nth-child(8),
    .product-list-header .cell:nth-child(9),
    .product-list-row .cell:nth-child(4),
    .product-list-row .cell:nth-child(7),
    .product-list-row .cell:nth-child(8),
    .product-list-row .cell:nth-child(9) {
      display: none;
    }
  }
}

@media (max-width: 768px) {
  .page-product-list {
    .product-filter-toolbar {
      align-items: stretch;
    }

    .product-filter-store-select,
    .product-filter-input,
    .product-filter-select {
      width: 100%;
    }

    .product-filter-spacer {
      display: none;
    }

    .product-view-switch {
      width: 100%;
    }

    .product-view-btn {
      flex: 1;
    }

    .product-action-bar {
      flex-direction: column;
      align-items: stretch;
    }

    .product-action-left {
      justify-content: space-between;
      width: 100%;
    }

    .product-card-grid {
      grid-template-columns: 1fr;
    }
  }
}
