/* 产品中心 page-products.css（列表页 + 详情页） */

.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.product-item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.product-item:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); border-color: var(--brass-light); }
.product-item .pi-media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.product-item .pi-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.product-item:hover .pi-media img { transform: scale(1.05); }
.product-item .pi-body { padding: 1.4rem 1.5rem 1.6rem; }
.product-item h3 { font-size: 1.18rem; margin-bottom: .4rem; }
.product-item h3 a:hover { color: var(--brass-deep); }
.product-item p { color: var(--muted); font-size: .9rem; margin: 0 0 .9rem; }
.product-item .pi-more { color: var(--brass-deep); font-size: .88rem; font-weight: 500; }

/* 产品详情概览块 */
.product-overview { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2.6rem; align-items: center; }
.product-overview .po-media img { width: 100%; border-radius: var(--radius); border: 1px solid var(--line); aspect-ratio: 16 / 11; object-fit: cover; }
.spec-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.spec-dig { text-align: center; background: var(--warm); border-radius: var(--radius); padding: 1.4rem 1rem; }
.spec-dig .n { font-family: var(--display); color: var(--brass); font-size: 2rem; font-weight: 600; line-height: 1; }
.spec-dig .l { color: var(--muted); font-size: .84rem; margin-top: .4rem; }

@media (max-width: 960px) {
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .product-overview { grid-template-columns: 1fr; gap: 1.6rem; }
}
@media (max-width: 640px) {
  .product-grid { grid-template-columns: 1fr; }
  .spec-grid { grid-template-columns: 1fr; }
}