/* =======================================================================
   M77 产品系列列表页专属样式（products.html）
   公共样式（变量、重置、头部、页脚、面包屑、页面标题）见 css/style.css
   ======================================================================= */

/* ---- 产品网格 ---- */
.prod-list { padding-block: 0 clamp(64px, 8vw, 120px); }
.prod-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12px, 1.5vw, 20px);
}
.prod-item { margin: 0; }
.prod-item__link { display: block; color: inherit; }
.prod-item__media { overflow: hidden; }
.prod-item__media img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  background: var(--color-gray);
  transition: transform .7s var(--ease);
  display: block;
}
.prod-item__link:hover .prod-item__media img { transform: scale(1.04); }
.prod-item__caption {
  text-align: center;
  margin-top: 18px;
  margin-bottom: clamp(20px, 2vw, 32px);
  font-size: clamp(14px, 1.1vw, 16px);
  color: #333;
  letter-spacing: 1px;
}

/* 同行第二列稍作延迟 */
.prod-grid .reveal:nth-child(even) { transition-delay: .1s; }

/* 产品系列页标题下划线色 */
.page-hero__inner .rule { background: #cfb780; }

/* ---- 响应式 ---- */
@media (max-width: 600px) {
  .prod-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .prod-item__media img { transition-duration: .001ms !important; }
}