/* Responsive adaptations for the shared shell and native pages.
   Keep editable content and the original desktop layout; never hide page overflow. */
/* Keep sticky navigation in its original footprint. Animating its minimum
   height during scrolling repeatedly relayouts and repaints the long catalogue. */
#powerld-site-header .site-header__inner,
#powerld-site-header .site-header.is-stuck .site-header__inner { min-height: 100px; transition: none; }
/* Retain the legacy hover colour, but apply it immediately rather than
   repainting table rows on every frame of a background-colour transition. */
.product_center_r .product_r_list tr { transition: none; }
#powerld-site-header .site-nav__list > li > a { white-space: nowrap; scroll-margin-inline: 24px; }
html:lang(en) #powerld-site-header .site-nav { margin-left: 24px; }
html:lang(en) #powerld-site-header .site-nav__list > li > a {
  font-size: 16px;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}
html:lang(en) #powerld-site-header .site-header__phone { font-size: 16px; }
html:lang(en) #powerld-site-header .site-header__utils { gap: 16px; }

/* The original wide series table must scroll inside its own content column. */
.product_center_r { min-width: 0; }
.product_center_r .table-container { max-width: 100%; overflow-x: auto; }

@media (min-width: 768px) and (max-width: 1399.98px) {
  .powerld-reference-home .hp-banner__inner { padding-left: 80px; padding-right: 80px; }
  /* The old honours controls sit outside the content width on desktop. */
  .pape_body .recommend .swiper-button-next { right: 0; }
  .pape_body .recommend .swiper-button-prev { left: 0; }
}

/* Below the desktop breakpoint keep the existing main links, not a new menu.
   Dropdowns remain desktop-only: the top-level links open the same landing pages. */
@media (max-width: 991.98px) {
  /* Overlap slides in one grid cell so the tallest editable slide sets the
     stage height. Hidden slides still size the grid, without receiving clicks. */
  .powerld-reference-home .hp-banner__stage { display: grid; height: auto; min-height: 520px; }
  .powerld-reference-home .hp-banner__slide { position: relative; inset: auto; grid-area: 1 / 1; min-width: 0; }
  .powerld-reference-home .hp-banner__slide .ph { position: absolute; inset: 0; }
  .powerld-reference-home .hp-banner__overlay { position: relative; min-height: 520px; height: 100%; padding-top: 32px; box-sizing: border-box; }
  #powerld-site-header .site-header__inner { flex-wrap: wrap; padding-top: 12px; padding-bottom: 0; }
  #powerld-site-header .site-nav {
    display: flex;
    order: 3;
    width: 100%;
    min-width: 0;
    margin: 8px 0 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  #powerld-site-header .site-nav__list { flex-shrink: 0; gap: 8px; }
  #powerld-site-header .site-nav__list > li > a { padding: 12px; font-size: 15px; }
  #powerld-site-header .site-nav__menu { display: none; }
}
@media (max-width: 1279.98px) {
  html:lang(en) #powerld-site-header .site-header__inner { flex-wrap: wrap; padding-top: 12px; padding-bottom: 0; }
  html:lang(en) #powerld-site-header .site-nav {
    display: flex;
    order: 3;
    width: 100%;
    min-width: 0;
    margin: 8px 0 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  html:lang(en) #powerld-site-header .site-nav__list { flex-shrink: 0; gap: 8px; }
  html:lang(en) #powerld-site-header .site-nav__list > li > a { padding: 12px; font-size: 15px; }
  html:lang(en) #powerld-site-header .site-nav__menu { display: none; }
}

/* Rich text copied from Chinese can contain inline SimSun and 14px spans.
   Override presentation only inside the English company introduction. */
html:lang(en) .about_r_d,
html:lang(en) .about_r_d * {
  font-family: Arial, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  letter-spacing: normal !important;
  text-align: left !important;
}
html:lang(en) .about_r_d { overflow-wrap: break-word; }

@media (max-width: 767.98px) {
  /* On phones expose all six landing links at once. A horizontal strip can
     leave a keyboard-focused link only partially visible in some browsers. */
  #powerld-site-header .site-nav__list,
  html:lang(en) #powerld-site-header .site-nav__list { flex-wrap: wrap; flex-shrink: 1; width: 100%; min-width: 0; }
  html:lang(en) .pape_nav { height: auto; line-height: 1.5; }
  html:lang(en) .pape_nav ul { display: flex; overflow-x: auto; }
  html:lang(en) .pape_nav li { display: block; flex: 1 0 auto; }
  html:lang(en) .pape_nav a { padding: 16px; font-size: 16px; white-space: nowrap; box-sizing: border-box; }
  html:lang(en) #powerld-site-footer .site-footer__grid > :last-child { grid-column: 1 / -1; }
}