/* ============================================
       像素级还原 Figma node 894:814 — 产品中心
       画布 1920 × 5891；1rem follows the homepage desktop root at the 1920 design baseline
       desktop root is provided by the shared homepage viewport scaler
       ============================================ */

    .products-page-html {
      /*
       * Products uses a height-locked desktop coordinate system:
       * design px => px * (100dvh / 900). The 1920px design width is derived
       * from that same scale and centered inside the viewport.
       */
      --prod-viewport-h: 100vh;
      --prod-frame-h: var(--prod-viewport-h);
      --prod-frame-w: calc(1920 / 900 * var(--prod-frame-h));
      font-size: var(--fs-16);
      height: 100%;
      overflow: hidden;
      --prod-design-w: 1920;
      --prod-design-h: 900;
      --prod-section-h: var(--prod-frame-h);
      --prod-frame-x: 100vw;
      --prod-frame-y: var(--prod-section-h);
      --prod-copy-left: calc(260 / 1920 * var(--prod-frame-w));
      --prod-tab-left: calc(260 / 1920 * var(--prod-frame-w));
      --prod-stage-w: var(--prod-frame-w);
      --prod-stage-h: var(--prod-frame-h);
      --prod-sensor-visual-w: calc(720 / 1920 * var(--prod-frame-w));
      --prod-sensor-visual-h: calc(540 / 1920 * var(--prod-frame-w));
      --prod-sensor-visual-left: calc(1080 / 1920 * var(--prod-frame-w));
      --prod-sensor-visual-top: calc(180 / 1920 * var(--prod-frame-w));
      --prod-sensor-text-left: var(--prod-copy-left);
      --prod-sensor-title-top: calc(249 / 1920 * var(--prod-frame-w));
      --prod-sensor-divider-left: calc(456 / 1920 * var(--prod-frame-w));
      --prod-sensor-sub-left: calc(486 / 1920 * var(--prod-frame-w));
      --prod-sensor-en-left: calc(254 / 1920 * var(--prod-frame-w));
      --prod-sensor-en-top: calc(285 / 1920 * var(--prod-frame-w));
      --prod-sensor-desc-top: calc(380 / 1920 * var(--prod-frame-w));
      --prod-fs-11: var(--fs-12);
      --prod-fs-12: var(--fs-12);
      --prod-fs-14: calc(14 / 1920 * var(--prod-frame-w));
      --prod-fs-16: var(--fs-16);
      --prod-fs-20: var(--fs-20);
      --prod-fs-24: var(--fs-24);
      --prod-fs-36: var(--fs-36);
      --prod-fs-42: var(--fs-42);
}

    @supports (height: 100dvh) {
      .products-page-html {
        --prod-viewport-h: 100dvh;
      }
    }

    body.products-page {
      margin: 0;
      background: #000;
      color: #fff;
      font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
      font-weight: 400;
      height: 100%;
      overflow: hidden;
    }

    .prod-canvas {
      position: relative;
      width: 100%;
      height: var(--prod-viewport-h);
      margin: 0;
      background: #010000;
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      scroll-snap-type: y mandatory;
      scroll-behavior: smooth;
      color: #fff;
      scrollbar-width: none;
    }
    .prod-canvas::-webkit-scrollbar { display: none; }
    .prod-canvas.is-snap-free {
      scroll-snap-type: none;
    }

    .prod-canvas img { display: block; max-width: none; }

    /* ===== 通用：分区基底 ===== */
    .sec {
      position: relative;
      width: 120rem;
    }

    /* ===== 通用：渐变文字（白→蓝） ===== */
    .grad-text {
      background: linear-gradient(270deg, #ffffff 0%, #125bce 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }

    /* ===== 通用：标题块（芯片/传感器/模组左上角） ===== */
    .group-title { position: absolute; }
    .group-title .gt-title-stack { display: contents; }
    .group-title .gt-cn {
      position: absolute;
      font-size: var(--prod-fs-42);
      line-height: 2rem;
      white-space: nowrap;
    }
    .group-title .gt-en {
      position: absolute;
      font-size: var(--prod-fs-12);
      line-height: 2rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      white-space: nowrap;
    }
    .group-title .gt-divider {
      position: absolute;
      width: 0.125rem;
      height: 3.75rem;
      background: #d9d9d9;
    }
    .group-title .gt-sub {
      position: absolute;
      font-size: var(--prod-fs-24);
      line-height: 2.25rem;
      color: #fff;
      white-space: nowrap;
    }

    html.products-page-html body.products-page .group-title .gt-cn {
      font-size: var(--prod-fs-42) !important;
      line-height: 1.15 !important;
      overflow: visible;
    }

    html.products-page-html body.products-page .group-title .gt-en {
      font-size: var(--prod-fs-12) !important;
      line-height: 2rem !important;
    }

    html.products-page-html body.products-page .group-title .gt-sub {
      font-size: var(--prod-fs-24) !important;
      line-height: 2.25rem !important;
    }

    /* ===== 通用：底部 sub-nav tab ===== */
    .subnav { position: absolute; display: flex; align-items: center; gap: 1.5rem; }
    .subnav .tab { display: flex; align-items: center; gap: 0.5rem; font-size: var(--prod-fs-16); line-height: 2rem; color: #fff; white-space: nowrap; cursor: pointer; }
    .subnav .tab .dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: rgba(255,255,255,0.2); flex: 0 0 0.5rem; }
    .subnav .tab.is-active .dot { background: #1e9dec; box-shadow: 0 0 0.375rem rgba(30,157,236,0.8); }
    .subnav .tab .label { opacity: 0.4; font-weight: 300; }
    .subnav .tab.is-active .label { opacity: 1; font-weight: 400; }
    .subnav.dim .tab .label { opacity: 0.4; font-weight: 300; }
    .subnav.dim .tab .dot { background: #1e9dec; box-shadow: 0 0 0.25rem rgba(30,157,236,0.5); }

    .chip-floating-subnav {
      position: fixed;
      left: 0;
      right: 0;
      top: 4.6875rem;
      z-index: 90;
      pointer-events: none;
      opacity: 0;
      visibility: hidden;
      transform: translate3d(0, var(--chip-nav-y, calc(100vh - 10rem)), 0);
      will-change: transform, opacity;
    }
    .chip-floating-subnav.is-visible { opacity: 1; visibility: visible; }
    .chip-floating-subnav .chip-floating-subnav-inner {
      width: 100%;
      margin: 0 auto;
      padding: 0 0 0 var(--prod-tab-left);
      box-sizing: border-box;
    }
    .chip-floating-subnav .subnav {
      position: static;
      pointer-events: auto;
      max-width: 100%;
      overflow: hidden;
    }
    .products-nav-enhanced .s-soc .chip-source-subnav,
    .products-sensor-nav-enhanced .s-sensor .sensor-source-subnav,
    .products-sensor-nav-enhanced .s-tof .tof-source-subnav {
      opacity: 0;
      pointer-events: none;
    }
    .products-sensor-nav-enhanced .s-sensor .sensor-source-subnav,
    .products-sensor-nav-enhanced .s-tof .tof-source-subnav {
      display: none;
    }

    body.products-page .chip-floating-subnav {
      display: none !important;
    }

    body.products-page.products-nav-enhanced .s-soc .chip-source-subnav,
    body.products-page.products-sensor-nav-enhanced .s-sensor .sensor-source-subnav,
    body.products-page.products-sensor-nav-enhanced .s-tof .tof-source-subnav {
      display: flex;
      opacity: 1;
      pointer-events: auto;
    }

    /* ============================================
       Section 1 — Hero 芯片 (top=0, h=900)
       ============================================ */
    .s-hero { height: var(--amicro-section-h); scroll-snap-align: start; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #010000; }
    .s-hero .hero-chip {
      position: absolute;
      left: calc(644 / 1920 * 100vw); top: 0.75rem;
      width: 67.5rem; height: 47.25rem;
      object-fit: cover;
    }
    .s-hero .gt-cn   { left: var(--prod-copy-left); top: 15.5625rem; }
    .s-hero .gt-cn {
      display: inline-block;
      width: max-content;
      background-image: linear-gradient(270deg, #FFFFFF 0%, #125BCE 100%);
    }
    .s-hero .gt-divider { left: calc(386 / 1920 * 100vw); top: 15.5625rem; }
    .s-hero .gt-sub  { left: calc(416 / 1920 * 100vw); top: 15rem; }
    .s-hero .gt-en   { left: calc(258 / 1920 * 100vw); top: 16.8125rem; }
    .s-hero .hero-desc {
      position: absolute;
      left: var(--prod-copy-left); top: 22.8125rem;
      width: 30rem;
      font-size: var(--prod-fs-20); line-height: 2rem;
      color: #fff;
      white-space: nowrap;
    }
    .s-hero .subnav { left: var(--prod-tab-left); top: 40.875rem; }

    /* ============================================
       Section 2 — SoC 网格 (top=897, h=900)
       ============================================ */
    .s-soc { height: var(--amicro-section-h); scroll-snap-align: start; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #010000; }
    .s-soc .subnav { left: var(--prod-tab-left); top: 4.6875rem; }
    .s-soc .soc-label {
      position: absolute;
      display: inline-block;
      width: max-content;
      font-size: var(--prod-fs-24); line-height: 1;
      white-space: nowrap;
      background-image: linear-gradient(270deg, #FFFFFF 0%, #125BCE 100%);
    }
    .s-soc .soc-label.l1 { left: var(--prod-copy-left); top: 8.75rem; }
    .s-soc .soc-label.l2 { left: var(--prod-copy-left); top: 35.0625rem; }
    .s-soc .chip {
      position: absolute;
      width: 12.5rem; height: 12.5rem;
      opacity: 0.35;
      transition:
        opacity 0.28s ease,
        transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.32s ease;
      z-index: 1;
      outline: none;
      cursor: pointer;
      will-change: transform, opacity, filter;
    }
    .s-soc .chip > img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      pointer-events: none;
      user-select: none;
    }
    .s-soc .chip:hover,
    .s-soc .chip:focus-visible {
      opacity: 1;
      transform: translate3d(0, -3rem, 0);
      z-index: 12;
      filter: drop-shadow(0 0 3.75rem rgba(18,91,206,0.38));
    }
    .s-soc .chip.c4:hover,
    .s-soc .chip.c4:focus-visible,
    .s-soc .chip.c6:hover,
    .s-soc .chip.c6:focus-visible {
      filter: drop-shadow(0 0 3.75rem rgba(18,91,206,0.6));
    }
    .s-soc .soc-chip-detail {
      position: absolute;
      left: 50%;
      top: calc(100% + 1rem);
      width: 46rem;
      min-height: 0;
      box-sizing: border-box;
      padding: 0.45rem 0.75rem 0.55rem;
      color: #fff;
      text-align: center;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate(-50%, 0.85rem) scale(0.985);
      transition:
        opacity 0.22s ease,
        transform 0.34s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0s linear 0.22s;
      text-shadow: 0 0 0.75rem rgba(0,0,0,0.7);
      filter: none;
    }
    .s-soc .chip:hover .soc-chip-detail,
    .s-soc .chip:focus-visible .soc-chip-detail,
    .s-soc .chip.is-keyboard-open .soc-chip-detail {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, 0);
      transition-delay: 0.1s, 0.1s, 0s;
    }
    .s-soc .chip.c1 .soc-chip-detail,
    .s-soc .chip.c2 .soc-chip-detail {
      left: 0;
      transform: translate(0, 0.85rem) scale(0.985);
      text-align: left;
    }
    .s-soc .chip.c1:hover .soc-chip-detail,
    .s-soc .chip.c1:focus-visible .soc-chip-detail,
    .s-soc .chip.c2:hover .soc-chip-detail,
    .s-soc .chip.c2:focus-visible .soc-chip-detail,
    .s-soc .chip.c1.is-keyboard-open .soc-chip-detail,
    .s-soc .chip.c2.is-keyboard-open .soc-chip-detail {
      transform: translate(0, 0);
      transition-delay: 0.1s, 0.1s, 0s;
    }
    .s-soc .chip.c5 .soc-chip-detail,
    .s-soc .chip.c6 .soc-chip-detail,
    .s-soc .chip.c8 .soc-chip-detail {
      left: auto;
      right: 0;
      transform: translate(0, 0.85rem) scale(0.985);
      text-align: right;
    }
    .s-soc .chip.c5:hover .soc-chip-detail,
    .s-soc .chip.c5:focus-visible .soc-chip-detail,
    .s-soc .chip.c6:hover .soc-chip-detail,
    .s-soc .chip.c6:focus-visible .soc-chip-detail,
    .s-soc .chip.c8:hover .soc-chip-detail,
    .s-soc .chip.c8:focus-visible .soc-chip-detail,
    .s-soc .chip.c5.is-keyboard-open .soc-chip-detail,
    .s-soc .chip.c6.is-keyboard-open .soc-chip-detail,
    .s-soc .chip.c8.is-keyboard-open .soc-chip-detail {
      transform: translate(0, 0);
      transition-delay: 0.1s, 0.1s, 0s;
    }
    .s-soc .chip.c7 .soc-chip-detail,
    .s-soc .chip.c8 .soc-chip-detail {
      top: calc(100% + 1rem);
      bottom: auto;
    }
    .s-soc .soc-chip-detail__title {
      margin: 0 0 0.35rem;
      font-size: var(--prod-fs-16);
      line-height: 1.25rem;
      font-weight: 400;
      color: rgba(255,255,255,0.96);
      white-space: nowrap;
    }
    .s-soc .soc-chip-detail__subtitle {
      margin: 0.125rem 0 1rem;
      font-size: var(--prod-fs-12);
      line-height: 1.25rem;
      color: rgba(255,255,255,0.68);
      white-space: nowrap;
    }
    .s-soc .soc-chip-detail__close,
    .s-soc .soc-chip-detail__image {
      display: none;
    }
    .s-soc .soc-chip-detail__specs {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      align-items: center;
      gap: 0;
      max-width: 100%;
    }
    .s-soc .chip.c1 .soc-chip-detail__specs,
    .s-soc .chip.c2 .soc-chip-detail__specs {
      justify-content: stretch;
    }
    .s-soc .chip.c5 .soc-chip-detail__specs,
    .s-soc .chip.c6 .soc-chip-detail__specs,
    .s-soc .chip.c8 .soc-chip-detail__specs {
      justify-content: stretch;
    }
    .s-soc .soc-chip-detail__spec {
      position: relative;
      min-width: 0;
      padding: 0.18rem 0.55rem;
      font-size: var(--prod-fs-11);
      line-height: 1.05rem;
      color: rgba(255,255,255,0.74);
      white-space: normal;
      overflow-wrap: anywhere;
      text-align: center;
    }
    .s-soc .soc-chip-detail__spec::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.2rem;
      bottom: 0.2rem;
      width: 0.0625rem;
      background: rgba(255,255,255,0.22);
    }
    .s-soc .soc-chip-detail__spec:first-child::before,
    .s-soc .soc-chip-detail__spec:nth-child(4n + 1)::before {
      display: none;
    }
    @media (min-width: 769px) {
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-chip-detail__subtitle {
        display: none;
      }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-chip-detail__title {
        margin-bottom: calc(16 / 1920 * var(--prod-frame-w));
      }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-chip-detail__specs {
        padding-inline: calc(16 / 1920 * var(--prod-frame-w));
        box-sizing: border-box;
      }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-chip-detail::before,
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-chip-detail::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        background: rgba(255, 255, 255, 0.22);
      }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-chip-detail::before {
        left: 0;
      }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-chip-detail::after {
        right: 0;
      }
    }
    /* Row 1: Figma x = 260/500/740/980/1220/1460 */
    .s-soc .chip.c1 { left: calc(260 / 1920 * 100vw);  top: 12.125rem; }
    .s-soc .chip.c2 { left: calc(500 / 1920 * 100vw);  top: 12.125rem; }
    .s-soc .chip.c3 { left: calc(740 / 1920 * 100vw);  top: 12.125rem; }
    .s-soc .chip.c4 { left: calc(980 / 1920 * 100vw);  top: 12.125rem; }
    .s-soc .chip.c5 { left: calc(1220 / 1920 * 100vw); top: 12.125rem; }
    .s-soc .chip.c6 { left: calc(1460 / 1920 * 100vw); top: 12.125rem; }
    /* Row 2: Figma x = 740/1220 */
    .s-soc .chip.c7 { left: calc(740 / 1920 * 100vw);  top: 38.4375rem; }
    .s-soc .chip.c8 { left: calc(1220 / 1920 * 100vw); top: 38.4375rem; }
    /* Divider line */
    .s-soc .soc-divider {
      position: absolute;
      left: 0; top: 31.375rem;
      width: 100rem; height: 0.125rem;
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 25%, rgba(255,255,255,0.6) 75%, rgba(255,255,255,0) 100%);
      opacity: 0.2;
    }

    /* ============================================
       Section 3 — 传感器 (top=1797, h=900)
       ============================================ */
    .s-sensor { height: var(--amicro-section-h); scroll-snap-align: start; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #010000; }
    .s-sensor .sensor-chip-glow {
      position: absolute;
      left: var(--prod-sensor-visual-left);
      top: var(--prod-sensor-visual-top);
      width: var(--prod-sensor-visual-w);
      height: var(--prod-sensor-visual-h);
      aspect-ratio: 4 / 3;
      border-radius: 20px;
      background: #000;
      z-index: 1;
      box-shadow: none;
    }
    .s-sensor .sensor-chip-glow::after {
      content: "";
      position: absolute;
      z-index: 2;
      inset: -1px;
      border-radius: inherit;
      background:
        linear-gradient(90deg, #010000 0%, rgba(1, 0, 0, 0.78) 4%, rgba(1, 0, 0, 0) 16%, rgba(1, 0, 0, 0) 84%, rgba(1, 0, 0, 0.78) 96%, #010000 100%),
        linear-gradient(180deg, #010000 0%, rgba(1, 0, 0, 0.78) 4%, rgba(1, 0, 0, 0) 16%, rgba(1, 0, 0, 0) 84%, rgba(1, 0, 0, 0.78) 96%, #010000 100%);
      pointer-events: none;
    }
    .s-sensor .sensor-chip {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: inherit;
      z-index: 1;
    }
    /* Decorative gradient overlays — fade chip into background */
    .s-sensor .fade-top {
      position: absolute;
      left: var(--prod-sensor-visual-left); top: var(--prod-sensor-visual-top);
      width: var(--prod-sensor-visual-w); height: 10rem;
      background: linear-gradient(180deg, #010000 0%, rgba(1,0,0,0) 100%);
      pointer-events: none;
    }
    .s-sensor .fade-bottom {
      position: absolute;
      left: var(--prod-sensor-visual-left); top: calc(var(--prod-sensor-visual-top) + var(--prod-sensor-visual-h) - 10rem);
      width: var(--prod-sensor-visual-w); height: 10rem;
      background: linear-gradient(0deg, #010000 0%, rgba(1,0,0,0) 100%);
      pointer-events: none;
    }
    .s-sensor .fade-right {
      position: absolute;
      left: calc(var(--prod-sensor-visual-left) + var(--prod-sensor-visual-w) - 12rem); top: var(--prod-sensor-visual-top);
      width: 12rem; height: var(--prod-sensor-visual-h);
      background: linear-gradient(270deg, #010000 0%, rgba(1,0,0,0) 100%);
      pointer-events: none;
    }
    .s-sensor .gt-cn   { left: var(--prod-sensor-text-left); top: var(--prod-sensor-title-top); }
    .s-sensor .gt-cn,
    .s-module .gt-cn {
      display: inline-block;
      width: max-content;
      background-image: linear-gradient(270deg, #FFFFFF 0%, #125BCE 100%);
    }
    .s-sensor .gt-divider { left: var(--prod-sensor-divider-left); top: var(--prod-sensor-title-top); }
    .s-sensor .gt-sub  { left: var(--prod-sensor-sub-left); top: 13.0625rem; width: 16rem; white-space: normal; }
    .s-sensor .gt-en   { left: var(--prod-sensor-en-left); top: var(--prod-sensor-en-top); }
    .s-sensor .sensor-desc {
      position: absolute;
      left: var(--prod-sensor-text-left); top: var(--prod-sensor-desc-top);
      width: 48rem;
      font-size: var(--prod-fs-20); line-height: 2rem;
      color: #fff;
      white-space: nowrap;
    }
    .s-sensor .sensor-desc p { margin: 0; }
    .s-sensor .subnav { left: var(--prod-sensor-text-left); top: 44.25rem; }
    .s-sensor .sensor-tabs .dot { opacity: 0; }
    .s-sensor .sensor-tabs .label { opacity: 0.4; font-weight: 300; }
    .s-sensor .sensor-tabs .tab.is-active .dot { opacity: 0; }
    .s-sensor .sensor-tabs .tab.is-active .label { opacity: 0.4; font-weight: 300; }
    .s-sensor .gt-cn {
      font-size: var(--prod-fs-42);
      line-height: 2rem;
    }
    .s-sensor .gt-divider {
      height: 3.75rem;
    }
    .s-sensor .gt-sub {
      font-size: var(--prod-fs-24);
      line-height: 2.25rem;
    }
    .s-sensor .gt-en {
      font-size: var(--prod-fs-12);
      line-height: 2rem;
      letter-spacing: 0.04em;
    }
    .s-sensor .sensor-desc {
      font-size: var(--prod-fs-20);
      line-height: 2rem;
    }
    html.products-page-html body.products-page .s-sensor .group-title .gt-cn {
      font-size: var(--prod-fs-42);
      line-height: 1.15;
    }
    html.products-page-html body.products-page .s-sensor .group-title .gt-divider {
      height: 3.75rem;
    }
    html.products-page-html body.products-page .s-sensor .group-title .gt-en {
      font-size: var(--prod-fs-12);
      line-height: 2rem;
      letter-spacing: 0.04em;
    }
    html.products-page-html body.products-page .s-sensor .sensor-desc {
      font-size: var(--prod-fs-20);
      line-height: 2rem;
    }

    /* ============================================
       Section 4 — TOF 九宫格 (top=2697, h=900)
       ============================================ */
    .s-tof { height: var(--amicro-section-h); scroll-snap-align: start; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #010000 url('../images/products/figma/products-screen-4-tof-bg-20260703.jpg?v=20260703-1') center / cover no-repeat; }
    /* 装饰椭圆 — CSS blur 模拟 */
    .s-tof .orb-left {
      position: absolute;
      left: 15rem; top: 12.5rem;
      width: 37.5rem; height: 31.25rem;
      background: radial-gradient(ellipse at center, rgba(18,91,206,0.35) 0%, rgba(18,91,206,0) 70%);
      filter: blur(2.5rem);
      pointer-events: none;
    }
    .s-tof .orb-right {
      position: absolute;
      right: -25rem; top: -12.5rem;
      width: 75rem; height: 56.25rem;
      background: radial-gradient(ellipse at center, rgba(18,91,206,0.45) 0%, rgba(18,91,206,0) 65%);
      filter: blur(3.75rem);
      pointer-events: none;
    }
    .s-tof .orb-left,
    .s-tof .orb-right {
      display: none;
    }
    .s-tof .subnav { left: var(--prod-tab-left); top: 4.6875rem; }

    /* T5B 左侧三视图组 */
    .t5b-group {
      position: absolute;
      left: calc(98 / 1920 * 100vw); top: 10.375rem;
      width: 20.125rem; height: 39rem;
    }
    .t5b-group .t5b-row {
      position: absolute;
      left: 0; width: 20.125rem; height: 9.75rem;
      cursor: pointer;
      outline: none;
      transition: top 0.34s ease, height 0.34s ease, transform 0.34s ease, filter 0.34s ease;
    }
    .t5b-group .t5b-row .t5b-img {
      position: absolute;
      left: 50%;
      top: 0;
      width: 11.375rem;
      height: 9.75rem;
      object-fit: contain;
      border-radius: 14px;
      opacity: 0.2;
      transform: translateX(-50%);
      transition: opacity 0.34s ease, transform 0.34s ease, filter 0.34s ease;
    }
    .t5b-group .t5b-row.active {
      z-index: 3;
      filter: drop-shadow(0 1.125rem 1.5rem rgba(18,91,206,0.35));
    }
    .t5b-group .t5b-row.active .t5b-img {
      left: 0;
      top: 1.1875rem;
      width: 20rem;
      height: 17.125rem;
      opacity: 1;
      transform: none;
    }
    .t5b-group .t5b-row .t5b-tag {
      position: absolute;
      left: 50%;
      top: auto;
      bottom: 1.5rem;
      transform: translateX(-50%);
      font-size: var(--prod-fs-36);
      line-height: 3.125rem;
      font-weight: 500;
      white-space: nowrap;
      opacity: 0;
      transition: opacity 0.25s ease, transform 0.25s ease;
      pointer-events: none;
    }
    .t5b-group .t5b-row.active .t5b-tag {
      opacity: 1;
      transform: translateX(-50%);
    }
    .t5b-group .row-1 { top: 0; height: 19.5rem; }
    .t5b-group .row-2 { top: 19.5rem; height: 9.75rem; }
    .t5b-group .row-2 .t5b-img { left: 50%; right: auto; }
    .t5b-group .row-2 .t5b-tag { font-size: var(--prod-fs-36); }
    .t5b-group .row-3 { top: 29.25rem; height: 9.75rem; }
    .t5b-group.is-active-2 .row-1 { top: 0; height: 9.75rem; }
    .t5b-group.is-active-2 .row-2 { top: 9.75rem; height: 19.5rem; }
    .t5b-group.is-active-2 .row-3 { top: 29.25rem; height: 9.75rem; }
    .t5b-group.is-active-3 .row-1 { top: 0; height: 9.75rem; }
    .t5b-group.is-active-3 .row-2 { top: 9.75rem; height: 9.75rem; }
    .t5b-group.is-active-3 .row-3 { top: 19.5rem; height: 19.5rem; }

    /* 九宫格卡片 */
    .tof-card {
      position: absolute;
      background: rgba(255,255,255,0.03);
      border-radius: 1.5rem;
      overflow: hidden;
      transition: background 0.28s ease, box-shadow 0.28s ease;
    }
    .tof-card.is-empty {
      opacity: 1;
    }
    .tof-card.is-empty .card-num,
    .tof-card.is-empty .card-label,
    .tof-card.is-empty .card-text {
      visibility: hidden;
    }
    .tof-card.is-updating {
      background: rgba(255,255,255,0.03);
      box-shadow: none;
    }
    .tof-card.k5,
    .tof-card.k5.is-updating,
    .tof-card.k6,
    .tof-card.k6.is-updating {
      background: transparent;
    }
    .tof-card .card-num {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      font-size: var(--prod-fs-36);
      line-height: 1;
      font-weight: 500;
      white-space: nowrap;
    }
    .tof-card .card-num .unit { font-size: var(--prod-fs-24); }
    .tof-card .card-label {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      font-size: var(--prod-fs-20);
      color: #fff;
      white-space: nowrap;
    }
    .s-tof .card-num,
    .s-tof .card-label,
    .s-tof .card-text,
    .s-tof .card-text p {
      width: max-content;
      max-width: 100%;
      background-image: linear-gradient(270deg, #FFFFFF 0%, #125BCE 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .s-tof .card-num,
    .s-tof .card-label,
    .s-tof .card-text {
      display: inline-block;
    }
    .s-tof .card-label {
      background: none;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-text-fill-color: #fff;
      color: #fff;
      text-align: center;
      font-family: 'PingFang SC', sans-serif;
      font-size: var(--prod-fs-20);
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    /* Single-line title cards (TOF 雷达 / 兼容 T5B) */
    .tof-card.title-card .card-num {
      top: 50%;
      transform: translate(-50%, -50%);
    }
    /* Single col cards (320×168) */
    .tof-card.col-1 { width: 20rem; height: 10.5rem; }
    .tof-card.col-2 { width: 30.75rem; height: 10.5rem; }
    .tof-card .card-num.pos-top { top: 3.1875rem; }
    .tof-card .card-label.pos-bottom { top: 7.25rem; }

    /* Grid positions — offset from section top (2697) */
    .tof-card.k1 { left: calc(652 / 1920 * 100vw);  top: 12.625rem; }   /* TOF 雷达 */
    .tof-card.k2 { left: calc(997 / 1920 * 100vw);  top: 12.625rem; }   /* 0.1~8m */
    .tof-card.k3 { left: calc(1341 / 1920 * 100vw); top: 12.625rem; }   /* 3000Hz */
    .tof-card.k4 { left: calc(652 / 1920 * 100vw);  top: 24.625rem; }   /* 6Hz */
    .tof-card.k5 { left: calc(996 / 1920 * 100vw);  top: 24.625rem; }   /* 0.72° */
    .tof-card.k6 { left: calc(1340 / 1920 * 100vw); top: 24.625rem; }   /* 60K Lux */
    .tof-card.k7 { left: calc(652 / 1920 * 100vw);  top: 36.625rem; width: 30.75rem; }  /* 兼容 T5B */
    .tof-card.k8 { left: calc(1168 / 1920 * 100vw); top: 36.625rem; width: 30.75rem; }  /* 近距离黑色 */
    .tof-bottom-visual {
      position: absolute;
      left: calc(652 / 1920 * 100vw);
      top: 36.625rem;
      width: 63rem;
      height: 10.5rem;
      object-fit: cover;
      border-radius: 1.5rem;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.28s ease, visibility 0.28s ease;
    }
    .s-tof.has-bottom-visual .tof-bottom-visual {
      opacity: 1;
      visibility: visible;
    }
    .s-tof.has-bottom-visual .tof-card.k7,
    .s-tof.has-bottom-visual .tof-card.k8 {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }

    /* Card background images */
    .tof-card .card-img-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      object-fit: cover;
      opacity: 1;
      transition: opacity 0.28s ease, filter 0.28s ease;
    }
    .tof-card.k3 .card-img-bg,
    .tof-card.k4 .card-img-bg {
      box-sizing: border-box;
      border: 3px solid;
    }
    .tof-card.k3 .card-img-bg { border-color: #090808; }
    .tof-card.k4 .card-img-bg { border-color: #0a0a0a; }
    .tof-card.k8 .card-text {
      position: absolute;
      left: 3.75rem; top: 50%;
      transform: translateY(-50%);
      font-size: var(--prod-fs-36);
      font-weight: 500;
      line-height: 1.5;
      white-space: nowrap;
    }
    .tof-card.k8 .card-text p { margin: 0; }

    /* ============================================
       Section 5 — 模组 (top=3597, h=900)
       ============================================ */
    .s-module { height: var(--amicro-section-h); scroll-snap-align: start; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #010000; }
    .s-module .module-chip {
      position: absolute;
      left: 35.8125rem; top: 3.125rem;
      width: 74.25rem; height: 56.5625rem;
      object-fit: contain;
      opacity: 0.95;
      -webkit-mask-image:
        linear-gradient(90deg, transparent 0%, #000 10%, #000 78%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 12%, #000 82%, transparent 100%);
      mask-image:
        linear-gradient(90deg, transparent 0%, #000 10%, #000 78%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 12%, #000 82%, transparent 100%);
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
    .s-module .fade-right {
      position: absolute;
      left: 110.0625rem; top: 9rem;
      width: 11.75rem; height: 47.25rem;
      background: linear-gradient(270deg, #010000 0%, rgba(1,0,0,0) 100%);
      pointer-events: none;
    }
    .s-module .gt-cn   { left: calc(260 / 1920 * 100vw); top: 14.5625rem; }
    .s-module .gt-cn {
      display: inline-block;
      width: max-content;
      background-image: linear-gradient(270deg, #FFFFFF 0%, #125BCE 100%);
    }
    .s-module .gt-divider { left: calc(386 / 1920 * 100vw); top: 15.5625rem; }
    .s-module .gt-sub  { left: calc(416 / 1920 * 100vw); top: 15rem; }
    .s-module .gt-en   { left: calc(258 / 1920 * 100vw); top: 17.8125rem; }
    .s-module .module-desc {
      position: absolute;
      left: var(--prod-copy-left); top: 22.8125rem;
      width: max-content;
      font-size: var(--prod-fs-20); line-height: 2rem;
      color: #fff;
      white-space: nowrap;
    }
    .s-module .mod-rows {
      position: absolute;
      left: calc(261 / 1920 * 100vw); top: 27.8125rem;
      display: flex; flex-direction: column;
      gap: 2.25rem;
    }
    .s-module .mod-row .row-label {
      display: inline-block;
      width: max-content;
      align-self: flex-start;
      font-size: var(--prod-fs-24);
      line-height: 1;
      white-space: nowrap;
      margin-bottom: 1rem;
      background-image: linear-gradient(270deg, #FFFFFF 0%, #125BCE 100%);
    }
    .s-module .mod-row .chips {
      display: flex; align-items: center; gap: 0.75rem;
    }
    .s-module .mod-row .chip-tag {
      position: relative;
      display: flex; align-items: center; justify-content: center;
      width: calc(240 * 100vw / 1080);
      height: calc(90 * 100vw / 1080);
      padding: calc(15 * 100vw / 1080);
      gap: calc(15 * 100vw / 1080);
      border: calc(0.75 * 100vw / 1080) solid rgba(255,255,255,0.50);
      border-radius: calc(6 * 100vw / 1080);
      text-align: center;
      font-size: var(--prod-fs-16); color: #fff;
      line-height: 1.4;
      cursor: pointer;
      overflow: hidden;
      background-color: rgba(2,10,31,0.12);
      transition: border-color 0.3s, background-color 0.3s;
      isolation: isolate;
    }
    .s-module .mod-row .chip-tag__fx {
      position: absolute;
      inset: 0;
      display: block;
      border-radius: inherit;
      overflow: hidden;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.3s;
      z-index: 0;
    }
    .s-module .mod-row .chip-tag__fx-cap {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 0.6875rem;
      height: 100%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      z-index: 1;
    }
    .s-module .mod-row .chip-tag__fx-cap--left {
      left: 0;
      background-image: url('../images/products/chip-tag-hover-left.png?v=20260630-3');
      background-position: left center;
    }
    .s-module .mod-row .chip-tag__fx-cap--right {
      right: 0;
      background-image: url('../images/products/chip-tag-hover-right.png?v=20260630-3');
      background-position: right center;
    }
    .s-module .mod-row .chip-tag__fx-mid {
      position: absolute;
      inset: 0;
      background: linear-gradient(0deg, rgba(50,101,227,0.1) 0%, #304C95 100%);
      opacity: 0.5;
      z-index: 0;
    }
    .s-module .mod-row .chip-tag__text {
      position: relative;
      z-index: 1;
    }
    .s-module .mod-row .chip-tag:hover {
      border-color: rgba(91,126,235,0.72);
      background-color: transparent;
      box-shadow:
        inset 0 0 0 0.5px rgba(91,126,235,0.72),
        inset 0 0 1.375rem rgba(48,76,149,0.08),
        0 0 1.625rem rgba(18,91,206,0.16);
    }
    .s-module .mod-row .chip-tag:hover .chip-tag__fx {
      opacity: 1;
    }

    /* ===== Section inner wrappers ===== */
    .s-hero-inner { width: var(--site-content-width); height: 56.25rem; position: relative; flex-shrink: 0; margin: 0 auto; box-sizing: border-box; }
    .s-soc-inner { width: var(--site-content-width); height: 56.25rem; position: relative; flex-shrink: 0; margin: 0 auto; box-sizing: border-box; }
    .s-sensor-inner { width: var(--site-content-width); height: 56.25rem; position: relative; flex-shrink: 0; margin: 0 auto; box-sizing: border-box; }
    .s-tof-inner { width: var(--site-content-width); height: 56.25rem; position: relative; flex-shrink: 0; margin: 0 auto; box-sizing: border-box; }
    .s-module-inner { width: var(--site-content-width); height: 56.25rem; position: relative; flex-shrink: 0; overflow: hidden; margin: 0 auto; box-sizing: border-box; }

    /* ============================================
       Back-to-top
       ============================================ */
    .back-to-top {
      position: fixed;
      right: 2.5rem; bottom: 2.5rem;
      width: 3rem; height: 3rem;
      background: rgba(18,91,206,0.7);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer;
      z-index: 100;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s, background 0.3s;
      backdrop-filter: blur(0.5rem);
    }
    .back-to-top.visible { opacity: 1; pointer-events: auto; }
    .back-to-top:hover { background: rgba(18,91,206,1); }

    .prod-canvas.api-products-loading > .s-hero:first-of-type .hero-chip,
    .prod-canvas.api-products-loading > .s-hero:first-of-type .group-title,
    .prod-canvas.api-products-loading > .s-hero:first-of-type .hero-desc {
      opacity: 0;
      visibility: hidden;
    }
    .prod-canvas.api-products-loading > .s-hero:first-of-type .s-hero-inner::before,
    .prod-canvas.api-products-loading > .s-hero:first-of-type .s-hero-inner::after {
      content: "";
      position: absolute;
      display: block;
      border-radius: 0.75rem;
      background: linear-gradient(110deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.18) 42%, rgba(255,255,255,0.08) 84%);
      background-size: 220% 100%;
      animation: apiProductSkeleton 1.25s ease-in-out infinite;
      z-index: 2;
    }
    .prod-canvas.api-products-loading > .s-hero:first-of-type .s-hero-inner::before {
      left: 16.25rem;
      top: 13.75rem;
      width: 36rem;
      height: 18rem;
    }
    .prod-canvas.api-products-loading > .s-hero:first-of-type .s-hero-inner::after {
      right: 2.25rem;
      top: 4.5rem;
      width: 67.5rem;
      height: 47.25rem;
      border-radius: 1.25rem;
      background-color: rgba(18,91,206,0.08);
    }
    .prod-canvas.api-products-ready > .s-hero:first-of-type .s-hero-inner {
      animation: apiProductReadyFade 0.28s ease-out both;
    }
    @keyframes apiProductSkeleton {
      0% { background-position: 130% 0; opacity: 0.58; }
      50% { opacity: 1; }
      100% { background-position: -80% 0; opacity: 0.58; }
    }
    @keyframes apiProductReadyFade {
      from { opacity: 0; transform: translateY(0.75rem); }
      to { opacity: 1; transform: translateY(0); }
    }
    @media (max-width: 48em) {
      .prod-canvas.api-products-loading > .s-hero:first-of-type {
        height: auto;
        min-height: var(--amicro-section-h);
        padding: 5.5rem 1.25rem 3.5rem;
        box-sizing: border-box;
      }
      .prod-canvas.api-products-loading > .s-hero:first-of-type .s-hero-inner {
        width: 100%;
        height: auto;
        min-height: 35rem;
      }
      .prod-canvas.api-products-loading > .s-hero:first-of-type .s-hero-inner::before {
        left: 0;
        top: 0;
        width: 100%;
        height: 13.125rem;
      }
      .prod-canvas.api-products-loading > .s-hero:first-of-type .s-hero-inner::after {
        left: 50%;
        right: auto;
        top: 20.625rem;
        width: min(96vw, 26.25rem);
        aspect-ratio: 4 / 3;
        height: auto;
        transform: translateX(-50%);
      }
    }

    /* 确保 site header 在画布之上 */
    #header { z-index: 100; }

    /* ============================================
       Responsive layout pass — constrained container + flow
       ============================================ */
    body.products-page {
      background: #010000;
    }

    body.products-page .prod-canvas {
      width: 100%;
      height: var(--prod-viewport-h);
      margin: 0;
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      scroll-snap-type: y mandatory;
      background: #010000;
    }

    body.products-page .prod-canvas.is-snap-free {
      scroll-snap-type: none;
    }

    body.products-page .prod-canvas .sec {
      width: 100%;
      min-width: 0;
      background: #010000;
    }

    body.products-page .s-hero-inner,
    body.products-page .s-soc-inner,
    body.products-page .s-sensor-inner,
    body.products-page .s-tof-inner,
    body.products-page .s-module-inner {
      width: var(--site-content-width);
      max-width: 100%;
      margin: 0 auto;
      box-sizing: border-box;
      flex-shrink: 1;
    }

    body.products-page .s-cta {
      min-height: 0;
      height: auto;
      padding: 0;
      margin-top: -5rem;
      scroll-snap-align: start;
      overflow: visible;
      background: #000;
    }

    body.products-page .s-cta-inner {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
      box-sizing: border-box;
    }

    body.products-page .s-cta .ct-foot__cta-band.mod-cta {
      width: 100%;
      background: transparent;
    }

    body.products-page .s-cta .mod-cta-wrap {
      width: 100%;
      max-width: none;
      box-shadow: none;
    }

    body.products-page .group-title {
      position: relative;
      display: grid;
      grid-template-columns: auto 0.125rem auto;
      grid-template-areas:
        "cn divider sub"
        "en divider sub";
      align-items: center;
      column-gap: 1.75rem;
      row-gap: 0.25rem;
      width: max-content;
      max-width: 100%;
    }

    body.products-page .group-title .gt-cn,
    body.products-page .group-title .gt-en,
    body.products-page .group-title .gt-divider,
    body.products-page .group-title .gt-sub {
      position: static;
      left: auto;
      top: auto;
    }

    body.products-page .group-title .gt-cn { grid-area: cn; }
    body.products-page .group-title .gt-en { grid-area: en; align-self: start; }
    body.products-page .group-title .gt-divider { grid-area: divider; height: 3.75rem; }
    body.products-page .group-title .gt-sub { grid-area: sub; }

    body.products-page .s-hero-inner,
    body.products-page .s-sensor-inner,
    body.products-page .s-module-inner {
      display: grid;
      grid-template-columns: minmax(28rem, 38rem) minmax(0, 1fr);
      grid-template-rows: auto auto;
      align-content: center;
      align-items: center;
      column-gap: clamp(3rem, 6vw, 7rem);
      padding: 6rem clamp(7rem, 13.55vw, 16.25rem);
      height: 100%;
      overflow: hidden;
    }

    body.products-page .s-sensor-inner {
      overflow: visible;
    }

    body.products-page .s-hero-inner {
      grid-template-columns: minmax(28rem, 30rem) minmax(0, 67.5rem);
      column-gap: 4rem;
      padding: 6rem 2.25rem 6rem 16.25rem;
    }

    body.products-page .s-hero .hero-chip,
    body.products-page .s-sensor .sensor-chip-glow,
    body.products-page .s-module .module-chip {
      position: relative;
      left: auto;
      top: auto;
      grid-column: 2;
      grid-row: 1 / 3;
      justify-self: end;
      width: min(calc(920 / 1920 * 100vw), 100%);
      height: auto;
      aspect-ratio: 4 / 3;
      object-fit: contain;
    }

    body.products-page .s-hero .hero-chip {
      width: 100%;
      max-width: 67.5rem;
    }

    body.products-page .s-module .module-chip {
      width: min(74.25rem, 112%);
      max-width: none;
      aspect-ratio: 1188 / 905;
      transform: translateX(4rem);
    }

    body.products-page .s-hero .group-title,
    body.products-page .s-sensor .group-title,
    body.products-page .s-module .group-title {
      grid-column: 1;
      grid-row: 1;
      align-self: end;
      margin-bottom: 2.5rem;
    }

    body.products-page .s-hero .hero-desc,
    body.products-page .s-sensor .sensor-desc,
    body.products-page .s-module .module-desc {
      position: relative;
      left: auto;
      top: auto;
      grid-column: 1;
      grid-row: 2;
      align-self: start;
      width: min(41.25rem, 100%);
      max-width: 100%;
      white-space: normal;
    }

    body.products-page .s-sensor .sensor-desc p {
      margin: 0;
      white-space: nowrap;
    }

    body.products-page .s-hero .subnav,
    body.products-page .s-sensor .subnav {
      position: relative;
      left: auto;
      top: auto;
      grid-column: 1 / -1;
      grid-row: 3;
      margin-top: 6rem;
    }

    body.products-page .s-sensor .fade-top,
    body.products-page .s-sensor .fade-bottom,
    body.products-page .s-sensor .fade-right {
      display: none;
    }

    body.products-page .s-module .fade-right {
      display: block;
      position: absolute;
      left: auto;
      right: 0;
      top: 0;
      width: clamp(10rem, 18vw, 22rem);
      height: 100%;
      background: linear-gradient(to left, #010000 0%, rgba(1,0,0,0) 100%);
      pointer-events: none;
      z-index: 2;
    }

    body.products-page .s-soc-inner {
      height: 100%;
      padding: 7rem clamp(7rem, 13.55vw, 16.25rem) 5rem;
      display: grid;
      grid-template-columns: repeat(6, minmax(7.5rem, 12.5rem));
      grid-template-rows: auto auto 12.5rem auto auto 12.5rem;
      grid-auto-rows: auto;
      align-content: space-between;
      justify-content: space-between;
      row-gap: 0;
      column-gap: 1.5rem;
      overflow: hidden;
    }

    body.products-page .s-soc .subnav {
      position: static;
      grid-column: 1 / -1;
      grid-row: 1;
      margin-bottom: 0.25rem;
      max-width: 100%;
      overflow: hidden;
    }

    body.products-page .s-soc .soc-label {
      position: static;
      grid-column: 1 / -1;
      grid-row: 2;
      justify-self: start;
      margin: 0.75rem 0 0;
    }

    body.products-page .s-soc .chip {
      position: relative;
      width: 100%;
      height: auto;
      aspect-ratio: 1;
      justify-self: center;
      object-fit: initial;
    }

    body.products-page .s-soc .chip.is-soc-hidden {
      display: none;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: scale(0.9);
    }

    body.products-page .s-soc.is-switching .chip:not(.is-soc-hidden) {
      animation: socProductSwitchIn 0.32s ease both;
    }

    @keyframes socProductSwitchIn {
      from { opacity: 0.18; transform: translateY(0.35rem) scale(0.96); }
      to { opacity: 0.35; transform: translateY(0) scale(1); }
    }

    body.products-page .s-soc .chip > img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    body.products-page .s-soc .soc-divider {
      position: static;
      grid-column: 1 / -1;
      grid-row: 4;
      width: 100%;
      margin: 1.25rem 0 0.25rem;
    }

    body.products-page .s-soc .soc-label.l1,
    body.products-page .s-soc .soc-label.l2,
    body.products-page .s-soc .chip.c1,
    body.products-page .s-soc .chip.c2,
    body.products-page .s-soc .chip.c3,
    body.products-page .s-soc .chip.c4,
    body.products-page .s-soc .chip.c5,
    body.products-page .s-soc .chip.c6,
    body.products-page .s-soc .chip.c7,
    body.products-page .s-soc .chip.c8 {
      left: auto;
      top: auto;
    }

    body.products-page .s-soc .chip.c1,
    body.products-page .s-soc .chip.c2,
    body.products-page .s-soc .chip.c3,
    body.products-page .s-soc .chip.c4,
    body.products-page .s-soc .chip.c5,
    body.products-page .s-soc .chip.c6 {
      grid-row: 3;
    }

    body.products-page .s-soc .soc-label.l2 {
      grid-column: 1 / -1;
      grid-row: 5;
    }

    body.products-page .s-soc .chip.c7 {
      grid-column: 3;
      grid-row: 6;
    }

    body.products-page .s-soc .chip.c8 {
      grid-column: 5;
      grid-row: 6;
    }

    body.products-page .s-tof-inner {
      height: 100%;
      padding: 20rem clamp(7rem, 13.55vw, 16.25rem) 6rem;
      display: grid;
      grid-template-columns: minmax(18rem, 20rem) minmax(0, 1fr);
      grid-template-rows: auto 1fr;
      align-items: center;
      align-content: start;
      column-gap: 4.75rem;
      overflow: hidden;
    }

    body.products-page .s-tof .subnav {
      position: static;
      grid-column: 1 / -1;
      grid-row: 1;
      align-self: start;
      margin-bottom: 11rem;
    }

    body.products-page .t5b-group {
      position: relative;
      left: auto;
      top: auto;
      grid-column: 1;
      grid-row: 2;
      align-self: center;
      width: min(20.125rem, 100%);
    }

    body.products-page .tof-card {
      position: relative;
      left: auto;
      top: auto;
      width: auto;
      min-width: 0;
    }

    body.products-page .tof-card.col-1,
    body.products-page .tof-card.col-2,
    body.products-page .tof-card.k7,
    body.products-page .tof-card.k8 {
      width: auto;
      height: 10.5rem;
    }

    body.products-page .tof-card.k1,
    body.products-page .tof-card.k2,
    body.products-page .tof-card.k3,
    body.products-page .tof-card.k4,
    body.products-page .tof-card.k5,
    body.products-page .tof-card.k6,
    body.products-page .tof-card.k7,
    body.products-page .tof-card.k8 {
      left: auto;
      top: auto;
    }

    body.products-page .tof-card.k1 { grid-column: 2; grid-row: 2; }

    body.products-page .s-tof-inner > .tof-card {
      align-self: stretch;
    }

    body.products-page .s-tof-inner {
      grid-template-columns: minmax(18rem, 20rem) repeat(3, minmax(12rem, 20rem));
      grid-template-rows: auto repeat(3, 10.5rem);
      row-gap: 1.5rem;
      align-content: start;
    }

    body.products-page .t5b-group {
      grid-row: 2 / 5;
    }

    body.products-page .tof-card.k1 { grid-column: 2; grid-row: 2; }
    body.products-page .tof-card.k2 { grid-column: 3; grid-row: 2; }
    body.products-page .tof-card.k3 { grid-column: 4; grid-row: 2; }
    body.products-page .tof-card.k4 { grid-column: 2; grid-row: 3; }
    body.products-page .tof-card.k5 { grid-column: 3; grid-row: 3; }
    body.products-page .tof-card.k6 { grid-column: 4; grid-row: 3; }
    body.products-page .tof-card.k7 { grid-column: 2 / 4; grid-row: 4; }
    body.products-page .tof-card.k8 { grid-column: 4; grid-row: 4; }

    body.products-page .s-tof .orb-right {
      right: 0;
      width: min(58rem, 45vw);
    }

    body.products-page .s-module-inner {
      display: block;
      padding: 0;
      overflow: hidden;
    }

    body.products-page .s-module .module-chip {
      position: absolute;
      left: auto;
      right: clamp(2rem, 6vw, 7.5rem);
      top: 39%;
      grid-column: auto;
      grid-row: auto;
      justify-self: auto;
      width: min(58rem, 54vw);
      height: auto;
      aspect-ratio: 1188 / 905;
      transform: translateY(-50%);
      z-index: 1;
    }

    body.products-page .s-module .group-title {
      position: absolute;
      left: clamp(7rem, 13.55vw, 16.3125rem);
      top: 11.75rem;
      grid-column: auto;
      grid-row: auto;
      margin: 0;
      z-index: 2;
    }

    body.products-page .s-module .module-desc {
      position: absolute;
      left: clamp(7rem, 13.55vw, 16.3125rem);
      top: 22rem;
      grid-column: auto;
      grid-row: auto;
      width: min(34rem, 46vw);
      margin: 0;
      z-index: 2;
    }

    body.products-page .s-module .mod-rows {
      position: absolute;
      left: clamp(7rem, 13.55vw, 16.3125rem);
      top: 27.25rem;
      grid-column: auto;
      grid-row: auto;
      width: min(58rem, 64vw);
      margin: 0;
      gap: 1.45rem;
      z-index: 3;
    }

    body.products-page .s-module .mod-row .chips {
      flex-wrap: wrap;
      gap: 0.875rem;
    }

    @media (max-width: 68.75em) {
      body.products-page .products-page-html {
        font-size: var(--fs-16);
      }

      body.products-page .s-hero-inner,
      body.products-page .s-sensor-inner,
      body.products-page .s-module-inner {
        padding-inline: clamp(3rem, 8vw, 7rem);
        grid-template-columns: minmax(26rem, 36rem) minmax(0, 1fr);
        column-gap: 2rem;
      }

      body.products-page .s-hero-inner {
        grid-template-columns: minmax(24rem, 30rem) minmax(0, 67.5rem);
        padding-left: clamp(3rem, 8vw, 7rem);
        padding-right: 2rem;
      }

      body.products-page .s-soc-inner,
      body.products-page .s-tof-inner {
        padding-inline: clamp(3rem, 8vw, 7rem);
      }

      body.products-page .s-tof-inner {
        grid-template-columns: minmax(16rem, 18rem) repeat(3, minmax(10rem, 1fr));
        column-gap: 1.25rem;
      }

    }

    @media (max-width: 48em) {
      body.products-page .s-cta {
        scroll-snap-align: none;
      }
    }

    /* ============================================
       Final responsive calibration
       Desktop keeps the measured 1920 x 900 stage.
       H5 follows the homepage mobile-loader breakpoint.
       ============================================ */
    .hero-desc__nowrap {
      display: inline-block;
      white-space: nowrap;
      word-break: keep-all;
    }

    @media (min-width: 67.5625em) {
      body.products-page .prod-canvas .sec:not(.s-cta) {
        width: 100%;
        height: var(--prod-section-h);
        min-height: 0;
        padding: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        overflow: hidden;
        scroll-snap-align: start;
      }

      body.products-page .s-hero-inner,
      body.products-page .s-soc-inner,
      body.products-page .s-sensor-inner,
      body.products-page .s-tof-inner,
      body.products-page .s-module-inner {
        position: relative;
        width: 100%;
        height: var(--prod-section-h);
        max-width: none;
        max-height: none;
        margin: 0 auto;
        box-sizing: border-box;
        flex: 0 0 auto;
        overflow: visible;
      }

      body.products-page .s-module-inner {
        overflow: hidden;
      }

      body.products-page .group-title {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: auto;
        max-width: none;
        margin: 0;
      }

      body.products-page .group-title .gt-cn,
      body.products-page .group-title .gt-en,
      body.products-page .group-title .gt-divider,
      body.products-page .group-title .gt-sub {
        position: absolute;
        left: auto;
        top: auto;
        grid-area: auto;
      }

      body.products-page .group-title .gt-cn,
      body.products-page .group-title .gt-en,
      body.products-page .group-title .gt-sub {
        white-space: nowrap;
      }

      body.products-page .group-title .gt-divider {
        width: 0.125rem;
        height: 3.75rem;
      }

      body.products-page .s-hero .group-title,
      body.products-page .s-sensor .group-title,
      body.products-page .s-module .group-title {
        left: 0;
        top: 0;
        grid-column: auto;
        grid-row: auto;
        margin: 0;
        z-index: 3;
      }

      body.products-page .s-hero .hero-chip,
      body.products-page .s-sensor .sensor-chip-glow,
      body.products-page .s-module .module-chip {
        position: absolute;
        grid-column: auto;
        grid-row: auto;
        justify-self: auto;
        align-self: auto;
        max-width: none;
        height: auto;
        transform: none;
        z-index: 1;
      }

      body.products-page .s-hero .hero-chip {
        left: calc(644 / 1920 * 100vw);
        top: 0.75rem;
        width: 67.5rem;
        height: 47.25rem;
        aspect-ratio: 4 / 3;
        object-fit: cover;
      }

      body.products-page .s-hero .gt-cn { left: var(--prod-copy-left); top: 15.5625rem; }
      body.products-page .s-hero .gt-divider { left: calc(386 / 1920 * 100vw); top: 15.5625rem; }
      body.products-page .s-hero .gt-sub { left: calc(416 / 1920 * 100vw); top: 15rem; }
      body.products-page .s-hero .gt-en { left: calc(258 / 1920 * 100vw); top: 17.8125rem; }

      body.products-page .s-hero .hero-desc {
        position: absolute;
        left: var(--prod-copy-left);
        top: 22.8125rem;
        grid-column: auto;
        grid-row: auto;
        width: 40.5rem;
        max-width: none;
        margin: 0;
        font-size: var(--prod-fs-20);
        line-height: 2rem;
        white-space: normal;
        z-index: 3;
      }

      body.products-page .s-hero .subnav {
        position: absolute;
        left: var(--prod-tab-left);
        top: 40.875rem;
        grid-column: auto;
        grid-row: auto;
        display: flex;
        max-width: none;
        margin: 0;
        overflow: visible;
        z-index: 3;
      }

      body.products-page .s-soc-inner {
        display: block;
        padding: 0;
        overflow: visible;
      }

      body.products-page .s-soc .subnav {
        position: absolute;
        left: var(--prod-tab-left);
        top: 4.6875rem;
        display: flex;
        max-width: none;
        margin: 0;
        overflow: visible;
      }

      body.products-page .s-soc .soc-label {
        position: absolute;
        display: inline-block;
        width: max-content;
        margin: 0;
      }

      body.products-page .s-soc .soc-label.l1 { left: var(--prod-copy-left); top: 8.75rem; }
      body.products-page .s-soc .soc-label.l2 { left: var(--prod-copy-left); top: 35.0625rem; }

      body.products-page .s-soc .chip {
        position: absolute;
        width: 12.5rem;
        height: 12.5rem;
        aspect-ratio: auto;
        justify-self: auto;
        grid-column: auto;
        grid-row: auto;
      }

      body.products-page .s-soc .chip.c1 { left: calc(260 / 1920 * 100vw); top: 12.125rem; }
      body.products-page .s-soc .chip.c2 { left: calc(500 / 1920 * 100vw); top: 12.125rem; }
      body.products-page .s-soc .chip.c3 { left: calc(740 / 1920 * 100vw); top: 12.125rem; }
      body.products-page .s-soc .chip.c4 { left: calc(980 / 1920 * 100vw); top: 12.125rem; }
      body.products-page .s-soc .chip.c5 { left: calc(1220 / 1920 * 100vw); top: 12.125rem; }
      body.products-page .s-soc .chip.c6 { left: calc(1460 / 1920 * 100vw); top: 12.125rem; }
      body.products-page .s-soc .chip.c7 { left: calc(740 / 1920 * 100vw); top: 38.4375rem; }
      body.products-page .s-soc .chip.c8 { left: calc(1220 / 1920 * 100vw); top: 38.4375rem; }

      body.products-page .s-soc .soc-divider {
        position: absolute;
        left: 0;
        top: 31.375rem;
        grid-column: auto;
        grid-row: auto;
        width: 100%;
        margin: 0;
      }

      body.products-page .s-sensor .sensor-chip-glow {
        left: var(--prod-sensor-visual-left);
        top: var(--prod-sensor-visual-top);
        width: var(--prod-sensor-visual-w);
        height: var(--prod-sensor-visual-h);
        aspect-ratio: 4 / 3;
      }

      body.products-page .s-sensor .fade-top,
      body.products-page .s-sensor .fade-bottom,
      body.products-page .s-sensor .fade-right {
        display: block;
        position: absolute;
      }

      body.products-page .s-sensor .fade-top {
        left: var(--prod-sensor-visual-left);
        top: var(--prod-sensor-visual-top);
        width: var(--prod-sensor-visual-w);
        height: 10rem;
      }

      body.products-page .s-sensor .fade-bottom {
        left: var(--prod-sensor-visual-left);
        top: calc(var(--prod-sensor-visual-top) + var(--prod-sensor-visual-h) - 10rem);
        width: var(--prod-sensor-visual-w);
        height: 10rem;
      }

      body.products-page .s-sensor .fade-right {
        left: calc(var(--prod-sensor-visual-left) + var(--prod-sensor-visual-w) - 12rem);
        top: var(--prod-sensor-visual-top);
        width: 12rem;
        height: var(--prod-sensor-visual-h);
      }

      body.products-page .s-sensor .gt-cn { left: var(--prod-sensor-text-left); top: var(--prod-sensor-title-top); }
      body.products-page .s-sensor .gt-divider { left: var(--prod-sensor-divider-left); top: var(--prod-sensor-title-top); }
      body.products-page .s-sensor .gt-sub {
        left: var(--prod-sensor-sub-left);
        top: 15rem;
        width: 16rem;
        white-space: normal;
      }
      body.products-page .s-sensor .gt-en {
        left: var(--prod-sensor-en-left);
        top: var(--prod-sensor-en-top);
      }

      body.products-page .s-sensor .sensor-desc {
        position: absolute;
        left: var(--prod-sensor-text-left);
        top: var(--prod-sensor-desc-top);
        grid-column: auto;
        grid-row: auto;
        width: 48rem;
        margin: 0;
        white-space: nowrap;
        z-index: 3;
      }

      body.products-page .s-sensor .sensor-desc p {
        white-space: nowrap;
      }

      body.products-page .s-sensor .subnav {
        position: absolute;
        left: var(--prod-tab-left);
        top: 44.25rem;
        grid-column: auto;
        grid-row: auto;
        display: flex;
        margin: 0;
        overflow: visible;
      }

      body.products-page .s-tof-inner {
        display: block;
        padding: 0;
        overflow: visible;
      }

      body.products-page .s-tof .subnav {
        position: absolute;
        left: var(--prod-tab-left);
        top: 4.6875rem;
        display: flex;
        margin: 0;
        overflow: visible;
      }

      body.products-page .t5b-group {
        position: absolute;
        left: calc(258 / 1920 * 100vw);
        top: 10.375rem;
        grid-column: auto;
        grid-row: auto;
        width: 20.125rem;
        height: 39rem;
        align-self: auto;
      }

      body.products-page .t5b-group .t5b-row {
        position: absolute;
        left: 0;
        width: 20.125rem;
        height: 9.75rem;
      }

      body.products-page .t5b-group .row-1 { top: 0; height: 19.5rem; }
      body.products-page .t5b-group .row-2 { top: 19.5rem; height: 9.75rem; }
      body.products-page .t5b-group .row-3 { top: 29.25rem; height: 9.75rem; }
      body.products-page .t5b-group.is-active-2 .row-1 { top: 0; height: 9.75rem; }
      body.products-page .t5b-group.is-active-2 .row-2 { top: 9.75rem; height: 19.5rem; }
      body.products-page .t5b-group.is-active-2 .row-3 { top: 29.25rem; height: 9.75rem; }
      body.products-page .t5b-group.is-active-3 .row-1 { top: 0; height: 9.75rem; }
      body.products-page .t5b-group.is-active-3 .row-2 { top: 9.75rem; height: 9.75rem; }
      body.products-page .t5b-group.is-active-3 .row-3 { top: 19.5rem; height: 19.5rem; }

      body.products-page .tof-card {
        position: absolute;
        min-width: 0;
        align-self: auto;
      }

      body.products-page .tof-card.col-1 {
        width: 20rem;
        height: 10.5rem;
      }

      body.products-page .tof-card.col-2,
      body.products-page .tof-card.k7,
      body.products-page .tof-card.k8 {
        width: 30.75rem;
        height: 10.5rem;
      }

      body.products-page .tof-card.k1 { left: calc(652 / 1920 * 100vw); top: 12.625rem; grid-column: auto; grid-row: auto; }
      body.products-page .tof-card.k2 { left: calc(997 / 1920 * 100vw); top: 12.625rem; grid-column: auto; grid-row: auto; }
      body.products-page .tof-card.k3 { left: calc(1341 / 1920 * 100vw); top: 12.625rem; grid-column: auto; grid-row: auto; }
      body.products-page .tof-card.k4 { left: calc(652 / 1920 * 100vw); top: 24.625rem; grid-column: auto; grid-row: auto; }
      body.products-page .tof-card.k5 { left: calc(996 / 1920 * 100vw); top: 24.625rem; grid-column: auto; grid-row: auto; }
      body.products-page .tof-card.k6 { left: calc(1340 / 1920 * 100vw); top: 24.625rem; grid-column: auto; grid-row: auto; }
      body.products-page .tof-card.k7 { left: calc(652 / 1920 * 100vw); top: 36.625rem; grid-column: auto; grid-row: auto; }
      body.products-page .tof-card.k8 { left: calc(1168 / 1920 * 100vw); top: 36.625rem; grid-column: auto; grid-row: auto; }

      body.products-page .s-tof .orb-left {
        left: 15rem;
        top: 12.5rem;
        width: 37.5rem;
        height: 31.25rem;
      }

      body.products-page .s-tof .orb-right {
        right: -25rem;
        top: -12.5rem;
        width: 75rem;
        height: 56.25rem;
      }

      body.products-page .s-module .module-chip {
        left: 35.8125rem;
        right: auto;
        top: 3.125rem;
        width: 74.25rem;
        height: 56.5625rem;
        aspect-ratio: 1188 / 905;
        object-fit: contain;
        opacity: 0.95;
        -webkit-mask-image:
          linear-gradient(90deg, transparent 0%, #000 10%, #000 78%, transparent 100%),
          linear-gradient(180deg, transparent 0%, #000 12%, #000 82%, transparent 100%);
        mask-image:
          linear-gradient(90deg, transparent 0%, #000 10%, #000 78%, transparent 100%),
          linear-gradient(180deg, transparent 0%, #000 12%, #000 82%, transparent 100%);
        -webkit-mask-composite: source-in;
        mask-composite: intersect;
      }

      body.products-page .s-module .fade-right {
        display: block;
        position: absolute;
        left: 110.0625rem;
        right: auto;
        top: 9rem;
        width: 11.75rem;
        height: 47.25rem;
      }

      body.products-page .s-module .gt-cn { left: var(--prod-copy-left); top: 15.5625rem; }
      body.products-page .s-module .gt-divider { left: calc(386 / 1920 * 100vw); top: 15.5625rem; }
      body.products-page .s-module .gt-sub { left: calc(416 / 1920 * 100vw); top: 15rem; }
      body.products-page .s-module .gt-en { left: calc(258 / 1920 * 100vw); top: 17.8125rem; }

      body.products-page .s-module .module-desc {
        position: absolute;
        left: var(--prod-copy-left);
        top: 22.8125rem;
        grid-column: auto;
        grid-row: auto;
        width: max-content;
        margin: 0;
        font-size: var(--prod-fs-20);
        line-height: 2rem;
        white-space: nowrap;
        z-index: 3;
      }

      body.products-page .s-module .mod-rows {
        position: absolute;
        left: calc(261 / 1920 * 100vw);
        top: 27.8125rem;
        grid-column: auto;
        grid-row: auto;
        width: auto;
        margin: 0;
        gap: 2.25rem;
        z-index: 3;
      }

      body.products-page .s-module .mod-row .chips {
        flex-wrap: nowrap;
        gap: 0.75rem;
      }
    }

    @media (max-width: 67.5em) {
      html[data-mobile].products-page-html {
        font-size: var(--amicro-mobile-root);
      }

      html[data-mobile].products-page-html,
      html[data-mobile].products-page-html body.products-page {
        height: auto !important;
        min-height: calc(var(--app-vh, 100vh)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
      }

      html[data-mobile].products-page-html body.products-page .prod-canvas {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        background: #010000 !important;
      }

      html[data-mobile].products-page-html body.products-page .prod-canvas > .sec:not(.s-cta) {
        width: 100% !important;
        height: auto !important;
        min-height: calc(var(--app-vh, 100vh) - var(--m-size-header-h, 3.5rem)) !important;
        padding: clamp(4.5rem, 10vw, 6.5rem) 1.25rem 3.5rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        scroll-snap-align: none !important;
        box-sizing: border-box !important;
        background: #010000 !important;
        color: #fff !important;
      }

      html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof {
        background: #010000 url('../images/products/figma/products-screen-4-tof-bg-20260703.jpg?v=20260703-1') center / cover no-repeat !important;
      }

      html[data-mobile].products-page-html body.products-page .chip-floating-subnav {
        display: none !important;
      }

      /* Desktop keeps both source copies for scroll continuity. On H5, keep
         only the copy nearest the TOF product content. */
      html[data-mobile].products-page-html body.products-page
        .s-sensor .sensor-source-subnav {
        display: none !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc,
      html[data-mobile].products-page-html body.products-page .s-tof {
        align-items: flex-start !important;
      }

      html[data-mobile].products-page-html body.products-page .s-cta {
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        display: block !important;
        overflow: hidden !important;
      }

      html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-bg-mobile {
        height: 100% !important;
        object-fit: cover !important;
      }

      html[data-mobile].products-page-html body.products-page .s-hero-inner,
      html[data-mobile].products-page-html body.products-page .s-sensor-inner,
      html[data-mobile].products-page-html body.products-page .s-module-inner {
        position: relative !important;
        width: 100% !important;
        max-width: 40rem !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 1.5rem !important;
        overflow: visible !important;
        box-sizing: border-box !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: auto 0.0625rem minmax(0, 1fr) !important;
        grid-template-areas:
          "cn divider sub"
          "en divider sub" !important;
        align-items: center !important;
        column-gap: 1rem !important;
        row-gap: 0.25rem !important;
        order: 1 !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-cn,
      html[data-mobile].products-page-html body.products-page .group-title .gt-en,
      html[data-mobile].products-page-html body.products-page .group-title .gt-divider,
      html[data-mobile].products-page-html body.products-page .group-title .gt-sub {
        position: static !important;
        left: auto !important;
        top: auto !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-cn {
        grid-area: cn !important;
        font-size: var(--fs-36) !important;
        line-height: 1.08 !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-en {
        grid-area: en !important;
        font-size: var(--fs-12) !important;
        line-height: 1.2 !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-divider {
        grid-area: divider !important;
        width: 0.0625rem !important;
        height: 3.375rem !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-sub {
        grid-area: sub !important;
        width: auto !important;
        min-width: 0 !important;
        font-size: var(--fs-22) !important;
        line-height: 1.45 !important;
        white-space: normal !important;
      }

      html[data-mobile].products-page-html body.products-page .s-hero .hero-desc,
      html[data-mobile].products-page-html body.products-page .s-sensor .sensor-desc,
      html[data-mobile].products-page-html body.products-page .s-module .module-desc {
        position: relative !important;
        display: block !important;
        left: auto !important;
        top: auto !important;
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: var(--fs-16) !important;
        line-height: 1.7 !important;
        white-space: normal !important;
        order: 2 !important;
        z-index: 2 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-sensor .sensor-desc p {
        white-space: normal !important;
      }

      html[data-mobile].products-page-html body.products-page .hero-desc__nowrap {
        display: inline-block !important;
      }

      html[data-mobile].products-page-html body.products-page .s-hero .hero-chip,
      html[data-mobile].products-page-html body.products-page .s-module .module-chip {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: min(100%, 35rem) !important;
        height: auto !important;
        max-width: 100% !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        transform: none !important;
        justify-self: auto !important;
        align-self: center !important;
        grid-column: auto !important;
        grid-row: auto !important;
        order: 3 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-sensor .sensor-chip-glow {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: min(100%, 35rem) !important;
        height: auto !important;
        max-width: 100% !important;
        aspect-ratio: 4 / 3 !important;
        transform: none !important;
        align-self: center !important;
        order: 3 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-module .module-chip {
        width: min(112%, 38.75rem) !important;
        margin-top: -0.625rem !important;
      }

      html[data-mobile].products-page-html body.products-page .s-sensor .fade-top,
      html[data-mobile].products-page-html body.products-page .s-sensor .fade-bottom,
      html[data-mobile].products-page-html body.products-page .s-sensor .fade-right,
      html[data-mobile].products-page-html body.products-page .s-module .fade-right {
        display: none !important;
      }

      html[data-mobile].products-page-html body.products-page .subnav {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        gap: 0.875rem !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 0 0.25rem !important;
        order: 4 !important;
      }

      html[data-mobile].products-page-html body.products-page .subnav .tab {
        flex: 0 0 auto !important;
        font-size: var(--fs-14) !important;
        line-height: 1.75rem !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .chip-source-subnav .tab .label {
        color: #aebed2 !important;
        opacity: 1 !important;
        font-weight: 400 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .chip-source-subnav .tab.is-active .label {
        color: #eef6ff !important;
        font-weight: 500 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-hero .hero-source-subnav {
        display: none !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .chip-source-subnav {
        display: flex !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc-inner {
        position: relative !important;
        width: 100% !important;
        max-width: 45rem !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-content: flex-start !important;
        justify-content: center !important;
        gap: 1.125rem 0.875rem !important;
        overflow: visible !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .subnav {
        flex: 0 0 100% !important;
        order: 1 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .soc-label {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        margin: 0.5rem 0 0 !important;
        font-size: var(--fs-24) !important;
        line-height: 1.2 !important;
        order: 2 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .soc-label.l2 {
        order: 5 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .chip {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        grid-column: auto !important;
        grid-row: auto !important;
        flex: 0 1 calc(33.333% - 0.625rem) !important;
        width: min(100%, 9.375rem) !important;
        height: auto !important;
        aspect-ratio: 1 !important;
        opacity: 0.72 !important;
        transform: none !important;
        order: 3 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .chip.c7,
      html[data-mobile].products-page-html body.products-page .s-soc .chip.c8 {
        order: 6 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .chip.is-soc-hidden {
        display: none !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .chip > img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail {
        display: none !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .soc-divider {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        height: 0.0625rem !important;
        margin: 0.5rem 0 0 !important;
        order: 4 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-tof-inner {
        position: relative !important;
        width: 100% !important;
        max-width: 45rem !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.875rem !important;
        align-items: stretch !important;
        overflow: visible !important;
      }

      html[data-mobile].products-page-html body.products-page .s-tof .subnav,
      html[data-mobile].products-page-html body.products-page .t5b-group {
        grid-column: 1 / -1 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-tof .subnav {
        grid-row: auto !important;
        order: 1 !important;
      }

      html[data-mobile].products-page-html body.products-page .t5b-group {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        grid-row: auto !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0.125rem 0 0.5rem !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.625rem !important;
        order: 2 !important;
      }

      html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: clamp(6rem, 24vw, 8.75rem) !important;
      }

      html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row .t5b-img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
      }

      html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row.active .t5b-img {
        transform: scale(1.08) !important;
      }

      html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row .t5b-tag {
        font-size: var(--fs-36) !important;
        top: 76% !important;
        z-index: 2 !important;
        text-shadow: 0 0 0.875rem rgba(0, 0, 0, 0.72) !important;
      }

      html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row {
        height: auto !important;
        min-height: clamp(8.5rem, 34vw, 11rem) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
      }

      html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row .t5b-img,
      html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row.active .t5b-img {
        position: relative !important;
        inset: auto !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: clamp(6rem, 24vw, 8rem) !important;
        transform: none !important;
        object-fit: contain !important;
      }

      html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row .t5b-tag {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        bottom: auto !important;
        display: block !important;
        width: 100% !important;
        margin-top: 0.25rem !important;
        transform: none !important;
        line-height: 1.2 !important;
        text-align: center !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        order: 3 !important;
        grid-column: auto !important;
        grid-row: auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: clamp(6.5rem, 26vw, 8rem) !important;
        padding: 1.125rem !important;
        display: block !important;
        overflow: hidden !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card .card-img-bg {
        left: 0 !important;
        right: auto !important;
        top: 0 !important;
        bottom: auto !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        object-fit: cover !important;
        opacity: 0.32 !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card.k7,
      html[data-mobile].products-page-html body.products-page .tof-card.k8 {
        grid-column: 1 / -1 !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card .card-num {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        width: max-content !important;
        max-width: calc(100% - 2.25rem) !important;
        transform: translate(-50%, -50%) !important;
        text-align: center !important;
        font-size: var(--fs-36) !important;
        z-index: 2 !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card .card-num .unit {
        position: static !important;
        transform: none !important;
        font-size: var(--fs-22) !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card.k8 .card-text {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        width: max-content !important;
        max-width: calc(100% - 2.25rem) !important;
        transform: translate(-50%, -50%) !important;
        font-size: var(--fs-22) !important;
        text-align: center !important;
        z-index: 2 !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card .card-label {
        position: absolute !important;
        left: 50% !important;
        top: 68% !important;
        right: auto !important;
        bottom: auto !important;
        width: max-content !important;
        max-width: calc(100% - 2.25rem) !important;
        transform: translate(-50%, -50%) !important;
        font-size: var(--fs-18) !important;
        text-align: center !important;
        z-index: 2 !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card .card-num.pos-top {
        top: 36% !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card .card-label.pos-bottom {
        top: 68% !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card.k8 .card-text {
        left: 50% !important;
      }

      html[data-mobile].products-page-html body.products-page .s-tof .orb-left,
      html[data-mobile].products-page-html body.products-page .s-tof .orb-right {
        display: none !important;
      }

      html[data-mobile].products-page-html body.products-page .s-module .mod-rows {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1.375rem !important;
        order: 4 !important;
      }

      html[data-mobile].products-page-html body.products-page .s-module .mod-row .row-label {
        font-size: var(--fs-22) !important;
        line-height: 1.2 !important;
        margin-bottom: 0.75rem !important;
      }

      html[data-mobile].products-page-html body.products-page .s-module .mod-row .chips {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.625rem !important;
      }

      html[data-mobile].products-page-html body.products-page .s-module .mod-row .chip-tag {
        flex: 1 1 calc(50% - 0.3125rem) !important;
        width: auto !important;
        min-width: 0 !important;
        height: 3.375rem !important;
        padding: 0 0.5rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: var(--fs-16) !important;
        line-height: 1.35 !important;
      }
    }

    @media (max-width: 37.5em) {
      html[data-mobile].products-page-html body.products-page .prod-canvas > .sec:not(.s-cta) {
        padding-inline: 1.25rem !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title {
        grid-template-columns: auto 0.0625rem minmax(0, 1fr) !important;
        column-gap: 0.875rem !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-cn {
        font-size: var(--fs-32) !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-sub {
        font-size: var(--fs-18) !important;
      }

      html[data-mobile].products-page-html body.products-page .s-hero .hero-desc {
        font-size: var(--fs-16) !important;
      }

      html[data-mobile].products-page-html body.products-page .s-soc .chip {
        flex-basis: calc(50% - 0.5rem) !important;
        max-width: 8.625rem !important;
      }

      html[data-mobile].products-page-html body.products-page .s-tof-inner {
        grid-template-columns: 1fr !important;
      }

      html[data-mobile].products-page-html body.products-page .s-tof .subnav,
      html[data-mobile].products-page-html body.products-page .t5b-group,
      html[data-mobile].products-page-html body.products-page .tof-card,
      html[data-mobile].products-page-html body.products-page .tof-card.k7,
      html[data-mobile].products-page-html body.products-page .tof-card.k8 {
        grid-column: 1 !important;
      }

      html[data-mobile].products-page-html body.products-page .tof-card.k8 .card-text {
        left: 50% !important;
      }
    }

    @media (max-width: 26.25em) {
      html[data-mobile].products-page-html body.products-page .group-title {
        column-gap: 0.75rem !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-cn {
        font-size: var(--fs-30) !important;
      }

      html[data-mobile].products-page-html body.products-page .group-title .gt-sub {
        font-size: var(--fs-16) !important;
      }

      html[data-mobile].products-page-html body.products-page .hero-desc__nowrap {
        font-size: var(--fs-14) !important;
      }
    }

    /* ============================================
       Products desktop viewport-unit calibration
       Every measured dimension uses 900px = 100dvh via --prod-frame-w.
       ============================================ */
    @media (min-width: 769px) {
      html.products-page-html:not([data-mobile]),
      html.products-page-html:not([data-mobile]) body.products-page {
        height: var(--prod-viewport-h);
        overflow: hidden;
      }

      html.products-page-html:not([data-mobile]) body.products-page .prod-canvas {
        height: var(--prod-viewport-h);
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        scroll-snap-type: y mandatory;
      }

      html.products-page-html:not([data-mobile]) body.products-page .prod-canvas .sec:not(.s-cta) {
        width: 100%;
        height: var(--prod-section-h);
        min-height: 0;
        padding: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        overflow: hidden;
        scroll-snap-align: start;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero-inner,
      html.products-page-html:not([data-mobile]) body.products-page .s-soc-inner,
      html.products-page-html:not([data-mobile]) body.products-page .s-sensor-inner,
      html.products-page-html:not([data-mobile]) body.products-page .s-tof-inner,
      html.products-page-html:not([data-mobile]) body.products-page .s-module-inner {
        position: relative;
        width: var(--prod-frame-w);
        height: var(--prod-frame-h);
        max-width: none;
        max-height: none;
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        display: block;
        overflow: visible;
        box-sizing: border-box;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module-inner {
        overflow: hidden;
      }

      html.products-page-html:not([data-mobile]) body.products-page .group-title {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: auto;
        max-width: none;
        margin: 0;
      }

      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-cn,
      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-en,
      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-divider,
      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-sub {
        position: absolute;
        left: auto;
        top: auto;
        grid-area: auto;
      }

      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-cn {
        font-size: var(--prod-fs-42) !important;
        line-height: normal !important;
      }

      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-en {
        font-size: var(--prod-fs-12) !important;
        line-height: calc(32 / 1920 * var(--prod-frame-w)) !important;
        letter-spacing: 0.04em;
      }

      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-sub {
        font-size: var(--prod-fs-24) !important;
        line-height: calc(36 / 1920 * var(--prod-frame-w)) !important;
      }

      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-divider {
        width: calc(2 / 1920 * var(--prod-frame-w));
        height: calc(60 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .subnav {
        gap: calc(24 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .subnav .tab {
        gap: calc(8 / 1920 * var(--prod-frame-w));
        font-size: var(--prod-fs-16);
        line-height: calc(32 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .subnav .tab .dot {
        width: calc(8 / 1920 * var(--prod-frame-w));
        height: calc(8 / 1920 * var(--prod-frame-w));
        flex-basis: calc(8 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .hero-chip {
        position: absolute;
        left: calc(804 / 1920 * var(--prod-frame-w));
        top: calc(12 / 1920 * var(--prod-frame-w));
        width: calc(1080 / 1920 * var(--prod-frame-w));
        height: calc(756 / 1920 * var(--prod-frame-w));
        max-width: none;
        object-fit: cover;
        transform: none;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .gt-cn,
      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .gt-cn,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .gt-cn {
        left: var(--prod-copy-left);
        top: calc(249 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .gt-divider,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .gt-divider {
        left: calc(386 / 1920 * var(--prod-frame-w));
        top: calc(249 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .gt-sub,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .gt-sub {
        left: calc(416 / 1920 * var(--prod-frame-w));
        top: calc(240 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .gt-en,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .gt-en {
        left: calc(258 / 1920 * var(--prod-frame-w));
        top: calc(285 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .hero-desc {
        position: absolute;
        left: var(--prod-copy-left);
        top: calc(365 / 1920 * var(--prod-frame-w));
        width: calc(480 / 1920 * var(--prod-frame-w));
        max-width: none;
        margin: 0;
        font-size: var(--prod-fs-20);
        line-height: calc(32 / 1920 * var(--prod-frame-w));
        white-space: normal;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .subnav {
        position: absolute;
        left: var(--prod-tab-left);
        top: calc(708 / 1920 * var(--prod-frame-w));
        margin: 0;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-soc .subnav {
        position: absolute;
        left: var(--prod-tab-left);
        top: calc(75 / 1920 * var(--prod-frame-w));
        margin: 0;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-label {
        position: absolute;
        display: inline-block;
        width: max-content;
        margin: 0;
        font-size: var(--prod-fs-24);
        line-height: calc(34 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-label.l1 {
        left: var(--prod-copy-left);
        top: calc(140 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-label.l2 {
        left: var(--prod-copy-left);
        top: calc(561 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip {
        position: absolute;
        width: calc(200 / 1920 * var(--prod-frame-w));
        height: calc(200 / 1920 * var(--prod-frame-w));
        aspect-ratio: auto;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip.c1 { left: calc(260 / 1920 * var(--prod-frame-w)); top: calc(194 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip.c2 { left: calc(500 / 1920 * var(--prod-frame-w)); top: calc(194 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip.c3 { left: calc(740 / 1920 * var(--prod-frame-w)); top: calc(194 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip.c4 { left: calc(980 / 1920 * var(--prod-frame-w)); top: calc(194 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip.c5 { left: calc(1220 / 1920 * var(--prod-frame-w)); top: calc(194 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip.c6 { left: calc(1460 / 1920 * var(--prod-frame-w)); top: calc(194 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip.c7 { left: calc(740 / 1920 * var(--prod-frame-w)); top: calc(615 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .s-soc .chip.c8 { left: calc(1220 / 1920 * var(--prod-frame-w)); top: calc(615 / 1920 * var(--prod-frame-w)); }

      html.products-page-html:not([data-mobile]) body.products-page .s-soc .soc-divider {
        position: absolute;
        left: 0;
        top: calc(502 / 1920 * var(--prod-frame-w));
        width: 100%;
        height: calc(2 / 1920 * var(--prod-frame-w));
        margin: 0;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .sensor-chip-glow {
        position: absolute;
        left: var(--prod-sensor-visual-left);
        top: var(--prod-sensor-visual-top);
        width: var(--prod-sensor-visual-w);
        height: var(--prod-sensor-visual-h);
        max-width: none;
        transform: none;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .gt-divider {
        left: var(--prod-sensor-divider-left);
        top: var(--prod-sensor-title-top);
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .gt-sub {
        left: var(--prod-sensor-sub-left);
        top: calc(240 / 1920 * var(--prod-frame-w));
        width: calc(256 / 1920 * var(--prod-frame-w));
        white-space: normal;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .gt-en {
        left: var(--prod-sensor-en-left);
        top: var(--prod-sensor-en-top);
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .sensor-desc {
        position: absolute;
        left: var(--prod-sensor-text-left);
        top: var(--prod-sensor-desc-top);
        width: calc(768 / 1920 * var(--prod-frame-w));
        max-width: none;
        margin: 0;
        font-size: var(--prod-fs-20);
        line-height: calc(32 / 1920 * var(--prod-frame-w));
        white-space: nowrap;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .subnav {
        position: absolute;
        left: var(--prod-tab-left);
        top: calc(708 / 1920 * var(--prod-frame-w));
        margin: 0;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-tof .subnav {
        position: absolute;
        left: var(--prod-tab-left);
        top: calc(75 / 1920 * var(--prod-frame-w));
        margin: 0;
      }

      html.products-page-html:not([data-mobile]) body.products-page .t5b-group {
        position: absolute;
        left: calc(258 / 1920 * var(--prod-frame-w));
        top: calc(166 / 1920 * var(--prod-frame-w));
        width: calc(322 / 1920 * var(--prod-frame-w));
        height: calc(624 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .t5b-group .t5b-row {
        position: absolute;
        left: 0;
        width: calc(322 / 1920 * var(--prod-frame-w));
        height: calc(156 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .t5b-group .row-1 { top: 0; height: calc(312 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .t5b-group .row-2 { top: calc(312 / 1920 * var(--prod-frame-w)); height: calc(156 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .t5b-group .row-3 { top: calc(468 / 1920 * var(--prod-frame-w)); height: calc(156 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .t5b-group.is-active-2 .row-1 { top: 0; height: calc(156 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .t5b-group.is-active-2 .row-2 { top: calc(156 / 1920 * var(--prod-frame-w)); height: calc(312 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .t5b-group.is-active-2 .row-3 { top: calc(468 / 1920 * var(--prod-frame-w)); height: calc(156 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .t5b-group.is-active-3 .row-1 { top: 0; height: calc(156 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .t5b-group.is-active-3 .row-2 { top: calc(156 / 1920 * var(--prod-frame-w)); height: calc(156 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .t5b-group.is-active-3 .row-3 { top: calc(312 / 1920 * var(--prod-frame-w)); height: calc(312 / 1920 * var(--prod-frame-w)); }

      html.products-page-html:not([data-mobile]) body.products-page .t5b-group .t5b-row .t5b-img {
        width: calc(182 / 1920 * var(--prod-frame-w));
        height: calc(156 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .t5b-group .t5b-row.active .t5b-img {
        left: 0;
        top: calc(19 / 1920 * var(--prod-frame-w));
        width: calc(320 / 1920 * var(--prod-frame-w));
        height: calc(274 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .t5b-group .t5b-row .t5b-tag {
        bottom: calc(24 / 1920 * var(--prod-frame-w));
        font-size: var(--prod-fs-36);
        line-height: calc(50 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .tof-card {
        position: absolute;
        border-radius: calc(24 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .tof-card.col-1 {
        width: calc(320 / 1920 * var(--prod-frame-w));
        height: calc(168 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .tof-card.col-2,
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k7,
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k8 {
        width: calc(492 / 1920 * var(--prod-frame-w));
        height: calc(168 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k1 { left: calc(652 / 1920 * var(--prod-frame-w)); top: calc(202 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k2 { left: calc(997 / 1920 * var(--prod-frame-w)); top: calc(202 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k3 { left: calc(1341 / 1920 * var(--prod-frame-w)); top: calc(202 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k4 { left: calc(652 / 1920 * var(--prod-frame-w)); top: calc(394 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k5 { left: calc(996 / 1920 * var(--prod-frame-w)); top: calc(394 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k6 { left: calc(1340 / 1920 * var(--prod-frame-w)); top: calc(394 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k7 { left: calc(652 / 1920 * var(--prod-frame-w)); top: calc(586 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k8 { left: calc(1168 / 1920 * var(--prod-frame-w)); top: calc(586 / 1920 * var(--prod-frame-w)); }
      html.products-page-html:not([data-mobile]) body.products-page .tof-bottom-visual {
        left: calc(652 / 1920 * var(--prod-frame-w));
        top: calc(586 / 1920 * var(--prod-frame-w));
        width: calc(1008 / 1920 * var(--prod-frame-w));
        height: calc(168 / 1920 * var(--prod-frame-w));
        border-radius: calc(24 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .tof-card .card-num {
        font-size: var(--prod-fs-36);
      }

      html.products-page-html:not([data-mobile]) body.products-page .tof-card .card-num .unit {
        font-size: var(--prod-fs-24);
      }

      html.products-page-html:not([data-mobile]) body.products-page .tof-card.k8 .card-text {
        font-size: var(--prod-fs-36);
      }

      html.products-page-html:not([data-mobile]) body.products-page .tof-card .card-label {
        font-size: var(--prod-fs-20);
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .module-chip {
        position: absolute;
        left: auto;
        right: max(0px, calc((var(--prod-frame-w) - 100vw) / 2));
        top: 50%;
        width: calc(1188 / 1920 * var(--prod-frame-w));
        height: auto;
        aspect-ratio: 1080 / 705;
        max-width: none;
        object-fit: contain;
        transform: translateY(-50%);
        -webkit-mask-image:
          linear-gradient(90deg, transparent 0%, #000 10%, #000 100%),
          linear-gradient(180deg, transparent 0%, #000 12%, #000 82%, transparent 100%);
        mask-image:
          linear-gradient(90deg, transparent 0%, #000 10%, #000 100%),
          linear-gradient(180deg, transparent 0%, #000 12%, #000 82%, transparent 100%);
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .fade-right {
        display: none;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .module-desc {
        position: absolute;
        left: var(--prod-copy-left);
        top: calc((345 - 59) / 1920 * var(--prod-frame-w));
        width: max-content;
        max-width: none;
        margin: 0;
        font-size: var(--prod-fs-20);
        line-height: calc(32 / 1920 * var(--prod-frame-w));
        white-space: nowrap;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .mod-rows {
        position: absolute;
        left: calc(261 / 1920 * var(--prod-frame-w));
        top: calc((425 - 59) / 1920 * var(--prod-frame-w));
        width: auto;
        margin: 0;
        gap: calc(36 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .mod-row .row-label {
        font-size: var(--prod-fs-24);
        line-height: calc(24 / 1920 * var(--prod-frame-w));
        margin-bottom: calc(16 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .mod-row .chips {
        gap: calc(12 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .mod-row .chip-tag {
        width: calc(240 / 1920 * var(--prod-frame-w));
        height: calc(90 / 1920 * var(--prod-frame-w));
        padding: calc(15 / 1920 * var(--prod-frame-w));
        gap: calc(15 / 1920 * var(--prod-frame-w));
        border: calc(0.75 / 1920 * var(--prod-frame-w)) solid rgba(255,255,255,0.50);
        border-radius: calc(6 / 1920 * var(--prod-frame-w));
        font-size: var(--prod-fs-16);
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .mod-row .chip-tag__fx-cap {
        width: calc(11 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-cta {
        margin-top: 0;
        padding-bottom: calc(100 / 1920 * var(--prod-frame-w) + env(safe-area-inset-bottom, 0px));
        scroll-snap-align: start;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .group-title,
      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .group-title,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .group-title {
        --prod-title-group-left: calc(258 / 1920 * var(--prod-frame-w));
        --prod-title-group-top: calc(240 / 1920 * var(--prod-frame-w));
        --prod-title-cn-x: calc(2 / 1920 * var(--prod-frame-w));
        --prod-title-cn-y: calc(9 / 1920 * var(--prod-frame-w));
        --prod-title-en-y: calc(58 / 1920 * var(--prod-frame-w));
        --prod-title-gap-x: calc(28 / 1920 * var(--prod-frame-w));
        left: var(--prod-title-group-left);
        top: var(--prod-title-group-top);
        display: grid;
        grid-template-columns: max-content calc(2 / 1920 * var(--prod-frame-w)) max-content;
        grid-template-rows: auto;
        column-gap: var(--prod-title-gap-x);
        align-items: start;
        width: max-content;
        height: auto;
        overflow: visible;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-module .group-title {
        top: calc((220 - 59) / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .group-title .gt-cn,
      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .group-title .gt-cn,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .group-title .gt-cn {
        position: static;
        left: auto;
        top: auto;
        margin: 0;
      }

      html.products-page-html:not([data-mobile]) body.products-page .group-title .gt-title-stack {
        display: flex;
        grid-column: 1;
        grid-row: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-self: center;
        width: max-content;
        min-width: max-content;
        margin-right: calc(24 / 1920 * var(--prod-frame-w));
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .group-title .gt-divider,
      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .group-title .gt-divider,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .group-title .gt-divider {
        position: relative;
        grid-column: 2;
        grid-row: 1;
        left: auto;
        top: auto;
        align-self: center;
        margin-top: 0;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .group-title .gt-sub,
      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .group-title .gt-sub,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .group-title .gt-sub {
        position: relative;
        grid-column: 3;
        grid-row: 1;
        left: auto;
        top: auto;
        width: max-content;
        max-width: none;
        align-self: center;
        margin: 0;
        white-space: nowrap;
      }

      html.products-page-html:not([data-mobile]) body.products-page .s-hero .group-title .gt-en,
      html.products-page-html:not([data-mobile]) body.products-page .s-sensor .group-title .gt-en,
      html.products-page-html:not([data-mobile]) body.products-page .s-module .group-title .gt-en {
        position: static;
        left: auto;
        top: auto;
        align-self: center;
        margin: 0;
        text-align: center;
      }
    }

    body.products-page .prod-canvas .sec.s-tof,
    html.products-page-html:not([data-mobile]) body.products-page .prod-canvas .sec.s-tof:not(.s-cta),
    html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof {
      background: #010000 url('../images/products/figma/products-screen-4-tof-bg-20260703.jpg?v=20260703-1') center / cover no-repeat !important;
    }

    body.products-page .s-tof .orb-left,
    body.products-page .s-tof .orb-right {
      display: none !important;
    }

/* Products H5 Figma calibration. Desktop geometry remains owned by the
   min-width: 769px rules above. */
@media (max-width: 48em) {
  html[data-mobile].products-page-html body.products-page {
    --products-h5-pad: clamp(20px, 5.089vw, 32px);
    --products-h5-blue: #3b82f6;
    --products-h5-copy: rgba(235, 242, 250, 0.82);
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec:not(.s-cta) {
    min-height: 0 !important;
    padding-right: var(--products-h5-pad) !important;
    padding-left: var(--products-h5-pad) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero {
    padding-top: calc(var(--m-size-header-h, 56px) + 48px) !important;
    padding-bottom: 76px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero-inner {
    gap: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .group-title {
    margin-bottom: 130px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-desc {
    margin-bottom: 78px !important;
    color: var(--products-h5-copy) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-chip {
    width: 100% !important;
    max-width: 353px !important;
    margin: 0 auto !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-soc {
    padding-top: 92px !important;
    padding-bottom: 112px !important;
    background: #f7f8fa !important;
    color: #162033 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc-inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 14px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-divider {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip-source-subnav {
    display: flex !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    gap: 14px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip-source-subnav .tab .label {
    color: #5f6b7a !important;
    opacity: 1 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip-source-subnav .tab.is-active .label {
    color: #1f5fbf !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label {
    grid-column: 1 / -1 !important;
    margin: 0 0 8px !important;
    color: var(--products-h5-blue) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label.l2 {
    margin-top: calc(48 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip {
    width: 100% !important;
    max-width: 138px !important;
    justify-self: center !important;
    opacity: 1 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-sensor {
    padding-top: 104px !important;
    padding-bottom: 118px !important;
    background: #fff !important;
    color: #172033 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor-inner,
  html[data-mobile].products-page-html body.products-page .s-module-inner {
    gap: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .group-title {
    margin-bottom: 118px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-desc {
    margin-bottom: 84px !important;
    color: rgba(24, 35, 52, 0.78) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-chip-glow {
    width: 100% !important;
    max-width: 353px !important;
    aspect-ratio: 1080 / 756 !important;
    margin: 0 auto 58px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-chip {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof {
    padding-top: 80px !important;
    padding-bottom: 108px !important;
    background: #fff !important;
    color: #172033 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-tof-inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-tof .tof-source-subnav,
  html[data-mobile].products-page-html body.products-page .s-tof .t5b-group {
    grid-column: 1 / -1 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-tof .t5b-group {
    margin: 48px 0 64px !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row {
    min-height: 132px !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row .t5b-img {
    height: 104px !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card {
    min-height: 118px !important;
    border-radius: 4px !important;
    background-color: #f5f6f8 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module {
    padding-top: 104px !important;
    padding-bottom: 108px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .group-title {
    margin-bottom: calc(54 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .module-desc {
    margin-bottom: calc(44 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .module-chip {
    width: 100% !important;
    max-width: 353px !important;
    margin: 0 auto 50px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-row .chip-tag {
    min-height: 54px !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta {
    margin-top: 0 !important;
  }
}

/* Final H5 cascade: applies the 1080 artwork contract after legacy mobile rules. */
@media (max-width: 67.5em) {
  html[data-mobile].products-page-html,
  html[data-mobile].products-page-html body.products-page {
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec:not(.s-cta) {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding-right: calc(72 * var(--products-u)) !important;
    padding-left: calc(72 * var(--products-u)) !important;
    display: flex !important;
    overflow: visible !important;
    scroll-snap-align: none !important;
    box-sizing: border-box !important;
  }

  html[data-mobile].products-page-html body.products-page :is(.s-hero-inner, .s-sensor-inner, .s-module-inner) {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: max-content calc(2 * var(--products-u)) minmax(0, 1fr) !important;
    grid-template-areas: "cn divider sub" "en divider sub" !important;
    column-gap: calc(28 * var(--products-u)) !important;
    row-gap: calc(6 * var(--products-u)) !important;
    order: 1 !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title :is(.gt-cn, .gt-en, .gt-divider, .gt-sub) {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title .gt-cn {
    grid-area: cn !important;
    font-size: var(--fs-63) !important;
    line-height: calc(68 * var(--products-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title .gt-en {
    grid-area: en !important;
    font-size: var(--fs-18) !important;
    line-height: calc(30 * var(--products-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title .gt-divider {
    grid-area: divider !important;
    width: calc(2 * var(--products-u)) !important;
    height: calc(92 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title .gt-sub {
    grid-area: sub !important;
    width: auto !important;
    font-size: var(--fs-36) !important;
    line-height: calc(54 * var(--products-u)) !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-desc,
  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-desc,
  html[data-mobile].products-page-html body.products-page .s-module .module-desc {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    font-size: var(--fs-24) !important;
    line-height: calc(40 * var(--products-u)) !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    order: 2 !important;
  }

  html[data-mobile].products-page-html body.products-page .hero-desc__nowrap {
    display: inline !important;
    font-size: inherit !important;
  }

  html[data-mobile].products-page-html body.products-page .subnav {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    gap: calc(36 * var(--products-u)) !important;
    padding: 0 0 calc(8 * var(--products-u)) !important;
    overflow-x: auto !important;
  }

  html[data-mobile].products-page-html body.products-page .subnav .tab {
    flex: 0 0 auto !important;
    gap: calc(12 * var(--products-u)) !important;
    font-size: var(--fs-24) !important;
    line-height: calc(48 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero {
    padding-top: calc(160 * var(--products-u)) !important;
    padding-bottom: calc(180 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .group-title {
    margin-bottom: calc(130 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-desc {
    margin-bottom: calc(78 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-chip {
    position: relative !important;
    inset: auto !important;
    width: calc(916 * var(--products-u)) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    transform: none !important;
    order: 3 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-soc {
    padding-top: calc(120 * var(--products-u)) !important;
    padding-bottom: calc(156 * var(--products-u)) !important;
    background: #000 !important;
    color: #fff !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc-inner {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: calc(24 * var(--products-u)) !important;
    overflow: visible !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc :is(.chip-source-subnav, .soc-label, .soc-divider) {
    grid-column: 1 / -1 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: calc(28 * var(--products-u)) 0 calc(8 * var(--products-u)) !important;
    font-size: var(--fs-24) !important;
    line-height: calc(48 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip {
    position: relative !important;
    inset: auto !important;
    width: calc(288 * var(--products-u)) !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    opacity: 0.72 !important;
    transform: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-divider {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: calc(2 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip.is-detail-open .soc-chip-detail,
  html[data-mobile].products-page-html body.products-page > .soc-chip-detail.is-open {
    position: fixed !important;
    display: flex !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    z-index: 901 !important;
    width: calc(900 * var(--products-u)) !important;
    max-width: none !important;
    height: calc(1267 * var(--products-u)) !important;
    max-height: calc(1760 * var(--products-u)) !important;
    padding: calc(68 * var(--products-u)) calc(90 * var(--products-u)) !important;
    border: calc(2 * var(--products-u)) solid rgba(255, 255, 255, 0.4) !important;
    border-radius: calc(12 * var(--products-u)) !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow-y: auto !important;
    color: #fff !important;
    background: #010101 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    filter: none !important;
    text-shadow: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc.has-detail-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgba(0, 0, 0, 0.72);
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail__close {
    display: block;
    position: absolute;
    top: calc(28 * var(--products-u));
    right: calc(32 * var(--products-u));
    width: calc(64 * var(--products-u));
    height: calc(64 * var(--products-u));
    padding: 0;
    border: 0;
    color: #fff;
    background: transparent;
    font-size: var(--fs-56);
    line-height: 1;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail__image {
    display: block;
    width: calc(438 * var(--products-u));
    height: calc(438 * var(--products-u));
    flex: 0 0 auto;
    object-fit: contain;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail__title {
    margin: calc(20 * var(--products-u)) 0 calc(8 * var(--products-u)) !important;
    max-width: 100% !important;
    font-size: var(--fs-48) !important;
    line-height: calc(68 * var(--products-u)) !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail__subtitle {
    margin: 0 0 calc(42 * var(--products-u)) !important;
    font-size: var(--fs-24) !important;
    line-height: calc(40 * var(--products-u)) !important;
    white-space: normal !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail__specs {
    display: grid !important;
    width: calc(540 * var(--products-u)) !important;
    grid-template-columns: 1fr !important;
    gap: calc(29 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail__spec {
    padding: calc(6 * var(--products-u)) calc(22 * var(--products-u)) !important;
    font-size: var(--fs-30) !important;
    line-height: calc(48 * var(--products-u)) !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-sensor {
    padding-top: calc(140 * var(--products-u)) !important;
    padding-bottom: calc(150 * var(--products-u)) !important;
    background: #010101 !important;
    color: #fff !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .group-title {
    margin-bottom: calc(118 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-desc {
    margin-bottom: calc(84 * var(--products-u)) !important;
    color: rgba(255, 255, 255, 0.8) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-chip-glow {
    position: relative !important;
    inset: auto !important;
    width: calc(916 * var(--products-u)) !important;
    max-width: none !important;
    height: calc(687 * var(--products-u)) !important;
    margin: 0 auto calc(58 * var(--products-u)) !important;
    aspect-ratio: auto !important;
    order: 3 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-chip {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof {
    padding-top: calc(120 * var(--products-u)) !important;
    padding-bottom: calc(156 * var(--products-u)) !important;
    background-color: #010101 !important;
    color: #fff !important;
  }

  html[data-mobile].products-page-html body.products-page .s-tof-inner {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: calc(24 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-tof :is(.tof-source-subnav, .t5b-group) {
    grid-column: 1 / -1 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-tof .t5b-group {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: calc(48 * var(--products-u)) 0 calc(64 * var(--products-u)) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: calc(24 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: calc(280 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row .t5b-img,
  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row.active .t5b-img {
    width: 100% !important;
    height: calc(220 * var(--products-u)) !important;
    transform: none !important;
    object-fit: contain !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row .t5b-tag {
    position: relative !important;
    inset: auto !important;
    margin-top: calc(8 * var(--products-u)) !important;
    font-size: var(--fs-36) !important;
    line-height: calc(48 * var(--products-u)) !important;
    transform: none !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card {
    position: relative !important;
    inset: auto !important;
    grid-column: auto !important;
    width: calc(320 * var(--products-u)) !important;
    min-width: 0 !important;
    height: calc(168 * var(--products-u)) !important;
    min-height: 0 !important;
    padding: calc(18 * var(--products-u)) !important;
    border-radius: calc(8 * var(--products-u)) !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-num {
    font-size: var(--fs-36) !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-num .unit,
  html[data-mobile].products-page-html body.products-page .tof-card.k8 .card-text {
    font-size: var(--fs-24) !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-label {
    font-size: var(--fs-20) !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module {
    padding-top: calc(140 * var(--products-u)) !important;
    padding-bottom: calc(156 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .module-chip {
    position: relative !important;
    inset: auto !important;
    width: calc(916 * var(--products-u)) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto calc(50 * var(--products-u)) !important;
    transform: none !important;
    order: 3 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-rows {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    display: flex !important;
    gap: calc(36 * var(--products-u)) !important;
    order: 4 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-row .row-label {
    margin-bottom: calc(16 * var(--products-u)) !important;
    font-size: var(--fs-36) !important;
    line-height: calc(48 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-row .chips {
    gap: calc(12 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-row .chip-tag {
    flex: 1 1 calc(25% - calc(9 * var(--products-u))) !important;
    min-height: calc(90 * var(--products-u)) !important;
    height: calc(90 * var(--products-u)) !important;
    padding: calc(15 * var(--products-u)) !important;
    gap: calc(15 * var(--products-u)) !important;
    border: calc(0.75 * var(--products-u)) solid rgba(255,255,255,0.50) !important;
    border-radius: calc(6 * var(--products-u)) !important;
    font-size: var(--fs-24) !important;
    line-height: calc(32 * var(--products-u)) !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

/* Products H5 final owner — Figma 3213:3110, 1080 × 6172. */
@media (max-width: 67.5em) {
  html[data-mobile].products-page-html body.products-page {
    --products-u: calc(100vw / 1080);
    --products-header-h: calc(120 * var(--products-u));
    margin: 0 !important;
    min-height: calc(6172 * var(--products-u)) !important;
    background: #010101 !important;
    color: #fff !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html[data-mobile].products-page-html body.products-page #header,
  html[data-mobile].products-page-html body.products-page .header {
    height: var(--products-header-h) !important;
    padding-top: 0 !important;
    background: #010a16 !important;
  }

  html[data-mobile].products-page-html body.products-page .header-inner {
    height: var(--products-header-h) !important;
    padding: 0 calc(72 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .header .logo,
  html[data-mobile].products-page-html body.products-page .header .logo img {
    width: calc(191 * var(--products-u)) !important;
    max-width: none !important;
    height: calc(54 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .header-actions {
    gap: calc(36 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .search-btn,
  html[data-mobile].products-page-html body.products-page .m-hamburger {
    width: calc(36 * var(--products-u)) !important;
    height: calc(36 * var(--products-u)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .search-btn img,
  html[data-mobile].products-page-html body.products-page .search-icon {
    width: calc(36 * var(--products-u)) !important;
    height: calc(36 * var(--products-u)) !important;
    object-fit: contain !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: calc(6172 * var(--products-u)) !important;
    margin: calc(-1 * (var(--m-size-header-h) + var(--m-safe-top))) 0 0 !important;
    padding: var(--products-header-h) 0 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    background: #010101 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #010101 !important;
    scroll-snap-align: none !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-hero {
    height: calc(1213 * var(--products-u)) !important;
    min-height: calc(1213 * var(--products-u)) !important;
    max-height: calc(1213 * var(--products-u)) !important;
    padding: 0 !important;
    display: block !important;
    flex: none !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-soc {
    height: calc(835 * var(--products-u)) !important;
    min-height: calc(835 * var(--products-u)) !important;
    max-height: calc(835 * var(--products-u)) !important;
    padding: 0 !important;
    display: block !important;
    flex: none !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-sensor {
    height: calc(1129 * var(--products-u)) !important;
    min-height: calc(1129 * var(--products-u)) !important;
    max-height: calc(1129 * var(--products-u)) !important;
    padding: 0 !important;
    display: block !important;
    flex: none !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof {
    height: calc(1176 * var(--products-u)) !important;
    min-height: calc(1176 * var(--products-u)) !important;
    max-height: calc(1176 * var(--products-u)) !important;
    padding: 0 !important;
    display: block !important;
    flex: none !important;
    background: #010101 url('../images/products/figma/products-screen-4-tof-bg-20260703.jpg?v=20260703-1') center / cover no-repeat !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module {
    height: calc(1163 * var(--products-u)) !important;
    min-height: calc(1163 * var(--products-u)) !important;
    max-height: calc(1163 * var(--products-u)) !important;
    padding: 0 !important;
    display: block !important;
    flex: none !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-cta {
    height: calc(360 * var(--products-u)) !important;
    min-height: calc(360 * var(--products-u)) !important;
    max-height: calc(360 * var(--products-u)) !important;
    padding: 0 !important;
    display: block !important;
    flex: none !important;
  }

  html[data-mobile].products-page-html body.products-page :is(
    .s-hero-inner,
    .s-soc-inner,
    .s-sensor-inner,
    .s-tof-inner,
    .s-module-inner,
    .s-cta-inner
  ) {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title {
    position: absolute !important;
    left: calc(72 * var(--products-u)) !important;
    top: 0 !important;
    display: block !important;
    width: calc(936 * var(--products-u)) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title :is(.gt-cn, .gt-en, .gt-divider, .gt-sub) {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title .gt-cn {
    left: calc(6 * var(--products-u)) !important;
    top: 0 !important;
    width: max-content !important;
    font-size: var(--fs-63) !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title .gt-en {
    left: 0 !important;
    top: calc(76 * var(--products-u)) !important;
    width: max-content !important;
    font-size: var(--fs-18) !important;
    line-height: calc(48 * var(--products-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title .gt-divider {
    left: calc(189 * var(--products-u)) !important;
    top: calc(22.5 * var(--products-u)) !important;
    width: calc(3 * var(--products-u)) !important;
    height: calc(90 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .group-title .gt-sub {
    left: calc(234 * var(--products-u)) !important;
    top: calc(9 * var(--products-u)) !important;
    width: calc(324 * var(--products-u)) !important;
    font-size: var(--fs-36) !important;
    line-height: calc(54 * var(--products-u)) !important;
    font-weight: 400 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-desc,
  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-desc,
  html[data-mobile].products-page-html body.products-page .s-module .module-desc {
    position: absolute !important;
    left: calc(72 * var(--products-u)) !important;
    width: calc(936 * var(--products-u)) !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--fs-24) !important;
    line-height: calc(34 * var(--products-u)) !important;
    font-weight: 400 !important;
    white-space: normal !important;
    color: rgba(255, 255, 255, 0.8) !important;
  }

  html[data-mobile].products-page-html body.products-page .hero-desc__nowrap {
    display: inline !important;
    white-space: normal !important;
  }

  html[data-mobile].products-page-html body.products-page .subnav {
    position: absolute !important;
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    height: calc(48 * var(--products-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: calc(36 * var(--products-u)) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html[data-mobile].products-page-html body.products-page .subnav::-webkit-scrollbar {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .subnav .tab {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: calc(12 * var(--products-u)) !important;
    font-size: var(--fs-24) !important;
    line-height: calc(48 * var(--products-u)) !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .subnav .tab .dot {
    width: calc(12 * var(--products-u)) !important;
    height: calc(12 * var(--products-u)) !important;
    flex-basis: calc(12 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .group-title {
    top: calc(111 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-desc {
    top: calc(271.5 * var(--products-u)) !important;
    width: calc(576 * var(--products-u)) !important;
    height: calc(68 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-chip {
    position: absolute !important;
    left: 0 !important;
    top: calc(457 * var(--products-u)) !important;
    width: 100% !important;
    max-width: none !important;
    height: calc(756 * var(--products-u)) !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-hero .hero-source-subnav {
    left: calc(72 * var(--products-u)) !important;
    top: calc(1277 * var(--products-u)) !important;
    width: calc(1274 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip-source-subnav {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label {
    position: absolute !important;
    left: calc(85 * var(--products-u)) !important;
    width: max-content !important;
    margin: 0 !important;
    font-size: var(--fs-24) !important;
    line-height: calc(34 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label.l1 {
    top: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label.l2 {
    top: calc(421 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll {
    position: absolute !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(201 * var(--products-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll--algorithm {
    top: calc(54 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll--open {
    top: calc(475 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll::-webkit-scrollbar {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip {
    position: absolute !important;
    width: calc(201 * var(--products-u)) !important;
    max-width: none !important;
    height: calc(201 * var(--products-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
    border-radius: calc(8 * var(--products-u)) !important;
    overflow: hidden !important;
    background: #080b10 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll .chip.c1 { left: calc(85 * var(--products-u)) !important; top: 0 !important; }
  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll .chip.c2 { left: calc(323 * var(--products-u)) !important; top: 0 !important; }
  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll .chip.c3 { left: calc(561 * var(--products-u)) !important; top: 0 !important; }
  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll .chip.c4 { left: calc(799 * var(--products-u)) !important; top: 0 !important; }
  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll .chip.c5 { left: calc(1037 * var(--products-u)) !important; top: 0 !important; }
  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll .chip.c6 { left: calc(1275 * var(--products-u)) !important; top: 0 !important; }
  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll .chip.c7 { left: calc(85 * var(--products-u)) !important; top: 0 !important; }
  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll .chip.c8 { left: calc(323 * var(--products-u)) !important; top: 0 !important; }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-divider {
    position: absolute !important;
    left: 0 !important;
    top: calc(362 * var(--products-u)) !important;
    width: calc(1920 * var(--products-u)) !important;
    height: calc(2 * var(--products-u)) !important;
    margin: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip.is-detail-open .soc-chip-detail,
  html[data-mobile].products-page-html body.products-page > .soc-chip-detail.is-open {
    position: fixed !important;
    display: flex !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 901 !important;
    width: calc(900 * var(--products-u)) !important;
    max-width: none !important;
    height: min(calc(1267 * var(--products-u)), 88vh) !important;
    padding: calc(68 * var(--products-u)) calc(90 * var(--products-u)) !important;
    border: calc(2 * var(--products-u)) solid rgba(255, 255, 255, 0.4) !important;
    border-radius: calc(12 * var(--products-u)) !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow-y: auto !important;
    background: #010101 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc.has-detail-open::before {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 900 !important;
    background: rgba(0, 0, 0, 0.72) !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail__close {
    display: block !important;
    position: absolute !important;
    top: calc(28 * var(--products-u)) !important;
    right: calc(32 * var(--products-u)) !important;
    width: calc(64 * var(--products-u)) !important;
    height: calc(64 * var(--products-u)) !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-size: var(--fs-56) !important;
    line-height: 1 !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail__image {
    display: block !important;
    width: calc(438 * var(--products-u)) !important;
    height: calc(438 * var(--products-u)) !important;
    object-fit: contain !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail__title {
    margin: calc(20 * var(--products-u)) 0 calc(8 * var(--products-u)) !important;
    font-size: var(--fs-48) !important;
    line-height: calc(68 * var(--products-u)) !important;
    white-space: normal !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail__subtitle {
    margin: 0 0 calc(42 * var(--products-u)) !important;
    font-size: var(--fs-24) !important;
    line-height: calc(40 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail__specs {
    display: grid !important;
    width: calc(540 * var(--products-u)) !important;
    grid-template-columns: 1fr !important;
    gap: calc(29 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-detail__spec {
    padding: calc(6 * var(--products-u)) calc(22 * var(--products-u)) !important;
    font-size: var(--fs-30) !important;
    line-height: calc(48 * var(--products-u)) !important;
    white-space: normal !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .group-title {
    top: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .group-title .gt-divider,
  html[data-mobile].products-page-html body.products-page .s-module .group-title .gt-divider {
    left: calc(199 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .group-title .gt-sub,
  html[data-mobile].products-page-html body.products-page .s-module .group-title .gt-sub {
    left: calc(244 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-desc {
    top: calc(160.5 * var(--products-u)) !important;
    width: calc(792 * var(--products-u)) !important;
    height: calc(102 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-desc p {
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-chip-glow {
    position: absolute !important;
    left: calc(82 * var(--products-u)) !important;
    top: calc(380 * var(--products-u)) !important;
    width: calc(916 * var(--products-u)) !important;
    height: calc(687 * var(--products-u)) !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-chip {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-sensor .sensor-source-subnav {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-tof .tof-source-subnav {
    left: calc(72 * var(--products-u)) !important;
    top: calc(57 * var(--products-u)) !important;
    width: calc(936 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-tof .t5b-group {
    position: absolute !important;
    left: calc(36 * var(--products-u)) !important;
    top: calc(177 * var(--products-u)) !important;
    display: grid !important;
    grid-template-columns: repeat(3, calc(320 * var(--products-u))) !important;
    gap: calc(24 * var(--products-u)) !important;
    width: calc(1008 * var(--products-u)) !important;
    height: calc(274 * var(--products-u)) !important;
    margin: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: calc(320 * var(--products-u)) !important;
    height: calc(274 * var(--products-u)) !important;
    min-height: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row .t5b-img,
  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row.active .t5b-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-row:not(.active) .t5b-img {
    height: calc(156 * var(--products-u)) !important;
    top: calc(88 * var(--products-u)) !important;
    opacity: 0.2 !important;
  }

  html[data-mobile].products-page-html body.products-page .t5b-group .t5b-tag {
    position: absolute !important;
    left: 50% !important;
    top: calc(219 * var(--products-u)) !important;
    width: max-content !important;
    margin: 0 !important;
    font-size: var(--fs-36) !important;
    line-height: calc(50 * var(--products-u)) !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card {
    position: absolute !important;
    display: flex !important;
    flex-direction: column !important;
    width: calc(320 * var(--products-u)) !important;
    min-width: 0 !important;
    height: calc(168 * var(--products-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: calc(15 * var(--products-u)) !important;
    border-radius: calc(8 * var(--products-u)) !important;
    overflow: hidden !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card.k1 { left: calc(36 * var(--products-u)) !important; top: calc(517 / 1080 * 100vw) !important; }
  html[data-mobile].products-page-html body.products-page .tof-card.k2 { left: calc(380 * var(--products-u)) !important; top: calc(517 / 1080 * 100vw) !important; }
  html[data-mobile].products-page-html body.products-page .tof-card.k3 { left: calc(724 * var(--products-u)) !important; top: calc(517 / 1080 * 100vw) !important; }
  html[data-mobile].products-page-html body.products-page .tof-card.k4 { left: calc(36 * var(--products-u)) !important; top: calc(710 * var(--products-u)) !important; }
  html[data-mobile].products-page-html body.products-page .tof-card.k5 { left: calc(380 * var(--products-u)) !important; top: calc(710 * var(--products-u)) !important; }
  html[data-mobile].products-page-html body.products-page .tof-card.k6 { left: calc(724 * var(--products-u)) !important; top: calc(710 * var(--products-u)) !important; }

  html[data-mobile].products-page-html body.products-page .tof-card.k7,
  html[data-mobile].products-page-html body.products-page .tof-card.k8 {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-img-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-num {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: max-content !important;
    font-size: var(--fs-36) !important;
    line-height: 1 !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card.title-card .card-num {
    top: auto !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-num.pos-top {
    top: auto !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-num .unit {
    font-size: var(--fs-24) !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-label {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: max-content !important;
    font-size: var(--fs-20) !important;
    line-height: 1 !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-card .card-label.pos-bottom {
    top: auto !important;
  }

  html[data-mobile].products-page-html body.products-page .tof-bottom-visual,
  html[data-mobile].products-page-html body.products-page .s-tof.has-bottom-visual .tof-bottom-visual {
    position: absolute !important;
    display: block !important;
    left: calc(36 * var(--products-u)) !important;
    top: calc(902 * var(--products-u)) !important;
    width: calc(1008 * var(--products-u)) !important;
    height: calc(168 * var(--products-u)) !important;
    object-fit: cover !important;
    opacity: 1 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .module-chip {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: calc(720 * var(--products-u)) !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    z-index: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .fade-right {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: calc(720 * var(--products-u)) !important;
    background: linear-gradient(90deg, rgba(1, 1, 1, 0.1), rgba(1, 1, 1, 0)) !important;
    z-index: 1 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .group-title {
    top: 0 !important;
    left: calc(72 * var(--products-u)) !important;
    z-index: 2 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .module-desc {
    top: calc(160.5 * var(--products-u)) !important;
    width: calc(420 * var(--products-u)) !important;
    height: calc(34 * var(--products-u)) !important;
    z-index: 2 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-rows {
    position: absolute !important;
    left: calc(42 * var(--products-u)) !important;
    top: calc(418 * var(--products-u)) !important;
    display: flex !important;
    flex-direction: column !important;
    width: calc(996 * var(--products-u)) !important;
    height: calc(603 * var(--products-u)) !important;
    margin: 0 !important;
    gap: calc(54 * var(--products-u)) !important;
    z-index: 3 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-row {
    flex: 0 0 calc(165 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-row .row-label {
    height: calc(50 * var(--products-u)) !important;
    margin: 0 0 calc(25 * var(--products-u)) !important;
    font-size: var(--fs-36) !important;
    line-height: calc(50 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-row .chips {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: calc(12 * var(--products-u)) !important;
    width: 100% !important;
    height: calc(90 * var(--products-u)) !important;
    overflow: visible !important;
  }

  html[data-mobile].products-page-html body.products-page .s-module .mod-row .chip-tag {
    flex: 0 0 calc(240 * var(--products-u)) !important;
    width: calc(240 * var(--products-u)) !important;
    min-height: 0 !important;
    height: calc(90 * var(--products-u)) !important;
    padding: calc(15 * var(--products-u)) !important;
    gap: calc(15 * var(--products-u)) !important;
    border: calc(0.75 * var(--products-u)) solid rgba(255, 255, 255, 0.5) !important;
    border-radius: calc(6 * var(--products-u)) !important;
    box-sizing: border-box !important;
    font-size: var(--fs-24) !important;
    line-height: calc(30 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .site-footer-shell,
  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-band,
  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-wrap,
  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-card,
  html[data-mobile].products-page-html body.products-page .s-cta .mod-cta-bg {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: calc(360 * var(--products-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-card {
    z-index: 2 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .mod-cta-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta :is(.ct-foot__cta-bg, .ct-foot__cta-bg-mobile) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .mod-cta-text {
    position: absolute !important;
    left: calc(72 * var(--products-u)) !important;
    top: calc(60 * var(--products-u)) !important;
    width: calc(373 * var(--products-u)) !important;
    height: calc(247 * var(--products-u)) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-title {
    margin: 0 !important;
    font-size: var(--fs-36) !important;
    line-height: calc(50 * var(--products-u)) !important;
    font-weight: 400 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-sub {
    margin-top: calc(24 * var(--products-u)) !important;
    font-size: var(--fs-27) !important;
    line-height: calc(38 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-title p,
  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-sub p {
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .s-cta .ct-foot__cta-arrow {
    left: 0 !important;
    top: calc(224 * var(--products-u)) !important;
    width: calc(16.2 * var(--products-u)) !important;
    height: calc(23.1 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec .group-title {
    display: grid !important;
    grid-template-columns: max-content calc(3 * var(--products-u)) minmax(0, 1fr) !important;
    grid-template-rows: calc(88 * var(--products-u)) calc(37 * var(--products-u)) !important;
    grid-template-areas: "cn divider sub" "en divider sub" !important;
    column-gap: calc(36 * var(--products-u)) !important;
    align-items: start !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec .group-title :is(.gt-cn, .gt-en, .gt-divider, .gt-sub) {
    position: relative !important;
    inset: auto !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec .group-title .gt-cn {
    grid-area: cn !important;
    margin-left: calc(6 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec .group-title .gt-en {
    grid-area: en !important;
    top: calc(-12 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec .group-title .gt-divider {
    grid-area: divider !important;
    left: auto !important;
    top: auto !important;
    margin-top: calc(22.5 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec .group-title .gt-sub {
    grid-area: sub !important;
    left: auto !important;
    top: auto !important;
    margin-top: calc(9 * var(--products-u)) !important;
    margin-left: calc(6 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-hero .hero-desc {
    position: absolute !important;
    left: calc(72 * var(--products-u)) !important;
    top: calc(271.5 * var(--products-u)) !important;
    width: calc(792 * var(--products-u)) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-sensor .sensor-desc {
    position: absolute !important;
    left: calc(72 * var(--products-u)) !important;
    top: calc(160.5 * var(--products-u)) !important;
    width: calc(792 * var(--products-u)) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-sensor .sensor-desc p {
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .module-desc {
    position: absolute !important;
    left: calc(72 * var(--products-u)) !important;
    top: calc(160.5 * var(--products-u)) !important;
    width: calc(936 * var(--products-u)) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-soc .chip > img {
    border-radius: calc(8 * var(--products-u)) !important;
    filter: brightness(.34) contrast(1.08) saturate(.72) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof .t5b-group {
    left: calc(36 * var(--products-u)) !important;
    top: calc(177 * var(--products-u)) !important;
    width: calc(1008 * var(--products-u)) !important;
    height: calc(274 * var(--products-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, calc(320 * var(--products-u))) !important;
    gap: calc(24 * var(--products-u)) !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof .t5b-group .t5b-row {
    position: relative !important;
    inset: auto !important;
    width: calc(320 * var(--products-u)) !important;
    height: calc(274 * var(--products-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof .t5b-group .t5b-row.active .t5b-img {
    height: calc(219 / 1080 * 100vw) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof .tof-source-subnav .tab {
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-tof .t5b-group .t5b-row .t5b-tag {
    position: absolute !important;
    left: 50% !important;
    top: calc(219 / 1080 * 100vw) !important;
    bottom: auto !important;
    z-index: 2 !important;
    transform: translateX(-50%) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .mod-rows {
    position: absolute !important;
    left: calc(42 * var(--products-u)) !important;
    top: calc(418 * var(--products-u)) !important;
    width: calc(996 * var(--products-u)) !important;
    height: calc(603 * var(--products-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .mod-row {
    position: absolute !important;
    left: 0 !important;
    width: calc(996 * var(--products-u)) !important;
    height: calc(165 * var(--products-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .mod-row:nth-child(1) { top: 0 !important; }
  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .mod-row:nth-child(2) { top: calc(219 * var(--products-u)) !important; }
  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .mod-row:nth-child(3) { top: calc(438 * var(--products-u)) !important; }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .mod-row .row-label {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: max-content !important;
    height: calc(50 * var(--products-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .mod-row .chips {
    position: absolute !important;
    left: 0 !important;
    top: calc(75 * var(--products-u)) !important;
    width: calc(996 * var(--products-u)) !important;
    height: calc(90 * var(--products-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: calc(12 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-module .mod-row .chip-tag {
    display: flex !important;
    flex: 0 0 calc(240 / 1080 * 100vw) !important;
    width: calc(240 / 1080 * 100vw) !important;
    height: calc(90 / 1080 * 100vw) !important;
    margin: 0 !important;
    padding: calc(15 / 1080 * 100vw) calc(12 / 1080 * 100vw) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: calc(15 / 1080 * 100vw) !important;
    border: 0 !important;
    border-radius: calc(6 / 1080 * 100vw) !important;
    box-shadow: inset 0 0 0 calc(0.75 / 1080 * 100vw) rgba(255, 255, 255, 0.5) !important;
    box-sizing: border-box !important;
  }
}

/* Final H5 SoC flow and centered detail dialog. */
@media (max-width: 67.5em) {
  html[data-mobile].products-page-html body.products-page .prod-canvas > .sec.s-soc {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 0 calc(159 * var(--products-u)) !important;
    overflow: visible !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background: #000 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label {
    position: relative !important;
    inset: auto !important;
    flex: none !important;
    width: max-content !important;
    height: calc(34 * var(--products-u)) !important;
    margin: 0 0 0 calc(85 * var(--products-u)) !important;
    line-height: calc(34 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll {
    position: relative !important;
    inset: auto !important;
    flex: none !important;
    background: #000 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label.l1 {
    order: 1 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll--algorithm {
    order: 2 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-divider {
    order: 3 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label.l2 {
    order: 4 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll--open {
    order: 5 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll--algorithm,
  html[data-mobile].products-page-html body.products-page .s-soc .soc-chip-scroll--open {
    top: auto !important;
    margin-top: calc(20 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-divider {
    position: relative !important;
    inset: auto !important;
    flex: none !important;
    width: 100vw !important;
    margin: calc(107 * var(--products-u)) 0 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .soc-label.l2 {
    top: auto !important;
    margin-top: calc(57 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .s-soc .chip.is-detail-open .soc-chip-detail,
  html[data-mobile].products-page-html body.products-page > .soc-chip-detail.is-open {
    width: calc(900 / 1080 * 100vw) !important;
    height: auto !important;
    max-height: none !important;
    padding: calc(96 / 1080 * 100vw) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    align-items: center !important;
    text-align: center !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail__image,
  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__title,
  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__subtitle,
  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__specs {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__title,
  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__subtitle {
    width: 100% !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__title {
    margin: calc(72 / 1080 * 100vw) 0 !important;
    font-size: var(--fs-48) !important;
    line-height: 1.2 !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__subtitle,
  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__spec {
    color: #fff !important;
    text-align: center !important;
    font-family: "PingFang SC", sans-serif !important;
    font-size: var(--fs-36) !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__subtitle {
    margin-bottom: calc(64 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__subtitle {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__specs {
    display: grid !important;
    width: calc(600 * var(--products-u)) !important;
    grid-template-columns: 1fr !important;
    gap: calc(38.4 * var(--products-u)) !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__spec {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: calc(48 * var(--products-u)) !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__spec::before,
  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__spec::after {
    display: none !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__spec-line {
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: calc(2 * var(--products-u)) !important;
    height: calc(40 * var(--products-u)) !important;
    opacity: 0.2 !important;
    background: #fff !important;
    transform: translateY(-50%) !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__spec-line.is-left {
    left: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__spec-line.is-right {
    right: 0 !important;
  }

  html[data-mobile].products-page-html body.products-page .soc-chip-detail.is-open .soc-chip-detail__spec-text {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}