/* ==========================================================================
   parts-cat.css —— 普通分类页（template/category-parts.php）页面专属样式
   --------------------------------------------------------------------------
   R59：把普通分类页整页纳入部件层作用域（main.part-scope）后，
   .part-head-row 的 display:flex 才真正生效。本文件只处理：
     1. 通栏 part-scope 的底色收敛（沿用页面背景，避免出现一条色带）
     2. 分页条与容器边距（任务4：居中、间距、避免顶格）
     3. 分类页特有间距微调

   【铁律】颜色只用 assets/css/parts-tokens.css 的 --part-* 令牌；
           本文件只在 category-parts.php 里按需入队；不改 base.css / parts-ui.css。
   ========================================================================== */

/* 1. 通栏 part-scope 底色收敛：main 是通栏（无容器限宽），部件层自带底色会
      铺满整屏成为一条大色带。沿用页面背景，与首页模板五同款处理。 */
.mbt-cat-parts.part-scope{
  background:transparent;
}
/* .container 内的块仍需要部件层的文字/字体环境 —— 由容器内元素继承即可 */

/* 2. 分页条：官方 .pagination 自带居中（base.css），这里只保证与部件层
      卡片区的呼吸间距一致，避免顶在卡片下沿。
      【R60 说明】分页按钮的「可见性修复」放在皮肤层（skin-c.css §8、
      底色 --c-surface→--c-surface2）——那里是全局分页的老家，图集页/分类页
      一起受益；本文件不要用 --part-card（=珍珠白）覆盖它，会白底白钮压回去。 */
.mbt-cat-parts .pagination{
  padding-top:18px;
  padding-bottom:26px;
  margin:0;
}

/* 3. 分类页页头与卡片区之间：page-head 自带 margin-bottom:16px，
      这里补上分类页容器的左右内边距一致性（container 本身有留白）。 */
.mbt-cat-parts .container{
  padding-top:24px;
}

/* 窄屏：分类页页头 tools 换行后占满，给下拉/筛选足够空间 */
@media (max-width:760px){
  .mbt-cat-parts .container{padding-top:14px}
  .mbt-cat-parts .part-pill-tabs{max-width:100%}
}