/* =========================================================
   AURAMOD — /shop  ·  catalogue + product detail
   依赖 site.css（结构）与 theme-paper.css（纸白配色）
   ========================================================= */

/* ---------- 分类入口卡 ---------- */
.cat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.cat-card{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:230px;padding:26px 26px 24px;border:1px solid var(--line);
  background:linear-gradient(160deg,#FAFAF9,#F1F2EF);overflow:hidden;
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
.cat-card:hover{border-color:var(--gold-soft);transform:translateY(-2px);box-shadow:0 16px 34px rgba(17,17,17,.07)}
.cat-card .cc-img{
  position:absolute;right:-14px;top:-10px;width:170px;height:170px;object-fit:contain;
  opacity:.92;transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.cat-card:hover .cc-img{transform:scale(1.05) rotate(-2deg)}
.cat-card .cc-k{font-family:var(--display);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin:0 0 8px}
.cat-card .cc-t{font-family:var(--display);font-size:19px;font-weight:600;color:var(--text);margin:0}
.cat-card .cc-n{font-size:12px;color:var(--dim);margin:6px 0 0}
.cat-card .cc-go{
  margin-top:14px;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--display);font-size:9.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-2);
}
.cat-card .cc-go svg{width:13px;height:13px;transition:transform .3s}
.cat-card:hover .cc-go svg{transform:translateX(3px)}

/* ---------- 目录工具条 ---------- */
.shop-tools{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  flex-wrap:wrap;margin:0 0 26px;padding:18px 0;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.shop-search{
  display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);
  background:#FFFFFF;padding:0 12px;height:42px;min-width:260px;
}
.shop-search svg{width:15px;height:15px;color:var(--dim);flex:0 0 auto}
.shop-search input{
  border:0;outline:0;background:transparent;font:400 14px/1 var(--sans);
  color:var(--text);width:100%;height:100%;
}
.shop-search input::placeholder{color:var(--dim)}
.shop-tools .right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* ---------- 卡片补充 ---------- */
.build-k{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.build-fam{
  font-family:var(--display);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-2);white-space:nowrap;
}
.build-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.build .build-shot{background:linear-gradient(180deg,#FBFBFA,#EEEFEC)}
.shop-empty{padding:60px 0;text-align:center;color:var(--muted)}

/* ---------- 产品详情 ---------- */
.pdp{max-width:1240px;margin:0 auto;padding:44px 24px 0}
.pdp-crumb{
  font-size:12px;color:var(--dim);letter-spacing:.04em;margin:0 0 26px;
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
}
.pdp-crumb a:hover{color:var(--gold-2)}
.pdp-crumb span{opacity:.45}

.pdp-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:start}

/* 图册 */
.gal{position:sticky;top:24px}
.gal-main{
  position:relative;border:1px solid var(--line);background:#FFFFFF;
  aspect-ratio:694/656;overflow:hidden;
}
.gal-main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.gal-badge{
  position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--display);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;padding:5px 10px;border:1px solid var(--gold-soft);
  color:var(--gold-2);background:rgba(255,255,255,.9);
}
.gal-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}
.gal-thumbs button{
  padding:0;border:1px solid var(--line);background:#FFFFFF;cursor:pointer;
  aspect-ratio:1;overflow:hidden;transition:border-color .2s;
}
.gal-thumbs button img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.gal-thumbs button:hover{border-color:var(--line-strong)}
.gal-thumbs button.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.gal-count{
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);
  font-family:var(--display);margin:10px 0 0;
}

/* 右栏 */
.pdp-info .eyebrow{margin-bottom:12px}
.pdp-info h1{font-size:clamp(26px,3.2vw,40px);line-height:1.12;letter-spacing:-.02em;margin:0}
.pdp-price{
  display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;
  margin:20px 0 0;padding-bottom:20px;border-bottom:1px solid var(--line);
}
.pdp-price .v{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-.01em}
.pdp-price .n{font-size:12px;color:var(--dim);line-height:1.5;padding-bottom:4px}
.pdp-lead{color:var(--muted);font-size:15px;line-height:1.75;margin:20px 0 0}

.spec{margin:26px 0 0;border-top:1px solid var(--line)}
.spec div{
  display:grid;grid-template-columns:150px 1fr;gap:16px;
  padding:11px 0;border-bottom:1px solid var(--line);
}
.spec dt{
  font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);margin:0;padding-top:2px;
}
.spec dd{margin:0;font-size:14px;color:var(--text)}

