/* ============================================================
   USHOW — 产品系列筛选条与分页
   只服务 products.html；卡片本身仍由 apple.css 负责，此处不碰卡片
   ============================================================ */

.series-section { padding-bottom: 24px; }

/* ---------- 系列筛选胶囊 ---------- */
.series-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 0 0 40px;
}

.series-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  border: 1px solid var(--apple-line);
  border-radius: 999px;
  background: #fff;
  color: var(--apple-ink);
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.series-chip span {
  font-size: 12px;
  font-weight: 600;
  color: var(--apple-gray);
  font-variant-numeric: tabular-nums;
}
.series-chip:hover { border-color: var(--primary); color: var(--primary); }
.series-chip:hover span { color: var(--primary); }
.series-chip.is-on {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.series-chip.is-on span { color: rgba(255, 255, 255, .72); }

/* ---------- 分页 ---------- */
.series-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 48px 0 8px;
}
.series-pager[hidden] { display: none; }

.series-pager button {
  min-width: 40px;
  height: 40px;
  padding: 0 8px;
  border: 1px solid var(--apple-line);
  border-radius: 999px;
  background: #fff;
  color: var(--apple-ink);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.series-pager button:hover:not(:disabled) { border-color: var(--primary); color: var(--primary); }
.series-pager button[aria-current="page"] {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.series-pager button:disabled { opacity: .3; cursor: default; }
.series-pager .series-step { font-size: 17px; }

/* ---------- 窄屏 ---------- */
@media (max-width: 640px) {
  .series-bar {
    justify-content: flex-start;
    gap: 6px;
    padding-bottom: 28px;
  }
  .series-chip { padding: 8px 14px; font-size: 13.5px; }
  .series-pager { padding-top: 34px; }
}