/* ============================================================
   CERYE 现货产品卡片 (products.css) — 东方香氛克制风,复用 site.css 变量
   ============================================================ */
.pgrid{width:100%}
.pc2-empty{color:var(--ink-soft);font-size:15px;padding:40px 0}

/* 子系列筛选 chips */
.pchips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}
.pchip{font:inherit;cursor:pointer;border:1px solid var(--line);background:none;color:var(--ink-soft);
  padding:7px 16px;border-radius:40px;font-size:12.5px;letter-spacing:.02em;transition:.3s var(--ease)}
.pchip:hover{color:var(--ink);border-color:var(--ink-faint)}
.pchip.on{background:var(--g700);border-color:var(--g700);color:var(--paper)}

.pcount{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:22px}
.pcount .pcnt{color:var(--brand);font-size:14px}

/* 产品网格 */
.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:30px 26px}
.pc2{display:flex;flex-direction:column;background:var(--paper);border:1px solid transparent;
  opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease),border-color .4s,box-shadow .4s}
.pc2.in{opacity:1;transform:none}
.pc2:hover{border-color:var(--line);box-shadow:0 26px 54px -38px rgba(27,36,26,.5)}

.pc2-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(130% 120% at 28% 18%,#d8ddcf,#b3bca4 60%,#929c80)}
.pc2-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.pc2:hover .pc2-img img{transform:scale(1.045)}
.pc2-tbd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);
  font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(35,39,30,.55)}

.pc2-bd{display:flex;flex-direction:column;gap:6px;padding:16px 4px 4px}
.pc2-series{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
.pc2-name{font-family:var(--cn);font-weight:500;font-size:15.5px;letter-spacing:.02em;color:var(--ink);line-height:1.35}
.pc2-en2{font-family:var(--en);font-style:italic;font-size:11px;color:var(--ink-faint);margin-top:-2px}
.pc2-spec{font-size:12px;color:var(--ink-soft);line-height:1.5}
.pc2-notes{font-size:11.5px;color:var(--ink-faint);line-height:1.5}
.pc2-moq{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-soft)}
.pc2-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.pc2-tags span{font-size:9.5px;letter-spacing:.04em;color:var(--ink-soft);border:1px solid var(--line);
  padding:2px 8px;border-radius:30px}
.pc2-stock{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--brand);margin-top:4px;opacity:.85}

.pc2-btns{display:flex;gap:8px;margin-top:12px}
.pc2-btns a{flex:1;text-align:center;font-family:var(--cn);font-size:12px;letter-spacing:.02em;
  padding:9px 6px;transition:.3s var(--ease);cursor:pointer}
.pc2-b1{background:var(--g700);color:var(--paper);border:1px solid var(--g700)}
.pc2-b1:hover{background:var(--g900);border-color:var(--g900)}
.pc2-b2{background:none;color:var(--ink-soft);border:1px solid var(--line)}
.pc2-b2:hover{color:var(--ink);border-color:var(--ink-faint)}

.pmore-wrap{text-align:center;margin-top:38px}
.pmore{font:inherit;cursor:pointer;border:1px solid var(--line);background:none;color:var(--ink-soft);
  font-family:var(--cn);font-size:13px;letter-spacing:.04em;padding:12px 34px;transition:.3s var(--ease)}
.pmore:hover{color:var(--ink);border-color:var(--ink)}

/* 双语:.zh/.en 显隐(与全站一致) */
.pc2 .en,.pchip .en,.pcount .en,.pc2-tbd .en,.pc2-empty .en,.pmore .en{display:none}
body[data-lang="en"] .pc2 .zh,body[data-lang="en"] .pchip .zh,body[data-lang="en"] .pcount .zh,
body[data-lang="en"] .pc2-tbd .zh,body[data-lang="en"] .pc2-empty .zh,body[data-lang="en"] .pmore .zh{display:none}
body[data-lang="en"] .pc2 .en,body[data-lang="en"] .pchip .en,body[data-lang="en"] .pcount .en,
body[data-lang="en"] .pc2-tbd .en,body[data-lang="en"] .pc2-empty .en,body[data-lang="en"] .pmore .en{display:inline}
/* 英文模式:产品名中文隐藏,英文为主 */
body[data-lang="en"] .pc2-name .zh{display:none}
body[data-lang="en"] .pc2-name .en{display:inline;font-family:var(--cn);font-weight:500}
body[data-lang="en"] .pc2-en2{display:none}

