/* ================================================================
   产品页样式 —— products.html 与 product-*.html
   承载参数规格表与产品设备图，其余版式沿用 css/solution-page.css。
   ================================================================ */

/* 规格表是「项目 / 参数」两列的说明表，参数列固定占比，避免长句把项目列压窄。
   对齐方式沿用 solution-page.css 的默认左对齐，这里不再重复声明。 */
.dor-table-spec col.dor-col-key { width: 26%; }

.product-or-catalog {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-core-card { grid-column: 1 / -1; }

.product-equipment-media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: clamp(320px, 32vw, 440px);
  padding: var(--s2);
  background: #fff;
}

.product-equipment-media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
}

.product-equipment-media--tx img {
  width: 82%;
  height: 82%;
}

.product-terminal-showcase {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s4);
  align-items: center;
}

.product-terminal-showcase .dor-notes li { text-wrap: balance; }

.product-cart-specs { scroll-margin-top: 160px; }
.product-cart-specs > h3 { margin-bottom: var(--s2); }
.product-cart-specs > p { margin-bottom: var(--s3); line-height: 1.8; }
.product-cart-specs .product-cart-note { margin-top: var(--s2); color: var(--dor-muted); }
.product-cart-table { table-layout: fixed; min-width: 640px; }
.product-cart-table td { text-wrap: pretty; }
.product-cart-scroll-hint { display: none; }
.product-cart-component { width: 24%; }

.product-terminal-figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--dor-line);
  border-radius: 10px;
  background: var(--color-surface);
}

.product-terminal-figure figcaption {
  padding: var(--s2);
  border-top: 1px solid var(--dor-line);
  color: var(--dor-muted);
  font-size: 14px;
  line-height: 1.8;
}

@media (max-width: 860px) {
  .product-or-catalog,
  .product-terminal-showcase { grid-template-columns: 1fr; }
  .product-equipment-media { height: 360px; }
}

@media (max-width: 720px) {
  .dor-table-spec col.dor-col-key { width: 34%; }
  .product-cart-scroll-hint { display: block; margin-top: 4px; font-size: 12px; }
}