/* 产品12横向滚动布局 */
.product-section-12 {
  position: relative; /* 作为 absolute 定位的参考点 */
  min-height: 100vh;
  overflow-x: hidden; /* 禁止横向滚动条 */
}

.product-section-12-wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 卡片内容，正常从左侧开始 */
.product-section-12 .product-content {
  display: inline-flex;
  gap: var(--grid-horizontal-gap);
  will-change: transform;
  align-items: center;
  /* 右侧留白通过 JS 动态计算，设置为卡片宽度的 30% */
}

/* 产品卡片 */
.product-section-12 .product-card,
.product-section-12 .item-card {
  flex: 0 0 auto;
  width: 352px;
}