@media(max-width:600px){
  .pcards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px}
  .pc2-btns{flex-direction:column}
}

/* ============================================================
   现货精选 — 按主题系列卡 (.scd) — series-cards.js
   ============================================================ */
#series-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 30px;margin-top:8px}
.scd{display:flex;flex-direction:column;background:var(--paper-lt);border:1px solid var(--line2);
  overflow:hidden;transition:.4s var(--ease)}
.scd:hover{box-shadow:0 26px 60px -40px rgba(27,36,26,.6);transform:translateY(-3px)}
.scd-hero{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper2)}
.scd-hero img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.scd:hover .scd-hero img{transform:scale(1.04)}
.scd-tbd{position:absolute;left:12px;top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:rgba(24,33,25,.55);padding:4px 9px;border-radius:2px}
.scd-count{position:absolute;right:0;bottom:0;display:flex;align-items:baseline;gap:5px;
  background:rgba(24,33,25,.82);color:var(--paper-lt);padding:7px 13px;
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.scd-count b{font-family:var(--en);font-size:18px;font-weight:600;letter-spacing:0;
  font-variant-numeric:tabular-nums;line-height:1}
.scd-bd{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.scd-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--g500)}
.scd-name{font-family:var(--cn);font-size:23px;font-weight:600;color:var(--ink);
  margin:7px 0 16px;letter-spacing:.01em;line-height:1.2}
.scd-thumbs{display:flex;gap:8px;margin-bottom:16px}
.scd-th{flex:0 0 auto;width:58px;height:58px;border:1px solid var(--line2);overflow:hidden;
  background:var(--paper2);border-radius:2px}
.scd-th img{width:100%;height:100%;object-fit:cover;display:block}
.scd-th--ref{display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.scd-scene{font-family:var(--cn);font-size:13px;line-height:1.6;color:var(--ink-soft);
  margin-bottom:20px;flex:1}
.scd-scene-k{color:var(--g500);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.scd-btns{display:flex;gap:10px;margin-top:auto}
.scd-b1,.scd-b2{display:inline-flex;align-items:center;gap:.4em;font-family:var(--mono);font-size:11px;
  letter-spacing:.06em;text-transform:uppercase;padding:12px 18px;transition:.3s var(--ease);
  text-decoration:none;white-space:nowrap}
.scd-b1{background:var(--g700);color:var(--paper-lt);border:1px solid var(--g700)}
.scd-b1:hover{background:var(--g950);border-color:var(--g950)}
.scd-b1 .ar{transition:transform .3s var(--ease)}
.scd-b1:hover .ar{transform:translateX(3px)}
.scd-b2{background:none;color:var(--ink-soft);border:1px solid var(--line)}
.scd-b2:hover{color:var(--ink);border-color:var(--ink)}
.scd-empty{font-family:var(--cn);color:var(--ink-faint);text-align:center;padding:40px 0}
/* 类型卡角标:款数 */
.pcard-count{position:absolute;right:10px;top:10px;display:inline-flex;align-items:baseline;gap:4px;
  z-index:3;background:rgba(24,33,25,.78);color:var(--paper-lt);padding:5px 10px;border-radius:2px;
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.pcard-count b{font-family:var(--en);font-size:14px;font-weight:600;letter-spacing:0;
  font-variant-numeric:tabular-nums;line-height:1}
@media(max-width:860px){
  #series-cards{grid-template-columns:1fr;gap:26px}
}
@media(max-width:480px){
  .scd-th{width:48px;height:48px}
  .scd-btns{flex-wrap:wrap}
}