.yumin-products-category-section { padding-block: 80px 48px; background: #edfbfa; }
.yumin-products-category-section h2 { margin: 0; padding-inline: 8px; color: #00b1a7; font: 800 46px/1.2 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: 0; }
/* Reason: 底线属于整条导航，选中线贴住底线；分类文字不得在窄屏被压缩或截断。 */
.yumin-products-categories { display: flex; align-items: stretch; justify-content: space-between; gap: 24px; min-height: 0; margin-top: 26px; border-bottom: 1px solid #7f8487; overflow-x: auto; scrollbar-width: none; }
.yumin-products-categories::-webkit-scrollbar { display: none; }
/* Reason: 窄屏键盘聚焦最后一项时，吸附到分类起点，避免浏览器只滚入部分文字。 */
.yumin-products-categories { scroll-snap-type: x proximity; }
.yumin-products-categories__item { scroll-snap-align: start; }
.yumin-products-categories__item { position: relative; flex: 0 0 auto; display: grid; justify-items: center; padding: 0 6px 18px; color: #7f8487; font: 400 23px/30px Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: 0; text-decoration: none; white-space: nowrap; }
/* Reason: 隐藏的粗体副本预留选中态宽度，切换分类时相邻项不会跳动。 */
.yumin-products-categories__item::before { grid-area: 1 / 1; content: attr(data-label); font-weight: 700; visibility: hidden; }
.yumin-products-categories__item span { grid-area: 1 / 1; }
.yumin-products-categories__item::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; content: ''; background: #00b1a7; opacity: 0; }
.yumin-products-categories__item:hover, .yumin-products-categories__item.is-active { color: #00b1a7; }
.yumin-products-categories__item.is-active { font-weight: 700; }
.yumin-products-categories__item.is-active::after { opacity: 1; }
.yumin-products-categories__item:focus-visible { outline: 2px solid #00b1a7; outline-offset: -2px; }
.yumin-products-category-section + .yumin-products-list { padding-top: 0; }
@media (max-width: 1199px) {
  .yumin-products-category-section { padding-block: 56px 36px; }
  .yumin-products-category-section h2 { font-size: 38px; }
  .yumin-products-categories { justify-content: flex-start; gap: 24px; }
  .yumin-products-categories__item { font-size: 20px; }
}
@media (max-width: 767px) {
  .yumin-products-category-section { padding-block: 36px 28px; }
  .yumin-products-category-section h2 { padding-inline: 0; font-size: 28px; }
}