/* 商品栏目：跨店铺商品表 + 类目/状态/店铺标记多选 + 价格区间 */

/* 与 models/plans/shops 栏目一致：页头留 20px 顶距，面包屑位置才对齐 */
.products-page { padding-top: 20px; }
.products-page .page-lead { max-width: 60ch; }

/* 店铺标记与价格区间同行：标记组按内容定尺，不铺满把价格推到行尾 */
.catalog-filter #product-badges { flex: 0 1 auto; }
.price-range { display: flex; align-items: center; gap: 6px; min-width: 0; }
.price-range input {
  width: 96px;
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--bg);
  color: var(--text);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.price-range input:focus { border-color: var(--accent); outline: 0; }
.price-range input::placeholder { color: var(--text-4); }
.price-range .range-dash { color: var(--text-4); font-size: 12px; }
/* 数字输入框的去框样式：小三角会让 36px 的控件在 Swiss 网格里显脏 */
.price-range input::-webkit-outer-spin-button,
.price-range input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.price-range input { -moz-appearance: textfield; appearance: textfield; }

/* 商品表列宽：标题与店铺占大头，其余按内容定尺；对齐与密度规则见 models.css 共享段 */
.product-table .c-name { width: 34%; }
.product-table .c-shop { width: 15%; }
.product-table .c-cat { width: 11%; }
.product-table .c-price { width: 12%; }
.product-table .c-stock { width: 16%; }
.product-table .c-updated { width: 12%; }
.product-table .shop-link { color: var(--text-2); }
.product-table .shop-link:hover { color: var(--accent); }

/* ---------- 窄屏 ---------- */
@media (max-width: 560px) {
  /* 窄屏收起类目与更新列，标题与店铺补位 */
  .product-table .c-cat, .product-table .c-updated,
  .product-table thead th:nth-child(3), .product-table thead th:nth-child(6),
  .product-table tbody td:nth-child(3), .product-table tbody td:nth-child(6) { display: none; }
  .product-table .c-name { width: 44%; }
  .product-table .c-shop { width: 24%; }
  .product-table .c-price { width: 16%; }
  .product-table .c-stock { width: 16%; }
  .price-range input { width: 72px; }
}