/* =====================================================================
   产品详情页样式 product.css —— 版式 C(紧凑·下半 运动范围+产品详情 与
   外形尺寸 左右并排,两列高度对齐)。品牌 token/顶栏/页脚/按钮复用 home.css。
   ===================================================================== */

.pd{max-width:var(--maxw);margin:0 auto;padding:1.5rem 1.5rem 3rem;}

/* 面包屑 */
.crumb{font-size:.88rem;color:var(--ink-faint);margin:.5rem 0 1.5rem;}
.crumb a{color:var(--ink-soft);font-weight:600;}
.crumb a:hover{color:var(--brand);}
.crumb .sep{margin:0 .5rem;color:var(--line-strong);}
.crumb .cur{color:var(--ink);font-weight:800;}

/* ===== 上半:左图右参 ===== */
.pd-top{display:grid;grid-template-columns:1fr 1.1fr;gap:2.2rem;align-items:center;}
.pd-img{
  background:radial-gradient(60% 60% at 50% 42%,var(--brand-soft) 0%,transparent 72%);
  border:1px solid var(--line);border-radius:var(--radius-lg);
  min-height:20rem;display:flex;align-items:center;justify-content:center;padding:2rem;
}
.pd-img img{max-width:100%;max-height:24rem;object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(20,30,45,.18));}
.pd-img .pd-noimg{color:var(--ink-faint);font-weight:800;font-size:1.1rem;}

.pd-cat{font-size:.8rem;font-weight:800;color:var(--accent);letter-spacing:.04em;}
.pd-info h1{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:900;margin:.35rem 0 0;
  letter-spacing:.01em;word-break:break-all;}

/* 通用小标题 */
.pd-info h3,.pd-joints h3,.pd-detail h3,.pd-dims h3{
  font-size:1.05rem;font-weight:800;margin:0 0 .8rem;
  display:flex;align-items:center;gap:.6rem;
}
.pd-info h3{margin-top:1.4rem;}
.pd-info h3 small,.pd-joints h3 small,.pd-detail h3 small,.pd-dims h3 small{
  color:var(--ink-faint);font-weight:600;font-size:.82rem;}

/* 主要规格:两列 */
.pd-specs{display:grid;grid-template-columns:1fr 1fr;gap:.1rem 1.5rem;margin:0;}
.pd-specs .row{
  display:flex;justify-content:space-between;gap:1rem;
  padding:.55rem 0;border-bottom:1px solid var(--line);
}
.pd-specs .k{color:var(--ink-soft);font-size:.92rem;}
.pd-specs .v{color:var(--ink);font-weight:800;font-size:.95rem;text-align:right;}

.pd-buy{margin-top:1.6rem;display:flex;gap:.8rem;flex-wrap:wrap;}

/* ===== 下半:左(产品详情+运动范围) | 右(安装尺寸及轨迹图) ===== */
/* 机器人:两列并排 + 等高对齐(align-items:stretch,右列图顶部对齐、下方留白) */
.pd-lower{
  display:grid;grid-template-columns:1.05fr .95fr;gap:1.8rem;
  margin-top:2.4rem;align-items:stretch;
}
.pd-lower-main{display:flex;flex-direction:column;gap:1.6rem;}
.pd-lower-side{display:flex;flex-direction:column;}
.pd-lower-side .pd-dims{flex:1;display:flex;flex-direction:column;}

/* 机械手/四轴(无关节表):单列堆叠,产品详情在上、安装图居中在下 */
.pd-lower.single{grid-template-columns:1fr;}
.pd-lower.single .pd-lower-side .pd-dims{flex:none;}
.pd-lower.single .pd-dim-img{flex:none;max-width:760px;margin:1.6rem auto 0;}

/* 运动范围表 */
.pd-table{width:100%;border-collapse:collapse;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--radius-md);}
.pd-table th,.pd-table td{padding:.7rem 1rem;text-align:center;font-size:.92rem;
  border-bottom:1px solid var(--line);}
.pd-table thead th{background:var(--brand);color:#fff;font-weight:800;}
.pd-table tbody tr:nth-child(even){background:var(--bg-alt);}
.pd-table td.axis{font-weight:800;color:var(--brand);}
.pd-table tbody tr:last-child td{border-bottom:none;}

/* 产品详情文字 */
.pd-detail .pd-desc{color:var(--ink-soft);font-size:.96rem;line-height:1.8;margin:0;}

/* 安装尺寸及轨迹图:填满右列(与左列等高),图顶部对齐、点开看原图 */
.pd-dim-img{
  border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;
  padding:1rem;flex:1;display:flex;align-items:flex-start;justify-content:center;
}
.pd-dim-img img{max-width:100%;height:auto;cursor:zoom-in;}

.pd-disclaimer{
  margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--line);
  color:var(--ink-faint);font-size:.82rem;line-height:1.7;
}

.pd-missing{text-align:center;padding:5rem 1rem;color:var(--ink-soft);}
.pd-missing h1{font-size:1.4rem;margin:0 0 .6rem;color:var(--ink);}

@media(max-width:860px){
  .pd-top{grid-template-columns:1fr;gap:1.5rem;}
  .pd-lower{grid-template-columns:1fr;}
  .pd-specs{grid-template-columns:1fr 1fr;}
  .pd-img{min-height:15rem;}
}