/* Product index page — WordPress parity layer on top of products-next.css */

.mns-products-page {
  color: #2E2F2F;
  font-family: var(--mns-font-body, "Noto Sans JP", Arial, sans-serif);
  background: #fff;
}

/* 产品汇总页也挂上 .mns-sp 色板，KV 字色与 support 一致 */
.mns-products-page {
  --mns-sp-accent: var(--mns-accent, #9ea7a2);
  --mns-sp-primary: var(--mns-primary, #2e2f2f);
  --mns-sp-ink: var(--mns-ink, #2e2f2f);
  --mns-sp-muted: var(--mns-muted, #878887);
  --mns-sp-line: var(--mns-line, #e8e8e8);
}

.mns-products-page__inner {
  /* 与 header 同轨：外宽已扣 page-gutter */
  box-sizing: border-box;
  width: min(
    100% - (var(--mns-page-gutter, clamp(24px, 5vw, 72px)) * 2),
    var(--mns-container, 1280px)
  );
  max-width: none;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 40px) 0 clamp(56px, 8vw, 112px);
}

/* 若仍有嵌套面包屑（旧模板），填满父级、勿再扣 gutter */
.mns-products-page__inner .mns-sp-breadcrumb {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}

.mns-products-page__empty {
  margin: 0;
  color: rgba(21, 23, 22, 0.62);
}

.mns-product-index-group {
  scroll-margin-top: calc(var(--mns-header-total-height, 72px) + 24px);
}

.mns-product-index-group > header p {
  margin: 8px 0 0;
  color: rgba(21, 23, 22, 0.55);
  font-size: 0.9rem;
  line-height: 1.6;
}

.mns-product-index-group > header h2 {
  font-family: var(--mns-font-heading, "Archivo", "Noto Sans JP", sans-serif);
  font-weight: 500;
}

/* Keep compact UniversalProductCard layout on index */
.mns-product-index-grid .mns-product-card {
  min-height: 0;
}

.mns-product-index-grid .mns-product-card__media {
  aspect-ratio: 1 / 1;
}

/* Dense flat grid: avoid sparse category bands when catalog is small */
.mns-product-index-group--flat {
  margin: 0;
}

.mns-products-page .mns-product-index-layout {
  min-height: clamp(420px, 52vh, 720px);
}

@media (max-width: 820px) {
  .mns-products-page__inner {
    padding-right: 20px;
    padding-left: 20px;
  }

  .mns-products-page .mns-product-index-layout {
    min-height: 0;
  }
}
