/* ============================================================
   商品列表页 · shop.css
   ============================================================ */

/* 面包屑 */
.breadcrumb-bar {
  padding: 24px 20px 20px !important;
  font-size: 13px;
  color: var(--mh-text-3);
  display: flex;
  align-items: center;
  gap: 8px;
}
.breadcrumb-bar a {
  color: var(--mh-text-2);
  transition: color var(--mh-dur) var(--mh-ease);
}
.breadcrumb-bar a:hover { color: var(--mh-primary); }
.bc-sep { color: var(--mh-text-4); }
.bc-current { color: var(--mh-text-1); }

/* 顶部分类筛选条 */
.filter-row {
  padding: 18px 24px;
  background: var(--mh-bg-card);
  border-radius: var(--mh-radius-lg);
  border: 1px solid var(--mh-line);
  margin-bottom: 24px;
}
/* 筛选条容器：取消默认 section-content 的上下内边距，让间距由 filter-row 的 margin-bottom 统一控制，
   避免与下方 .section-shop 的 padding-top 叠加形成「双倍间距」 */
.filter-row.section-content,
.section-content:has(> .filter-row) {
  padding-top: 0;
  padding-bottom: 0;
}

/* 主体区间：顶 0（与筛选条 margin-bottom 协同，避免叠加），底部留白与整站 section 一致 */
.section-shop { padding: 0 0 50px; }
/* 关键修复：common/common.css 的全局 .section-content { padding: 80px 20px } 会把主体内容
   上下各撑出 80px（shop.html 未加载 index.css 的 0 20px 覆盖），导致筛选条下方/页脚上方
   出现明显偏大的留白。这里在列表页主体显式归零上下内边距，仅保留左右 20px 与最大宽度居中。 */
.section-shop .section-content { padding-top: 0; padding-bottom: 0; }

/* 左侧促销卡
   注意：.shop-aside .aside-block（goods.css，0,2,0）会给所有侧栏块设白底，
   优先级高于原 .aside-promo（0,1,0），导致此处渐变背景被覆盖成白底，
   而白色文字未被覆盖 → 白字白底不可见。故用 .shop-aside .aside-block.aside-promo（0,3,0）确保渐变生效。 */
.shop-aside .aside-block.aside-promo {
  background: var(--mh-gradient-banner);
  color: #fff;
  border: none;
  text-align: center;
  padding: 30px 24px;
}
.aside-promo .promo-title {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--mh-font-display);
  margin-bottom: 12px;
}
.aside-promo .promo-desc {
  font-size: 13px;
  line-height: 1.9;
  color: rgba(255,255,255,0.8);
  margin-bottom: 18px;
}
.aside-promo .promo-btn {
  display: inline-block;
  padding: 8px 28px;
  background: var(--mh-accent);
  color: #fff;
  font-size: 13px;
  border-radius: var(--mh-radius-pill);
  transition: all var(--mh-dur) var(--mh-ease);
}
.aside-promo .promo-btn:hover {
  background: var(--mh-bg-card);
  color: var(--mh-primary);
}

/* 商品网格在列表页：3 列（goods.css 已定义 .shop-grid） */

/* 结果说明 */
.result-info {
  text-align: center;
  font-size: 13px;
  color: var(--mh-text-3);
  padding: 28px 0 0;
}

/* 筛选无结果空状态 */
.shop-grid:empty::after {
  content: '没有找到相关商品，换个分类看看吧';
  display: block;
  grid-column: 1 / -1;
  text-align: center;
  color: var(--mh-text-4);
  padding: 80px 0;
  font-size: 14px;
}

/* 侧栏分类项沿用 goods.css 的 .shop-aside .filter-item 样式（JS 渲染结构一致） */