/* PinkyDolly V2 · pd-v2-collection
 * 从定稿原型抽出,参数已实测。⚠️ 图片/视频路径需换成 SHOPLINE CDN 地址。
 * 不要修改数值 —— 见 docs/pd-v2-brief.md
 *
 * T9:卡片本身的样式(.p/.p__m/.b/.p__n/.p__pr/库存色…)已经搬到
 * public/css/pd-v2-product-card.css,首页和系列页共用一份,见
 * components/pd-v2-product-card.html。这个文件只留这一页自己的版面
 * (网格列数、"查看全部"按钮、tab)。
 */

/* ══ C PRODUCTS ══ */
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{padding:9px 17px;border-radius:var(--pill);font-size:14px;font-weight:700;
  border:1.5px solid var(--line);color:var(--tx-dim);transition:all .2s var(--e)}
.tab[aria-selected="true"]{background:var(--tx);border-color:var(--tx);color:var(--bg)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px)}
@media (max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}}
.grid__cta{margin-top:clamp(28px,4vh,44px);text-align:center}
.head__note{font-size:14px;color:var(--tx-dim);max-width:30ch}