.pdp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.pdp-cta .btn{flex:1 1 200px}
.pdp-notes{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.pdp-notes li{display:flex;gap:11px;font-size:13px;color:var(--muted);line-height:1.5}
.pdp-notes svg{width:16px;height:16px;flex:0 0 auto;color:var(--gold);margin-top:2px}

/* 正文 / 后续区块 */
.pdp-body{border-top:1px solid var(--line);margin-top:56px}
.pdp-cols{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;padding:56px 0}
.pdp-cols h2{font-size:22px;margin:0 0 16px}
.pdp-cols p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 14px}
.pdp-check{border:1px solid var(--line);background:#FFFFFF;padding:26px 26px 22px}
.pdp-check h3{font-family:var(--display);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin:0 0 14px}
.pdp-check ol{margin:0;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.7}
.pdp-check li{margin-bottom:9px}

.deliv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 56px}
.deliv div{background:#FFFFFF;padding:24px 24px 22px}
.deliv .k{display:block;font-family:var(--display);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin-bottom:8px}
.deliv .v{display:block;font-size:14px;color:var(--text);margin-bottom:5px}
.deliv .s{display:block;font-size:12.5px;color:var(--dim);line-height:1.6}

.pdp-note{
  font-size:11.5px;color:var(--dim);line-height:1.7;
  border-top:1px solid var(--line);padding-top:18px;margin:0 0 64px;max-width:840px;
}

.rel{padding:0 0 80px}
.rel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.rel-head h2{font-size:22px;margin:0}
.rel .builds-grid{grid-template-columns:repeat(4,1fr)}

/* ---------- 响应式 ---------- */
@media(max-width:1080px){
  .pdp-grid{grid-template-columns:1fr;gap:34px}
  .gal{position:static}
  .pdp-cols{grid-template-columns:1fr;gap:34px;padding:40px 0}
  .rel .builds-grid{grid-template-columns:repeat(2,1fr)}
  .cat-cards{grid-template-columns:1fr}
  .cat-card{min-height:180px}
}
@media(max-width:640px){
  .pdp{padding:26px 18px 0}
  .gal-thumbs{grid-template-columns:repeat(4,1fr)}
  .spec div{grid-template-columns:120px 1fr;gap:10px}
  .deliv{grid-template-columns:1fr}
  .pdp-cta .btn{flex:1 1 100%}
  .shop-search{min-width:0;width:100%}
  .shop-tools{align-items:stretch}
  .pdp-price .v{font-size:26px}
}

/* ---------- 卡片信息块（名称换行更稳） ---------- */
.build-fam{
  display:block;margin:0 0 9px;
  font-family:var(--display);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-2);
}
.build-k{
  display:block;font-family:var(--display);font-size:15.5px;font-weight:600;line-height:1.35;
  color:var(--text);margin:0 0 7px;
}
.build-b{margin:0 0 2px}

/* ---------- 卡片信息块（名称换行更稳） ---------- */
.build-fam{
  display:block;margin:0 0 9px;
  font-family:var(--display);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-2);
}
.build-k{
  display:block;font-family:var(--display);font-size:15.5px;font-weight:600;line-height:1.35;
  color:var(--text);margin:0 0 7px;
}
.build-b{margin:0 0 2px}

/* ---------- 移动端分类卡：图片缩小、给文字留位 ---------- */
@media(max-width:640px){
  .cat-card{padding:20px 20px 18px 20px;padding-right:128px;min-height:150px}
  .cat-card .cc-img{width:112px;height:112px;top:14px;right:10px}
  .cat-card .cc-t{font-size:17px;line-height:1.25}
  .cat-card .cc-n{font-size:11.5px;line-height:1.5}
  .cat-card .cc-go{margin-top:10px}
}

/* ---------- 详情页：加购之外的询盘入口 ---------- */
.pdp-ask{
  margin:14px 0 0;font-size:12.5px;line-height:1.65;color:var(--dim);
}
.pdp-ask a{
  color:var(--text);text-decoration:none;
  border-bottom:1px solid rgba(49,71,58,.55);padding-bottom:1px;
}
.pdp-ask a:hover{border-bottom-color:var(--gold-2);color:var(--gold-2)}


/* ---------- 对齐新店铺：品名用衬线、价格用无衬线 ---------- */
.build-k{font-family:var(--serif)!important;font-weight:400;font-size:17px;letter-spacing:-.006em;line-height:1.3}
.cat-card .cc-t{font-family:var(--serif);font-weight:400;font-size:20px;letter-spacing:-.008em}
.pdp-price .v{font-family:var(--sans);font-weight:500;font-size:26px;letter-spacing:-.008em}
.pdp-info h1{font-family:var(--serif);font-weight:400}

/* ---- worn-on-wrist badge (static) ---- */
.build-wrist{
  position:absolute;left:10px;bottom:10px;z-index:2;
  font-family:var(--display);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;padding:5px 10px;border-radius:2px;
  color:#FFFFFF;background:rgba(49,71,58,.92);
}
.gal-badge--wrist{
  left:auto;right:14px;
  color:#FFFFFF;background:rgba(49,71,58,.92);border-color:rgba(49,71,58,.92);
}