/* 产品中心移动端：沿用首页已确认的字号、留白与紧凑按钮规范。 */
@media (max-width: 820px) {
  html,
  body { min-width: 0; overflow-x: hidden; }

  body[data-page="products"] .container { width: min(calc(100% - 36px), 680px); }
  body[data-page="products"] main > .section { padding: 36px 0; }

  /* 产品中心手机页头仅保留品牌与菜单，避免桌面导航和获取方案入口挤占首屏。 */
  body[data-page="products"] .site-header { position: sticky; top: 0; z-index: 200; }
  body[data-page="products"] .header-inner { min-height: 58px; gap: 12px; }
  body[data-page="products"] .brand { flex-basis: 108px; }
  body[data-page="products"] .brand img { width: 108px; }
  body[data-page="products"] .main-nav,
  body[data-page="products"] .header-inner .button-small { display: none !important; }
  body[data-page="products"] .nav-toggle { display: inline-flex !important; flex: 0 0 34px; width: 34px; height: 34px; margin-left: auto; }
  body[data-page="products"] .compact-nav { position: fixed; top: 58px; right: 12px; left: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 6px; }

  /* 首屏使用完整背景，文字与行动入口按首页手机端层级收紧。 */
  #products-intro.products-hero { height: 338px !important; min-height: 338px !important; overflow: hidden; background: #102947; }
  #products-intro.products-hero::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, .86), rgba(0, 0, 0, .64)), var(--products-hero-image) right center / auto 100% no-repeat;
  }
  #products-intro .products-hero-grid { display: block; height: 338px !important; min-height: 338px !important; padding: 0; }
  #products-intro .products-hero-banner-reserve { display: none; }
  #products-intro .inner-hero-copy { display: flex; flex-direction: column; height: 338px !important; min-height: 338px !important; padding: 48px 18px 18px; }
  #products-intro .inner-hero-copy h1 { max-width: 330px; margin: 0 0 8px; color: #fff; font-size: clamp(22px, 6vw, 25px); line-height: 1.4; }
  #products-intro .inner-hero-copy > p { max-width: 340px; color: rgba(255, 255, 255, .86); font-size: clamp(13px, 3.5vw, 14px); line-height: 1.55; }
  #products-intro .inner-hero-actions { display: none; }
  #products-intro .inner-hero-actions .button { display: inline-flex; width: fit-content; min-width: 0; min-height: 32px; padding: 0 12px; border-radius: 5px; font-size: 12px; }
  #products-intro .inner-hero-actions .button-ghost { display: none; }
  .products-hero-capabilities { position: static; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 24px 0 0; padding: 0; }
  .products-hero-capabilities > div { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; min-height: 50px; padding: 0 3px; gap: 4px; border-right-color: rgba(255,255,255,.22); }
  .products-hero-capabilities > div:first-child { padding-left: 3px; }
  .products-hero-capabilities > div:nth-child(2) { border-right: 1px solid rgba(255,255,255,.22); }
  .products-hero-capabilities > div:last-child { border-right: 0; }
  .products-capability-icon { width: 18px; height: 18px; margin: 0; background: #f1bf6b; }
  .products-hero-capabilities span { color: rgba(255,255,255,.92); font-size: 9px; line-height: 1.2; text-align: center; white-space: normal; }

  body[data-page="products"] #products .immersive-products-heading { display: block; margin: 0 0 18px; }
  body[data-page="products"] #products .immersive-products-heading > div > span,
  body[data-page="products"] #matrix .section-heading > span,
  body[data-page="products"] #select .section-heading > span { gap: 8px; margin-bottom: 8px; font-size: 11px; }
  body[data-page="products"] #matrix .section-heading > span::before,
  body[data-page="products"] #matrix .section-heading > span::after,
  body[data-page="products"] #select .section-heading > span::before,
  body[data-page="products"] #select .section-heading > span::after { width: 28px; }
  body[data-page="products"] #products .immersive-products-heading h2,
  body[data-page="products"] #matrix .section-heading h2,
  body[data-page="products"] #select .section-heading h2 { margin: 0 0 8px; font-size: 19px; line-height: 1.38; }
  body[data-page="products"] #products .immersive-products-heading p,
  body[data-page="products"] #matrix .section-heading p,
  body[data-page="products"] #select .section-heading p { margin: 0; font-size: 12px; line-height: 1.65; }

  /* 核心产品：信息先读，图片完整呈现，卡片高度由内容决定。 */
  body[data-page="products"] #products .product-feature,
  body[data-page="products"] #products .product-feature.product-feature-reverse { display: flex; flex-direction: column; min-height: 0; margin: 0 0 14px; border-radius: 8px; }
  body[data-page="products"] #products .product-feature .product-copy,
  body[data-page="products"] #products .product-feature:not(.product-feature-reverse) .product-copy,
  body[data-page="products"] #products .product-feature-reverse .product-copy { order: 0; padding: 16px 14px 14px; }
  body[data-page="products"] #products .product-feature > .product-image,
  body[data-page="products"] #products .product-feature-reverse > .product-image { order: 1; width: 100%; min-height: 0; margin: 0; aspect-ratio: 16 / 9; }
  body[data-page="products"] #products .product-feature .product-gallery-slide:first-child { padding: 0; background-position: center; background-size: contain !important; background-repeat: no-repeat; }
  body[data-page="products"] #products .product-feature .product-index { margin: 0 0 9px; padding: 4px 8px; border-radius: 4px; font-size: 10px; }
  body[data-page="products"] #products .product-feature .product-copy h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.4; }
  body[data-page="products"] #products .product-feature .product-copy > p { margin: 0; font-size: 12px; line-height: 1.55; }
  body[data-page="products"] #products .product-feature .feature-list,
  body[data-page="products"] #products .product-feature-reverse .feature-list { display: grid; grid-template-columns: 1fr; gap: 0; margin: 10px 0 12px; }
  body[data-page="products"] #products .product-feature .feature-list li,
  body[data-page="products"] #products .product-feature-reverse .feature-list li { display: grid; grid-template-columns: 58px minmax(0, 1fr); min-height: 0; padding: 4px 0; font-size: 11px; line-height: 1.5; }
  body[data-page="products"] #products .product-feature-reverse .feature-list li { padding-left: 0; }
  body[data-page="products"] #products .product-feature-reverse .feature-list li::before,
  body[data-page="products"] #products .product-feature-reverse .feature-list li strong::before,
  body[data-page="products"] #products .product-feature:not(.product-feature-reverse) .feature-list li::after { display: none; }
  body[data-page="products"] #products .product-feature-reverse .feature-list li strong,
  body[data-page="products"] #products .product-feature-reverse .feature-list li span { font-size: inherit; }
  body[data-page="products"] #products .product-feature .button { display: flex; align-items: center; justify-content: flex-end; align-self: flex-end; min-width: 0; min-height: 0; margin-left: auto; padding: 0; border: 0; border-radius: 0; color: #bd7d32; background: transparent; font-size: 11px; line-height: 1.4; }
  body[data-page="products"] #products .product-feature .button::after { margin-left: 8px; content: "→"; color: #bd7d32; font-size: 15px; font-weight: 400; line-height: 1; }

  /* 配套产品从产品 03 起按顺序纵向展示，避免手机端横向滑动。 */
  body[data-page="products"] #matrix > .container,
  body[data-page="products"] #select > .container { padding: 0; border: 0; border-radius: 0; background: transparent; }
  body[data-page="products"] #matrix .section-heading,
  body[data-page="products"] #select .section-heading,
  body[data-page="products"] #matrix .filter-bar { display: none; }
  body[data-page="products"] #matrix .filter-bar > span { display: block; margin-bottom: 7px; font-size: 11px; }
  body[data-page="products"] #matrix .product-filter { display: flex; overflow-x: auto; flex-wrap: nowrap; gap: 7px; padding-bottom: 3px; scrollbar-width: none; }
  body[data-page="products"] #matrix .product-filter::-webkit-scrollbar { display: none; }
  body[data-page="products"] #matrix .product-filter button,
  body[data-page="products"] #matrix .filter-bar button { flex: 0 0 auto; min-height: 27px; padding: 0 9px; border-radius: 14px; font-size: 10px; white-space: nowrap; }
  body[data-page="products"] #matrix .wire-grid-4 { display: grid; gap: 14px; overflow: visible; margin: 0; padding: 0; counter-reset: product 2; }
  body[data-page="products"] #matrix .matrix-card { display: flex; flex: none; flex-direction: column; width: 100%; min-height: 0; border-radius: 7px; transform: none !important; transition: none; }
  body[data-page="products"] #matrix .matrix-card:nth-child(-n+2) { display: none; }
  body[data-page="products"] #matrix .matrix-card:nth-child(n+3) { counter-increment: product; }
  body[data-page="products"] #matrix .matrix-card:nth-child(n+3)::before { align-self: flex-start; margin: 14px 14px 0; padding: 4px 8px; border: 1px solid rgba(189,125,50,.34); border-radius: 4px; color: #b6752d; content: "产品 " counter(product, decimal-leading-zero); font-size: 10px; line-height: 1.3; }
  body[data-page="products"] #matrix .matrix-card > .image-placeholder { order: 2; min-height: 0; aspect-ratio: 16 / 9; background-position: center; background-size: cover !important; background-repeat: no-repeat; }
  body[data-page="products"] #matrix .matrix-card-body { order: 1; min-height: 0; padding: 10px 38px 12px 14px; }
  body[data-page="products"] #matrix .matrix-card-body h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.38; }
  body[data-page="products"] #matrix .matrix-card-body p { display: -webkit-box; overflow: hidden; margin: 0; color: #66717d; font-size: 12px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  body[data-page="products"] #matrix .matrix-card-body::after { right: 14px; bottom: 14px; font-size: 16px; }
  body[data-page="products"] #matrix .products-mobile-slider-dots { display: none; }
  body[data-page="products"] #matrix .products-mobile-slider-dots button { display: block; width: 5px; height: 5px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #d8d8d8; transition: width .2s ease, background-color .2s ease; }
  body[data-page="products"] #matrix .products-mobile-slider-dots button.is-active { width: 18px; border-radius: 5px; background: #ae752e; }

  /* 选型卡保留纵向信息结构，收紧图标与文字。 */
  body[data-page="products"] #select .wire-grid-3 { grid-template-columns: 1fr; gap: 9px; }
  body[data-page="products"] #select .wire-card { min-height: 0; padding: 13px 14px; border-radius: 7px; box-shadow: none; }
  body[data-page="products"] #select .wire-card h3 { gap: 9px; margin: 0 0 8px; font-size: 14px; }
  body[data-page="products"] #select .products-selection-icon { width: 26px; height: 26px; }
  body[data-page="products"] #select .wire-card ul { font-size: 11px; }
  body[data-page="products"] #select .wire-card li { padding: 5px 0; }

  /* 手机端保留产品矩阵浏览；选型说明仍不与筛选内容重复。 */
  body[data-page="products"] #select { display: none; }
  body[data-page="products"] #matrix { display: block; }

  /* 尾部行动区与思政页手机端一致：图标和文字同排，按钮保持内容宽度。 */
  .products-final-cta { padding: 0 0 36px; }
  .products-final-cta .container { align-items: center; flex-direction: row; flex-wrap: wrap; gap: 12px; min-height: 0; padding: 20px 18px; border-radius: 8px; }
  .products-final-cta .container > i { width: 36px; height: 36px; }
  .products-final-cta .container > div:not(.products-final-cta-actions) { flex: 1 1 0; min-width: 0; }
  .products-final-cta h2 { margin: 0 0 5px; font-size: 16px; line-height: 1.35; }
  .products-final-cta p { font-size: 11px; line-height: 1.5; }
  .products-final-cta-actions { flex: 0 0 100%; width: 100%; margin: 0; }
  .products-final-cta .button { justify-content: flex-start; width: fit-content; min-height: 31px; padding: 0 10px; border-radius: 5px; font-size: 11px; }
  .products-final-cta .button span { font-size: 14px; }
}