/* =========================================================
   MOBILE REBUILD - BASE LAYER
   Phase 1: index.html only
   ========================================================= */
@media (max-width: 768px) {
  body[data-page="home"] {
    background: #f5f7fa;
    overflow-x: hidden;
    padding-bottom: 70px;
  }

  body[data-page="home"] *,
  body[data-page="home"] *::before,
  body[data-page="home"] *::after {
    box-sizing: border-box;
  }

  body[data-page="home"] .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  body[data-page="home"] .home-section {
    padding: 24px 0;
  }

  body[data-page="home"] img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* Header */
  body[data-page="home"] .site-header {
    position: sticky;
    top: 0;
    z-index: 120;
    background: #fff;
    box-shadow: 0 1px 0 rgba(14, 39, 88, 0.08);
  }

  body[data-page="home"] .site-header .topbar {
    display: none !important;
  }

  body[data-page="home"] .site-header .navbar {
    min-height: 64px !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body[data-page="home"] .site-header .navbar__inner {
    min-height: 64px !important;
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  body[data-page="home"] .site-header .brand {
    min-width: 0;
    gap: 7px;
  }

  body[data-page="home"] .site-header .brand__mark {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }

  body[data-page="home"] .site-header .brand__text strong {
    font-size: 14px;
    line-height: 1.1;
  }

  body[data-page="home"] .site-header .brand__text small {
    margin-top: 2px;
    font-size: 8.5px;
    line-height: 1.05;
    letter-spacing: 0.08em;
  }

  body[data-page="home"] .site-header .topbar__links,
  body[data-page="home"] .site-header .header-actions {
    display: none !important;
  }

  body[data-page="home"] .site-header .nav-toggle {
    display: inline-grid;
    width: 40px;
    height: 40px;
    margin-left: auto;
    padding: 8px;
    border: 0;
    background: transparent;
  }

  body[data-page="home"] .site-header .nav-toggle span {
    width: 24px;
    height: 2px;
    margin: 3px 0;
    border-radius: 999px;
    background: var(--color-navy-900);
    transition: transform var(--transition), opacity var(--transition);
  }

  body.nav-open[data-page="home"] .site-header .nav-toggle span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  body.nav-open[data-page="home"] .site-header .nav-toggle span:nth-child(2) {
    opacity: 0;
  }

  body.nav-open[data-page="home"] .site-header .nav-toggle span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  body[data-page="home"] .site-header .main-nav {
    display: flex !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(82vw, 330px);
    height: 100dvh;
    padding: 104px 20px 28px;
    overflow-y: auto;
    border-left: 1px solid rgba(14, 39, 88, 0.08);
    background: #fff;
    box-shadow: -18px 0 40px rgba(0, 20, 52, 0.18);
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
    transition: transform 220ms ease, opacity 180ms ease, visibility 180ms ease;
    visibility: hidden;
    z-index: 115;
  }

  body.nav-open[data-page="home"] {
    overflow: hidden;
  }

  body.nav-open[data-page="home"] .site-header .main-nav {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    visibility: visible;
  }

  body[data-page="home"] .site-header .main-nav a {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 8px;
    border-bottom: 1px solid rgba(14, 39, 88, 0.08);
    color: #0b2348;
    font-size: 16px;
  }

  body[data-page="home"] .site-header .main-nav a::after {
    display: none;
  }

  /* Banner */
  body[data-page="home"] .home-hero {
    width: 100%;
    height: 300px;
    min-height: 300px;
    max-height: 320px;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    background: #0b2348;
    box-shadow: none;
  }

  body[data-page="home"] .home-hero__slide {
    background-image:
      linear-gradient(90deg, rgba(4, 22, 58, 0.96) 0%, rgba(4, 32, 82, 0.86) 42%, rgba(4, 32, 82, 0.26) 100%),
      var(--home-hero-image);
    background-position: left center, center right;
    background-size: 100% 100%, cover;
  }

  body[data-page="home"] .home-hero__slide.is-active {
    background-image:
      linear-gradient(90deg, rgba(4, 22, 58, 0.96) 0%, rgba(4, 32, 82, 0.86) 42%, rgba(4, 32, 82, 0.26) 100%),
      url("../images/common/common-industrial-sparks-01.jpg") !important;
    background-position: left center, center right !important;
    background-size: 100% 100%, cover !important;
  }

  body[data-page="home"] .home-hero__inner {
    height: 100%;
    min-height: 300px;
    padding: 0 16px 46px;
  }

  body[data-page="home"] .home-hero__content {
    max-width: 82%;
    padding-top: 30px;
  }

  body[data-page="home"] .home-desktop-only,
  body[data-page="home"] .home-hero__features {
    display: none !important;
  }

  body[data-page="home"] .home-mobile-only.home-mobile-hero-title {
    display: block !important;
    width: 100%;
    max-width: 240px;
    margin: 0 !important;
    color: #fff;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: 0;
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: balance;
  }

  body[data-page="home"] .home-mobile-only.home-mobile-hero-title br {
    display: inline !important;
  }

  body[data-page="home"] .home-mobile-only.home-mobile-hero-subtitle {
    display: block !important;
    width: 100%;
    max-width: 300px;
    margin: 12px 0 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }

  body[data-page="home"] .home-hero-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 8px;
    align-items: start !important;
    justify-items: stretch !important;
    text-align: center !important;
    width: 100%;
    margin-top: 22px;
    border: none !important;
  }

  body[data-page="home"] .home-hero-kpi {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0;
    color: #fff;
    text-align: center !important;
    padding: 0 4px !important;
    border: none !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="home"] .home-hero-kpi::before,
  body[data-page="home"] .home-hero-kpi::after,
  body[data-page="home"] .home-hero-kpi strong::before,
  body[data-page="home"] .home-hero-kpi i,
  body[data-page="home"] .home-hero-kpi svg,
  body[data-page="home"] .home-hero-kpi .icon,
  body[data-page="home"] .home-hero-kpi .kpi-icon {
    display: none !important;
    content: none !important;
  }

  body[data-page="home"] .home-hero-kpi:not(:last-child)::after {
    content: "";
    display: block !important;
    position: absolute;
    right: -4px;
    top: 6px;
    width: 1px;
    height: 34px;
    background: rgba(255, 255, 255, 0.28);
  }

  body[data-page="home"] .home-hero-kpi strong {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0 0 4px;
  }

  body[data-page="home"] .home-hero-kpi small {
    display: block;
    width: 100%;
    font-size: 11px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.78);
    text-align: center;
    margin: 0;
  }

  body[data-page="home"] .home-hero__controls {
    inset: auto 0 10px;
  }

  body[data-page="home"] .home-hero__dots {
    gap: 8px;
  }

  body[data-page="home"] .home-hero__arrow {
    display: none !important;
  }

  /* Promo card */
  body[data-page="home"] .home-mobile-cta {
    display: block !important;
    position: relative;
    z-index: 3;
    margin-top: -34px;
    padding: 0 0 24px;
  }

  body[data-page="home"] .home-mobile-cta .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  body[data-page="home"] .home-mobile-cta__card {
    display: block !important;
    text-align: left !important;
    width: 100%;
    height: auto !important;
    min-height: auto !important;
    background: linear-gradient(90deg, #ffffff 0%, #eef7ff 100%);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(11, 35, 72, 0.12);
    padding: 16px;
    overflow: hidden;
  }

  body[data-page="home"] .home-mobile-cta__body {
    display: grid !important;
    justify-items: start !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  body[data-page="home"] .home-mobile-cta__title {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
    color: #0b2348;
  }

  body[data-page="home"] .home-mobile-cta__desc {
    font-size: 12px;
    line-height: 1.4;
    color: #64748b;
  }

  body[data-page="home"] .home-mobile-cta__btn {
    min-height: 36px;
    padding: 0 16px;
    border-radius: 10px;
    background: #f97316;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border: 0;
  }

  body[data-page="home"] .home-mobile-cta__media {
    display: none !important;
  }

  body[data-page="home"] .home-mobile-cta__media img {
    display: none !important;
  }

  /* Hot products */
  body[data-page="home"] .home-products .home-section-title p,
  body[data-page="home"] .home-products .home-outline-btn .home-mobile-only,
  body[data-page="home"] .home-product-card p,
  body[data-page="home"] .home-product-card .home-outline-btn {
    display: none !important;
  }

  body[data-page="home"] .home-products .home-section-title {
    margin-bottom: 14px;
  }

  body[data-page="home"] .home-products {
    padding-bottom: 0 !important;
  }

  body[data-page="home"] .home-product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
  }

  body[data-page="home"] .home-products .home-product-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 12px 12px !important;
    border-radius: 16px;
    overflow: hidden;
  }

  body[data-page="home"] .home-products .home-product-card img {
    width: 100%;
    height: 135px;
    border-radius: 12px;
    object-fit: cover;
    object-position: center center;
  }

  body[data-page="home"] .home-products .home-product-card h3 {
    margin: 6px 0 0 !important;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    color: #0b2348;
    text-align: center;
    text-shadow: none !important;
  }

  /* KPI strip */
  body[data-page="home"] .home-mobile-kpi {
    margin: 20px 0 16px;
  }

  body[data-page="home"] .home-mobile-kpi .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  body[data-page="home"] .home-mobile-kpi__strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    min-height: 74px;
    padding: 10px 12px;
    border-radius: 16px;
    background: #0a6cff;
    gap: 0;
  }

  body[data-page="home"] .home-mobile-kpi__item {
    min-width: 0;
    text-align: center;
    color: #fff;
  }

  body[data-page="home"] .home-mobile-kpi__item strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
  }

  body[data-page="home"] .home-mobile-kpi__item small {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.86);
  }

  /* Solutions */
  body[data-page="home"] .home-solutions .home-section-title {
    margin-bottom: 8px;
  }

  body[data-page="home"] .home-solutions {
    padding-top: 12px;
  }

  body[data-page="home"] .home-solutions .home-solution-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 0;
  }

  body[data-page="home"] .home-solutions .home-solution-grid > a,
  body[data-page="home"] .home-solutions .home-solution-card {
    display: block;
    min-width: 0;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 12px !important;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.08);
    overflow: visible !important;
    text-align: center;
  }

  body[data-page="home"] .home-solutions .home-solution-grid > a img,
  body[data-page="home"] .home-solutions .home-solution-card img {
    display: block !important;
    width: 100%;
    height: 120px !important;
    flex: 0 0 auto;
    border-radius: 12px;
    object-fit: cover;
    object-position: center center;
  }

  body[data-page="home"] .home-solutions .home-solution-grid > a span,
  body[data-page="home"] .home-solutions .home-solution-card h3,
  body[data-page="home"] .home-solutions .home-solution-card span {
    display: block;
    position: static !important;
    width: 100%;
    margin-top: 10px;
    padding: 0 6px;
    color: #0b2348;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    text-align: center;
    text-shadow: none !important;
  }

  body[data-page="home"] .home-solutions .home-solution-card::after,
  body[data-page="home"] .home-solutions .home-solution-card span::before,
  body[data-page="home"] .home-solutions .home-solution-card span::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="home"] .home-solutions .home-solution-list {
    display: none !important;
  }

  body[data-page="home"] .home-solutions .home-solution-list.home-mobile-only[style*="display:none"],
  body[data-page="home"] .home-solutions .home-news-list.home-solution-list.home-mobile-only[style*="display:none"] {
    display: none !important;
  }

  body[data-page="home"] .home-solutions .home-solution-list article {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 170px !important;
    padding: 12px 12px 12px !important;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.08);
    overflow: hidden;
  }

  body[data-page="home"] .home-solutions .home-solution-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 8px;
    color: #0a6cff;
  }

  body[data-page="home"] .home-solutions .home-solution-list > article > div > span {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(10, 108, 255, 0.1);
    color: #0a6cff;
    font-size: 11px;
    font-weight: 700;
  }

  body[data-page="home"] .home-solutions .home-solution-list h3 {
    margin: 0;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: #0b2348;
    text-shadow: none !important;
  }

  body[data-page="home"] .home-solutions .home-solution-list p {
    display: -webkit-box;
    margin: 4px 0 0;
    font-size: 10.5px;
    line-height: 1.3;
    color: #64748b;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  body[data-page="home"] .home-solutions .home-solution-more {
    display: none !important;
  }

  body[data-page="home"] .home-solutions .home-solution-list article > div > span,
  body[data-page="home"] .home-solutions .home-solution-list article > div > .home-solution-more {
    display: none !important;
  }

  body[data-page="home"] .home-cases .home-section-title {
    margin-bottom: 8px;
  }

  body[data-page="home"] .home-cases .home-case-grid {
    display: none !important;
  }

  body[data-page="home"] .home-cases .home-case-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 0;
  }

  body[data-page="home"] .home-cases .home-case-list article {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 0 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 12px 12px 16px !important;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.08);
    overflow: hidden !important;
    text-align: center;
  }

  body[data-page="home"] .home-cases .home-case-list img {
    display: block !important;
    width: 100% !important;
    height: 120px !important;
    flex: 0 0 auto !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin-bottom: 0 !important;
  }

  body[data-page="home"] .home-cases .home-case-list article > div {
    width: 100%;
    padding: 12px 0 0 !important;
    margin-top: 0 !important;
    display: grid !important;
    justify-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body[data-page="home"] .home-cases .home-case-list span {
    display: none !important;
  }

  body[data-page="home"] .home-cases .home-case-list h3 {
    margin: 0 !important;
    color: #0b2348;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  body[data-page="home"] .home-cases .home-case-list p,
  body[data-page="home"] .home-cases .home-case-list .home-outline-btn {
    display: none !important;
  }

  /* Trust */
  body[data-page="home"] .home-trust {
    display: block !important;
    padding: 24px 0 !important;
  }

  body[data-page="home"] .home-trust .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(9, 35, 89, 0.06) !important;
  }

  body[data-page="home"] .home-trust__title {
    margin-bottom: 10px;
    color: #23407a;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    text-shadow: none !important;
  }

  body[data-page="home"] .home-trust__logos {
    display: grid !important;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    align-items: center;
    overflow: hidden;
  }

  body[data-page="home"] .home-trust__logo {
    min-width: 0;
    padding: 10px 6px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(9, 35, 89, 0.06);
    color: rgba(40, 66, 112, 0.96);
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    opacity: 1;
  }

  /* Footer bottom copyright */
  body[data-page="home"] .site-footer .footer-bottom {
    background: transparent !important;
    background-color: transparent !important;
    border-top: none !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 16px 16px !important;
    text-align: center;
    gap: 8px;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner p {
    margin: 0;
    color: #64748b !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 1.6;
    text-decoration: none;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
  }

  /* Trust hard override: keep the card aligned with news/CTA */
  body[data-page="home"] .home-trust {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="home"] .home-trust > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-trust__logos {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-trust__logos > * {
    min-width: 0 !important;
  }

  /* Home footer background reset for mobile */
  body[data-page="home"] .site-footer {
    background: #f5f7fa !important;
    background-color: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="home"] .site-footer .footer-main,
  body[data-page="home"] .site-footer .footer-bottom {
    background: transparent !important;
    background-color: transparent !important;
  }

  /* Home service CTA hard override */
  body[data-page="home"] .home-service-cta {
    display: block !important;
    padding: 24px 0 24px !important;
  }

  body[data-page="home"] .home-service-cta .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta__card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 130px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-service-cta__body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: calc(100% - 130px) !important;
    padding-right: 0 !important;
  }

  body[data-page="home"] .home-service-cta__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="home"] .home-service-cta__actions .btn {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    white-space: nowrap !important;
  }

  body[data-page="home"] .home-service-cta__actions .btn:first-child {
    background: #ff6a1a !important;
    border-color: #ff6a1a !important;
    color: #fff !important;
  }

  body[data-page="home"] .home-service-cta__actions .btn-primary {
    background: #0a6cff !important;
    border-color: #ffffff !important;
    color: #fff !important;
  }

  body[data-page="home"] .home-service-cta__media {
    position: absolute !important;
    right: 16px !important;
    bottom: 16px !important;
    top: auto !important;
    width: 110px !important;
    max-width: 120px !important;
    height: 98px !important;
    flex: 0 0 110px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body[data-page="home"] .home-service-cta__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body[data-page="home"] .home-service-cta__media,
  body[data-page="home"] .home-service-cta__image,
  body[data-page="home"] .home-service-cta img {
    display: none !important;
  }

  body[data-page="home"] .home-service-cta__card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    height: auto !important;
  }

  body[data-page="home"] .home-service-cta__body,
  body[data-page="home"] .home-service-cta__content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    padding-right: 0 !important;
  }

  body[data-page="home"] .home-service-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 12px !important;
  }

  body[data-page="home"] .home-service-cta__actions a,
  body[data-page="home"] .home-service-cta__actions .btn {
    flex: 1 1 0 !important;
    justify-content: center !important;
    min-height: 40px !important;
    white-space: nowrap !important;
  }

  /* Footer bottom typography hard override */
  body[data-page="home"] .site-footer .footer-bottom,
  body[data-page="home"] .site-footer .footer-bottom * {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
  }

  body[data-page="home"] .site-footer .footer-bottom a,
  body[data-page="home"] .site-footer .footer-bottom span,
  body[data-page="home"] .site-footer .footer-bottom p {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
  }

  body[data-page="home"] .home-service-cta__body strong,
  body[data-page="home"] .home-service-cta__title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  /* Trust rebuild hard override */
  body[data-page="home"] .home-trust {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 !important;
    padding: 24px 0 !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-trust > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-trust__title,
  body[data-page="home"] .home-trust__logos {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-trust__logos {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: normal !important;
  }

  body[data-page="home"] .home-trust__logo {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 52px !important;
    padding: 0 6px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Trust outer width hard override */
  body[data-page="home"] .home-trust {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-trust > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* About mobile first pass: banner + intro + stats + advantages */
  body[data-page="about"] {
    overflow-x: hidden;
  }

  body[data-page="about"] .about-banner {
    position: relative;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    margin: 0 12px 10px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #082d74 !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="about"] .about-banner::before {
    background-image:
      linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.78) 54%, rgba(0, 44, 103, 0.24) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) !important;
    background-position: right center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
  }

  body[data-page="about"] .about-banner__inner {
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    height: 230px !important;
    min-height: 230px !important;
    padding: 20px 18px !important;
    gap: 8px !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 40px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="about"] .about-banner p,
  body[data-page="about"] .about-mobile-desc {
    margin: 0 !important;
    max-width: 280px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-intro-section {
    padding: 10px 0 18px !important;
  }

  body[data-page="about"] .about-intro {
    gap: 14px !important;
  }

  body[data-page="about"] .about-intro article {
    width: 100% !important;
    padding: 20px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(15, 43, 97, 0.08) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-intro h2 {
    position: relative;
    margin: 0 0 12px !important;
    padding-left: 14px;
    color: #102b61 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .about-intro h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #1250b4 !important;
    transform: translateY(-50%) !important;
  }

  body[data-page="about"] .about-intro p {
    margin: 0 0 10px !important;
    color: #62718d !important;
    font-size: 13px !important;
    line-height: 1.72 !important;
  }

  body[data-page="about"] .about-intro-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: calc(100% + 40px) !important;
    margin: 14px -20px 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border-top: 1px solid rgba(229, 231, 235, 0.9) !important;
  }

  body[data-page="about"] .about-intro-stats div {
    min-height: 92px !important;
    padding: 14px 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-intro-stats div::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-intro-stats strong {
    display: block !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    color: #102b61 !important;
  }

  body[data-page="about"] .about-intro-stats span {
    display: block !important;
    margin-top: 6px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #62718d !important;
    white-space: normal !important;
  }

  body[data-page="about"] .about-intro .btn {
    display: none !important;
  }

  body[data-page="about"] .about-video {
    display: none !important;
  }

  body[data-page="about"] .about-triple-section {
    padding: 10px 0 18px !important;
  }

  body[data-page="about"] .about-triple-grid {
    gap: 18px !important;
  }

  body[data-page="about"] .about-panel {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-advantages {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-advantages h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 12px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #102b61 !important;
  }

  body[data-page="about"] .about-advantages div {
    min-height: 124px !important;
    padding: 14px 12px 12px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(15, 43, 97, 0.08) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-advantages div::before {
    content: "" !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 12px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(0, 70, 184, 0.12), rgba(255, 255, 255, 0.96)) !important;
    border: 1px solid rgba(0, 70, 184, 0.14) !important;
    box-shadow: 0 10px 20px rgba(0, 43, 102, 0.08) !important;
  }

  body[data-page="about"] .about-advantages strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #102b61 !important;
  }

  body[data-page="about"] .about-advantages p {
    margin: 6px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    color: #62718d !important;
  }

  /* About real-structure override: reveal the actual sections and hide the V3 shell. */
  body[data-page="about"] .about-v3-mobile {
    display: none !important;
  }

  body[data-page="about"] main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body[data-page="about"] .about-banner {
    order: 1 !important;
  }

  body[data-page="about"] .about-intro-section {
    order: 2 !important;
  }

  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-mobile-cta,
  body[data-page="about"] .about-contact-strip {
    display: block !important;
  }

  body[data-page="about"] .about-banner {
    margin: 16px 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }

  body[data-page="about"] .about-banner .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="about"] .about-banner::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    min-height: 240px !important;
    height: 240px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 8px !important;
    padding: 32px 24px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: var(--banner-image, url("../images/banners/default-industrial-factory.png")) center right / cover no-repeat !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(1, 21, 59, 0.94) 0%, rgba(0, 44, 103, 0.76) 44%, rgba(0, 44, 103, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    max-width: 240px !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-mobile-desc {
    display: block !important;
    margin-top: 8px !important;
    max-width: 240px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb {
    display: none !important;
  }

  body[data-page="about"] .about-intro-section {
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-intro {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 20px 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-intro article {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-intro h2 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
    padding-left: 12px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-intro h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: #0a6cff !important;
    transform: translateY(-50%) !important;
  }

  body[data-page="about"] .about-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  body[data-page="about"] .about-intro .btn {
    display: none !important;
  }

  body[data-page="about"] .about-video {
    display: none !important;
  }

  body[data-page="about"] .about-intro-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 18px !important;
    padding: 16px 8px !important;
    background: #fff !important;
    border: 1px solid rgba(10, 108, 255, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.04) !important;
  }

  body[data-page="about"] .about-intro-stats div {
    min-width: 0 !important;
    min-height: 116px !important;
    padding: 10px 4px 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-intro-stats div::before {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important;
    background-color: rgba(10, 108, 255, 0.1) !important;
    border: 1px solid rgba(10, 108, 255, 0.14) !important;
    box-shadow: none !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px 12px !important;
  }

  body[data-page="about"] .about-intro-stats strong {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #0a6cff !important;
  }

  body[data-page="about"] .about-intro-stats span {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    color: #64748b !important;
    white-space: normal !important;
  }

  body[data-page="about"] .about-intro-stats .about-desktop-only {
    display: none !important;
  }

  body[data-page="about"] .about-intro-stats .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-triple-section {
    display: contents !important;
  }

  body[data-page="about"] .about-triple-grid {
    display: contents !important;
  }

  body[data-page="about"] .about-triple-section {
    order: 3 !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-advantages {
    order: 3 !important;
  }

  body[data-page="about"] .about-panel.about-advantages {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 20px 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-advantages h2 {
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-advantages {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-advantages > div {
    background: #fff !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
    align-items: start !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-advantages > div::before {
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #eef4ff !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    display: block !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 18px 18px !important;
  }

  body[data-page="about"] .about-advantages > div:nth-child(1)::before {
    background-image: var(--about3-icon-spark) !important;
  }

  body[data-page="about"] .about-advantages > div:nth-child(2)::before {
    background-image: var(--about3-icon-shield) !important;
  }

  body[data-page="about"] .about-advantages > div:nth-child(3)::before {
    background-image: var(--about3-icon-chip) !important;
  }

  body[data-page="about"] .about-advantages > div:nth-child(4)::before {
    background-image: var(--about3-icon-headset) !important;
  }

  body[data-page="about"] .about-advantages > div strong {
    grid-column: 2 !important;
    display: block !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-advantages > div p {
    grid-column: 2 !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-timeline-section {
    order: 4 !important;
  }

  body[data-page="about"] .about-culture {
    order: 5 !important;
  }

  body[data-page="about"] .about-team-section {
    order: 6 !important;
  }

  body[data-page="about"] .about-panel.about-honors {
    order: 7 !important;
  }

  body[data-page="about"] .about-mobile-cta {
    order: 8 !important;
  }

  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-mobile-cta,
  body[data-page="about"] .about-contact-strip {
    display: none !important;
  }

  /* About structure restore pass: bring back modules that were hidden too aggressively. */
  body[data-page="about"] .about-timeline-section {
    display: block !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-timeline {
    display: grid !important;
  }

  body[data-page="about"] .about-team-section {
    display: block !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-team-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    scroll-snap-type: none !important;
  }

  body[data-page="about"] .about-team-grid img {
    width: 100% !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
  }

  body[data-page="about"] .about-team-grid article {
    min-width: 0 !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-mobile-cta {
    display: block !important;
    padding: 24px 0 16px !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-culture {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 20px 16px !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-culture h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-culture > div {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
    padding: 14px 10px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    text-align: center !important;
    box-shadow: 0 8px 20px rgba(15, 43, 97, 0.05) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-culture strong {
    display: block !important;
    position: relative !important;
    padding-top: 50px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-culture strong::before {
    left: 50% !important;
    top: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    transform: translateX(-50%) !important;
  }

  body[data-page="about"] .about-culture strong::after {
    left: 50% !important;
    top: 11px !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateX(-50%) !important;
  }

  body[data-page="about"] .about-culture p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-team-section {
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-team-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-page="about"] .about-team-grid article {
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(15, 43, 97, 0.06) !important;
    overflow: hidden !important;
    grid-column: auto !important;
  }

  body[data-page="about"] .about-team-grid img {
    width: 100% !important;
    height: 72px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
  }

  body[data-page="about"] .about-team-grid h3,
  body[data-page="about"] .about-team-grid p {
    display: none !important;
  }

  body[data-page="about"] .about-team-grid article:first-child {
    grid-column: auto !important;
  }

  body[data-page="about"] .about-team-grid article:first-child img {
    height: 72px !important;
  }

  body[data-page="about"] .about-panel.about-honors {
    display: block !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-panel.about-honors .about-section-head {
    margin-bottom: 14px !important;
  }

  body[data-page="about"] .about-honor-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scroll-snap-type: none !important;
  }

  body[data-page="about"] .about-honor-grid::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="about"] .about-honor-grid a,
  body[data-page="about"] .about-honor-grid article {
    width: 100% !important;
    min-width: 0 !important;
    height: 116px !important;
    padding: 0 !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(11, 35, 72, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    scroll-snap-align: start !important;
    text-decoration: none !important;
    color: #0b2348 !important;
  }

  body[data-page="about"] .about-honor-grid a:first-child,
  body[data-page="about"] .about-honor-grid article:first-child {
    grid-column: auto !important;
  }

  body[data-page="about"] .about-honor-grid a:first-child img,
  body[data-page="about"] .about-honor-grid article:first-child img {
    height: 72px !important;
  }

  body[data-page="about"] .about-honor-grid img {
    width: 100% !important;
    height: 72px !important;
    object-fit: cover !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  body[data-page="about"] .about-honor-grid span,
  body[data-page="about"] .about-honor-grid h3,
  body[data-page="about"] .about-honor-grid p {
    display: block !important;
    padding: 8px 10px 10px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 0 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="about"] .about-honor-grid a:last-child,
  body[data-page="about"] .about-honor-grid article:last-child {
    min-width: 0 !important;
  }

  body[data-page="about"] .about-honors > .btn.btn-primary.btn-sm {
    display: flex !important;
    width: max-content !important;
    margin: 14px auto 0 !important;
  }

  body[data-page="about"] .about-intro-stats strong {
    display: block !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0a6cff !important;
  }

  body[data-page="about"] .about-intro-stats span,
  body[data-page="about"] .about-intro-stats small {
    display: block !important;
    font-size: 12px !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer {
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: #f5f7fa !important;
    padding: 18px 0 26px !important;
    border-top: 1px solid #e5eaf2 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 0 !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom nav {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom nav a {
    color: #64748b !important;
    font-size: 12px !important;
  }

  /* About mobile V2 full redesign */
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 70px !important;
  }

  body[data-page="about"] *,
  body[data-page="about"] *::before,
  body[data-page="about"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="about"] .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-page="about"] main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body[data-page="about"] .about-banner {
    order: 1 !important;
    margin: 16px 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-banner .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="about"] .about-banner::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    min-height: 240px !important;
    height: 240px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 8px !important;
    padding: 32px 24px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background:
      linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.78) 46%, rgba(0, 44, 103, 0.18) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) center right / cover no-repeat !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(1, 21, 59, 0.94) 0%, rgba(0, 44, 103, 0.82) 40%, rgba(0, 44, 103, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body[data-page="about"] .about-banner p::before {
    content: "专注激光切割设备研发与制造" !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.96) !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-mobile-desc {
    display: block !important;
    margin-top: 10px !important;
    max-width: 240px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-v3-mobile {
    display: none !important;
  }

  body[data-page="about"] .about-intro-section {
    order: 2 !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-intro {
    display: grid !important;
    gap: 14px !important;
  }

  body[data-page="about"] .about-intro article {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 16px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-intro h2 {
    position: relative !important;
    margin: 0 0 12px !important;
    padding-left: 14px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-intro h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: #0a6cff !important;
    transform: translateY(-50%) !important;
  }

  body[data-page="about"] .about-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  body[data-page="about"] .about-intro .btn,
  body[data-page="about"] .about-video {
    display: none !important;
  }

  body[data-page="about"] .about-intro-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 0 !important;
    padding: 16px 8px !important;
    background: #fff !important;
    border: 1px solid rgba(10, 108, 255, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.04) !important;
  }

  body[data-page="about"] .about-intro-stats div {
    min-width: 0 !important;
    padding: 0 6px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-intro-stats div::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-intro-stats strong {
    display: block !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    color: #0a6cff !important;
  }

  body[data-page="about"] .about-intro-stats span,
  body[data-page="about"] .about-intro-stats small {
    display: block !important;
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body[data-page="about"] .about-triple-section {
    display: contents !important;
    order: 3 !important;
  }

  body[data-page="about"] .about-triple-grid {
    display: contents !important;
  }

  body[data-page="about"] .about-advantages {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-panel.about-advantages {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 20px 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-advantages h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-advantages > div {
    min-height: 124px !important;
    padding: 14px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(15, 43, 97, 0.05) !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
    align-items: start !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-advantages > div::before {
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 18px 18px !important;
  }

  body[data-page="about"] .about-advantages > div:nth-child(1)::before {
    background-image: var(--about3-icon-spark) !important;
  }

  body[data-page="about"] .about-advantages > div:nth-child(2)::before {
    background-image: var(--about3-icon-shield) !important;
  }

  body[data-page="about"] .about-advantages > div:nth-child(3)::before {
    background-image: var(--about3-icon-chip) !important;
  }

  body[data-page="about"] .about-advantages > div:nth-child(4)::before {
    background-image: var(--about3-icon-headset) !important;
  }

  body[data-page="about"] .about-advantages > div strong {
    grid-column: 2 !important;
    display: block !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-advantages > div p {
    grid-column: 2 !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-timeline-section {
    order: 4 !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
  }

  body[data-page="about"] .about-section-head h2 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-section-head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-mobile-timeline-media {
    display: none !important;
  }

  body[data-page="about"] .about-timeline {
    display: grid !important;
    gap: 10px !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 8px 0 !important;
  }

  body[data-page="about"] .about-timeline > div::before {
    content: "" !important;
    position: absolute !important;
    left: 28px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 1px !important;
    background: rgba(10, 108, 255, 0.14) !important;
  }

  body[data-page="about"] .about-timeline > div::after {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 14px !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #0a6cff !important;
    box-shadow: 0 0 0 4px rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="about"] .about-timeline strong {
    color: #0a6cff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .about-timeline span {
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .about-culture {
    order: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 20px 16px !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-culture h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-culture > div {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 118px !important;
    padding: 14px 10px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    text-align: center !important;
    box-shadow: 0 8px 20px rgba(15, 43, 97, 0.05) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-culture strong {
    display: block !important;
    position: relative !important;
    padding-top: 50px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-culture strong::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    transform: translateX(-50%) !important;
  }

  body[data-page="about"] .about-culture strong::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 11px !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateX(-50%) !important;
    background: #0a6cff !important;
    -webkit-mask: var(--about-item-icon) center / contain no-repeat !important;
            mask: var(--about-item-icon) center / contain no-repeat !important;
  }

  body[data-page="about"] .about-culture div:nth-of-type(1) strong {
    --about-item-icon: var(--icon-target);
  }

  body[data-page="about"] .about-culture div:nth-of-type(2) strong {
    --about-item-icon: var(--icon-lightning);
  }

  body[data-page="about"] .about-culture div:nth-of-type(3) strong {
    --about-item-icon: var(--icon-check);
  }

  body[data-page="about"] .about-culture p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-team-section {
    order: 6 !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-team-section h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-team-section h2::after {
    content: "查看更多 >" !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-team-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-page="about"] .about-team-grid article {
    overflow: hidden !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-team-grid img {
    width: 100% !important;
    height: 72px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
  }

  body[data-page="about"] .about-team-grid h3,
  body[data-page="about"] .about-team-grid p {
    display: none !important;
  }

  body[data-page="about"] .about-team-grid article:first-child {
    grid-column: auto !important;
  }

  body[data-page="about"] .about-team-grid article:first-child img {
    height: 72px !important;
  }

  body[data-page="about"] .about-panel.about-honors,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-contact-strip {
    display: none !important;
  }

  body[data-page="about"] .about-mobile-cta {
    order: 7 !important;
    display: block !important;
    padding: 0 0 16px !important;
  }

  body[data-page="about"] .about-mobile-cta .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    position: relative !important;
    min-height: 188px !important;
    padding: 20px 16px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .about-mobile-cta__card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.88) 48%, rgba(10, 108, 255, 0.14) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-mobile-cta__card::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 44% !important;
    background: url("../images/about/about-service-engineer-01.jpg") center right / cover no-repeat !important;
    z-index: 0 !important;
    opacity: 0.98 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy,
  body[data-page="about"] .about-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy {
    max-width: 220px !important;
  }

  body[data-page="about"] .about-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: 210px !important;
  }

  body[data-page="about"] .about-mobile-cta__actions {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  body[data-page="about"] .about-mobile-cta__actions .btn {
    min-width: 0 !important;
    padding: 0 18px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-mobile-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-mobile-cta__actions .btn.btn-outline {
    background: #fff !important;
    color: #0a6cff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .site-footer {
    order: 8 !important;
    background: transparent !important;
    color: #64748b !important;
    margin-top: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    padding: 12px 0 30px !important;
    border-top: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom nav {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom nav a {
    color: #64748b !important;
    font-size: 12px !important;
  }

  /* About mobile final visual alignment */
  body[data-page="about"] {
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  body[data-page="about"] .about-banner {
    margin: 16px 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }

  body[data-page="about"] .about-banner__inner {
    padding: 30px 24px !important;
    gap: 6px !important;
    background:
      linear-gradient(90deg, rgba(1, 21, 59, 0.94) 0%, rgba(0, 44, 103, 0.78) 44%, rgba(0, 44, 103, 0.18) 100%),
      var(--banner-image, url("../images/banners/about-factory-workshop.png")) center right / cover no-repeat !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    background: linear-gradient(90deg, rgba(1, 21, 59, 0.94) 0%, rgba(0, 44, 103, 0.78) 44%, rgba(0, 44, 103, 0.18) 100%) !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 42px !important;
    line-height: 1.06 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
    display: inline-block !important;
    zoom: 1.35 !important;
    margin-bottom: 14px !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body[data-page="about"] .about-banner p .about-desktop-only,
  body[data-page="about"] .about-banner p .about-mobile-only {
    display: none !important;
  }

  body[data-page="about"] .about-banner p::before {
    content: "专注激光切割设备研发与制造" !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.96) !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-mobile-desc {
    margin-top: 8px !important;
    max-width: 240px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body[data-page="about"] .about-mobile-desc::before {
    content: "我们致力于为全球客户提供高精度、高效率、智能化的切割解决方案，赋能工业制造升级。" !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    max-width: 270px !important;
  }

  body[data-page="about"] .about-intro-stats {
    width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 14px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid rgba(10, 108, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.04) !important;
  }

  body[data-page="about"] .about-intro-stats div {
    min-height: 108px !important;
    padding: 14px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-items: center !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="about"] .about-intro-stats div::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-intro-stats strong {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #0a6cff !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-intro-stats span {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #64748b !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-intro-stats > div:not(:last-child) {
    border-right: 1px solid #e5e7eb !important;
  }

  body[data-page="about"] .about-panel.about-advantages {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 18px 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-advantages {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-advantages h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 14px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-advantages > div {
    min-height: 112px !important;
    padding: 14px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-advantages > div::before {
    width: 36px !important;
    height: 36px !important;
    margin: 0 0 10px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: #eef4ff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
  }

  body[data-page="about"] .about-advantages > div strong {
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-advantages > div p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-mobile-timeline-media {
    display: grid !important;
    grid-template-rows: 150px auto !important;
    margin-bottom: 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-mobile-timeline-media img {
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="about"] .about-mobile-timeline-media__body {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "icon title btn"
      "icon subtitle btn" !important;
    align-items: center !important;
    gap: 2px 10px !important;
    padding: 12px 14px !important;
    background: #fff !important;
  }

  body[data-page="about"] .about-mobile-timeline-media__body > span {
    grid-area: icon !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #0a6cff !important;
    color: #fff !important;
    display: grid !important;
    place-items: center !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  body[data-page="about"] .about-mobile-timeline-media__body strong {
    grid-area: title !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-mobile-timeline-media__body small {
    grid-area: subtitle !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body[data-page="about"] .about-mobile-timeline-media__body a,
  body[data-page="about"] .about-mobile-timeline-media__body .about-v3-timeline-media__action {
    grid-area: btn !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    background: #0a6cff !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-culture {
    order: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 20px 16px !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-culture h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-culture > div {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 118px !important;
    padding: 14px 10px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    text-align: center !important;
    box-shadow: 0 8px 20px rgba(15, 43, 97, 0.05) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-culture > div:nth-of-type(1) {
    order: 2 !important;
  }

  body[data-page="about"] .about-culture > div:nth-of-type(2) {
    order: 1 !important;
  }

  body[data-page="about"] .about-culture > div:nth-of-type(3) {
    order: 3 !important;
  }

  body[data-page="about"] .about-culture::after {
    content: "理念\A客户至上，品质为本" !important;
    white-space: pre-line !important;
    order: 4 !important;
    display: grid !important;
    grid-template-rows: 42px auto auto !important;
    justify-items: center !important;
    align-content: start !important;
    min-height: 118px !important;
    padding: 12px 8px 10px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 50% 22px, rgba(10, 108, 255, 0.98) 0 9px, rgba(238, 244, 255, 0.98) 10px 20px, transparent 21px) no-repeat,
      #fff !important;
    box-shadow: 0 8px 20px rgba(15, 43, 97, 0.05) !important;
    color: #0b2348 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-team-grid article:first-child {
    grid-column: auto !important;
  }

  body[data-page="about"] .about-team-grid article:first-child img {
    height: 72px !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }

  body[data-page="about"] .about-intro-stats {
    width: calc(100% + 40px) !important;
    margin: 14px -20px 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    background: #fff !important;
    border-top: 1px solid rgba(229, 231, 235, 0.9) !important;
  }

  body[data-page="about"] .about-intro-stats > div:not(:last-child) {
    border-right: 1px solid #e5e7eb !important;
  }

  body[data-page="about"] .about-intro-stats strong > span {
    color: #0a6cff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-panel.about-advantages,
  body[data-page="about"] .about-advantages {
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-panel.about-advantages {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 18px 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-advantages {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 0 24px !important;
  }

  body[data-page="about"] .about-advantages h2 {
    grid-column: 1 / -1 !important;
    margin: 0 0 14px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  body[data-page="about"] .about-advantages > div,
  body[data-page="about"] .about-advantages article {
    min-height: 112px !important;
    padding: 16px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-advantages > div::before,
  body[data-page="about"] .about-advantages article i {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 10px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: #eef4ff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  body[data-page="about"] .about-advantages > div strong,
  body[data-page="about"] .about-advantages article h3 {
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-advantages > div p,
  body[data-page="about"] .about-advantages article p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .site-footer {
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 12px 0 30px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px 16px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-advantages > div > strong::before,
  body[data-page="about"] .about-advantages > div > strong::after,
  body[data-page="about"] .about-advantages article h3::before,
  body[data-page="about"] .about-advantages article h3::after,
  body[data-page="about"] .about-advantages article h3 i,
  body[data-page="about"] .about-advantages article h3 svg,
  body[data-page="about"] .about-advantages article .title-icon,
  body[data-page="about"] .about-advantages article > i:not(:first-child),
  body[data-page="about"] .about-advantages article svg:not(:first-child) {
    display: none !important;
  }

  body[data-page="about"] .about-section-head h2,
  body[data-page="about"] .about-panel > h2,
  body[data-page="about"] .about-triple-section h2,
  body[data-page="about"] .about-timeline-section h2,
  body[data-page="about"] .about-team-section h2,
  body[data-page="about"] .about-panel.about-culture h2,
  body[data-page="about"] .about-panel.about-honors h2,
  body[data-page="about"] .about-panel.about-advantages h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body[data-page="about"] .about-section-head h2::before,
  body[data-page="about"] .about-panel > h2::before,
  body[data-page="about"] .about-triple-section h2::before,
  body[data-page="about"] .about-timeline-section h2::before,
  body[data-page="about"] .about-team-section h2::before,
  body[data-page="about"] .about-panel.about-culture h2::before,
  body[data-page="about"] .about-panel.about-honors h2::before,
  body[data-page="about"] .about-panel.about-advantages h2::before {
    content: "" !important;
    width: 4px !important;
    height: 20px !important;
    background: #0a6cff !important;
    border-radius: 999px !important;
    flex-shrink: 0 !important;
  }

  body[data-page="about"] .site-footer {
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    background-color: transparent !important;
    border-top: none !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 16px 16px !important;
    text-align: center !important;
    gap: 8px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-timeline-section {
    margin-top: 24px !important;
  }

  body[data-page="about"] .about-mobile-timeline-media,
  body[data-page="about"] .about-mobile-timeline-media__body,
  body[data-page="about"] .about-v3-timeline-media {
    display: none !important;
  }

  body[data-page="about"] .about-timeline {
    position: relative !important;
    display: grid !important;
    gap: 0 !important;
    padding: 18px 16px !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-timeline::before {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 24px !important;
    bottom: 24px !important;
    width: 2px !important;
    background: #d7e6ff !important;
  }

  body[data-page="about"] .about-timeline > div,
  body[data-page="about"] .about-timeline > article {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    min-height: auto !important;
    padding: 10px 0 10px 36px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-timeline > div::before,
  body[data-page="about"] .about-timeline > article::before {
    content: "" !important;
    position: absolute !important;
    left: 7px !important;
    top: 18px !important;
    width: 9px !important;
    height: 9px !important;
    background: #0a6cff !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 4px #eaf2ff !important;
  }

  body[data-page="about"] .about-timeline > div::after,
  body[data-page="about"] .about-timeline > article::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-timeline > div strong,
  body[data-page="about"] .about-timeline > article strong {
    color: #0a6cff !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-timeline > div span,
  body[data-page="about"] .about-timeline > article span {
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

}

@media (max-width: 768px) {
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    color: #0a6cff !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] small {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}

/* =========================================================
   MOBILE REBUILD - GLOBAL VISUAL CONSISTENCY EOF OVERRIDE
   Titles, more links, active states, and press feedback
   ========================================================= */
@media (max-width: 768px) {
  body[data-page]:not([data-page="download-detail"]) :is(
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  ) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    position: relative !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  )::before {
    content: "";
    display: inline-block;
    flex: 0 0 4px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #0a6cff;
  }

  body[data-page] :is(
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  )::after {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .home-section-title > a,
    .home-news-heading > a,
    .about-v3-block__head > a,
    .section-more,
    .service-card-link,
    .pdm-card-more,
    .solution-more,
    .faq-hub-more,
    .contact-mobile__more-link,
    .video-section-more,
    .news-detail-mobile__related header > a
  ) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page] :is(
    .home-section-title > a::before,
    .home-news-heading > a::before,
    .about-v3-block__head > a::before,
    .section-more::before,
    .service-card-link::before,
    .pdm-card-more::before,
    .solution-more::before,
    .faq-hub-more::before,
    .contact-mobile__more-link::before,
    .video-section-more::before,
    .news-detail-mobile__related header > a::before
  ) {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .home-section-title > a::after,
    .home-news-heading > a::after,
    .about-v3-block__head > a::after,
    .section-more::after,
    .service-card-link::after,
    .pdm-card-more::after,
    .solution-more::after,
    .faq-hub-more::after,
    .contact-mobile__more-link::after,
    .video-section-more::after,
    .news-detail-mobile__related header > a::after
  ) {
    content: ">" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    font: inherit !important;
    line-height: 1 !important;
  }

  body[data-page] :is(
    .product-mobile-categories__grid a,
    .product-mobile-filterbar__row > a,
    .news-mobile-categories__grid a,
    .download-cat-card,
    .download-tabs button,
    .faq-cat-pill,
    .service-category-card a,
    .service-nav-card a,
    .service-tabs a,
    .service-tabs button,
    .video-cat-card,
    .cases-mobile__industries a,
    .solutions-mobile-industry__grid a,
    .solutions-y-industry__grid a,
    .case-filter-bar a,
    .case-filter-bar button,
    .home-support-tabs button
  ) {
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    color: #0b2348 !important;
    box-shadow: none !important;
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
  }

  body[data-page]:not([data-page="download-detail"]) :is(
    .product-mobile-categories__grid a.is-active,
    .product-mobile-categories__grid a[aria-current="page"],
    .product-mobile-filterbar__row > a.is-active,
    .news-mobile-categories__grid a.is-active,
    .news-mobile-categories__grid a[aria-selected="true"],
    .download-cat-card.is-active,
    .download-tabs button.is-active,
    .download-tabs button[aria-selected="true"],
    .faq-cat-pill.is-active,
    .service-category-card a.is-active,
    .service-nav-card a.is-active,
    .service-tabs a.is-active,
    .service-tabs a[aria-current="page"],
    .service-tabs button.is-active,
    .service-tabs button[aria-selected="true"],
    .video-cat-card.is-active,
    .cases-mobile__industries a.is-active,
    .solutions-mobile-industry__grid a.is-active,
    .solutions-y-industry__grid a.is-active,
    .case-filter-bar a.is-active,
    .case-filter-bar button.is-active,
    .home-support-tabs button.is-active,
    .home-support-tabs button[aria-selected="true"],
    .mobile-bottom-nav--main a.is-active,
    .mobile-bottom-nav--main a[aria-current="page"]
  ) {
    background: linear-gradient(135deg, #0a6cff, #0048a8) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page] :is(
    .product-mobile-categories__grid a.is-active svg,
    .product-mobile-categories__grid a[aria-current="page"] svg,
    .product-mobile-filterbar__row > a.is-active svg,
    .news-mobile-categories__grid a.is-active svg,
    .news-mobile-categories__grid a[aria-selected="true"] svg,
    .download-cat-card.is-active svg,
    .download-tabs button.is-active svg,
    .faq-cat-pill.is-active svg,
    .service-category-card a.is-active svg,
    .service-nav-card a.is-active svg,
    .service-tabs a.is-active svg,
    .service-tabs button.is-active svg,
    .video-cat-card.is-active svg,
    .cases-mobile__industries a.is-active svg,
    .solutions-mobile-industry__grid a.is-active svg,
    .solutions-y-industry__grid a.is-active svg,
    .case-filter-bar a.is-active svg,
    .case-filter-bar button.is-active svg,
    .home-support-tabs button.is-active svg,
    .mobile-bottom-nav--main a.is-active svg
  ),
  body[data-page] :is(
    .product-mobile-categories__grid a.is-active span,
    .product-mobile-categories__grid a[aria-current="page"] span,
    .product-mobile-filterbar__row > a.is-active span,
    .news-mobile-categories__grid a.is-active span,
    .news-mobile-categories__grid a[aria-selected="true"] span,
    .download-cat-card.is-active span,
    .download-tabs button.is-active span,
    .faq-cat-pill.is-active span,
    .service-category-card a.is-active span,
    .service-nav-card a.is-active span,
    .service-tabs a.is-active span,
    .service-tabs button.is-active span,
    .video-cat-card.is-active span,
    .cases-mobile__industries a.is-active span,
    .solutions-mobile-industry__grid a.is-active span,
    .solutions-y-industry__grid a.is-active span,
    .case-filter-bar a.is-active span,
    .case-filter-bar button.is-active span,
    .home-support-tabs button.is-active span,
    .mobile-bottom-nav--main a.is-active span,
    .mobile-bottom-nav--main a.is-active small,
    .mobile-bottom-nav--main a.is-active strong,
    .mobile-bottom-nav--main a.is-active em
  ) {
    color: inherit !important;
  }

  body[data-page] :is(
    .product-mobile-categories__grid a.is-active svg *,
    .product-mobile-categories__grid a[aria-current="page"] svg *,
    .product-mobile-filterbar__row > a.is-active svg *,
    .news-mobile-categories__grid a.is-active svg *,
    .news-mobile-categories__grid a[aria-selected="true"] svg *,
    .download-cat-card.is-active svg *,
    .download-tabs button.is-active svg *,
    .faq-cat-pill.is-active svg *,
    .service-category-card a.is-active svg *,
    .service-nav-card a.is-active svg *,
    .service-tabs a.is-active svg *,
    .service-tabs button.is-active svg *,
    .video-cat-card.is-active svg *,
    .cases-mobile__industries a.is-active svg *,
    .solutions-mobile-industry__grid a.is-active svg *,
    .solutions-y-industry__grid a.is-active svg *,
    .case-filter-bar a.is-active svg *,
    .case-filter-bar button.is-active svg *,
    .home-support-tabs button.is-active svg *,
    .mobile-bottom-nav--main a.is-active svg *
  ) {
    stroke: currentColor !important;
    fill: currentColor !important;
  }

  body[data-page] :is(
    .card,
    .product-card,
    .news-card,
    .video-card,
    .case-card,
    .category-card,
    .home-product-card,
    .home-solution-card,
    .home-case-card,
    .support-download-card,
    .support-mobile-service-card,
    .download-cat-card,
    .faq-cat-pill,
    .video-cat-card,
    .cases-mobile-card,
    .zz-product-card,
    .service-side-card,
    .service-guide-list a,
    .service-file-list a,
    .service-video-card,
    .service-nav-card a,
    .contact-info-card,
    .contact-mobile__quick-card,
    .contact-mobile__branch-item,
    .product-mobile-categories__grid a,
    .product-mobile-filterbar__row > a,
    .news-mobile-categories__grid a,
    .service-category-card a,
    .service-tabs a,
    .service-tabs button,
    .download-tabs button,
    .cases-mobile__industries a,
    .solutions-mobile-industry__grid a,
    .solutions-y-industry__grid a,
    .case-filter-bar a,
    .case-filter-bar button,
    .home-support-tabs button
  ) {
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
  }

  body[data-page] :is(
    .card,
    .product-card,
    .news-card,
    .video-card,
    .case-card,
    .category-card,
    .home-product-card,
    .home-solution-card,
    .home-case-card,
    .support-download-card,
    .support-mobile-service-card,
    .download-cat-card,
    .faq-cat-pill,
    .video-cat-card,
    .cases-mobile-card,
    .zz-product-card,
    .service-side-card,
    .service-guide-list a,
    .service-file-list a,
    .service-video-card,
    .service-nav-card a,
    .contact-info-card,
    .contact-mobile__quick-card,
    .contact-mobile__branch-item,
    .product-mobile-categories__grid a,
    .product-mobile-filterbar__row > a,
    .news-mobile-categories__grid a,
    .service-category-card a,
    .service-tabs a,
    .service-tabs button,
    .download-tabs button,
    .cases-mobile__industries a,
    .solutions-mobile-industry__grid a,
    .solutions-y-industry__grid a,
    .case-filter-bar a,
    .case-filter-bar button,
    .home-support-tabs button,
    .btn
  ):active {
    transform: scale(0.98) !important;
  }

  body[data-page] .btn {
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
  }

  body[data-page] .btn:active {
    transform: scale(0.98) !important;
  }

  body[data-page] .mobile-bottom-nav--main a {
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease !important;
  }

  body[data-page] .mobile-bottom-nav--main a.is-active,
  body[data-page] .mobile-bottom-nav--main a[aria-current="page"] {
    border-radius: 14px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-timeline > div,
  body[data-page="about"] .about-timeline > article {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding-left: 36px !important;
  }

  body[data-page="about"] .about-timeline > div strong,
  body[data-page="about"] .about-timeline > article strong {
    display: block !important;
    width: 72px !important;
    padding-left: 0 !important;
    text-align: left !important;
  }

  body[data-page="about"] .about-timeline > div strong::before,
  body[data-page="about"] .about-timeline > div strong::after,
  body[data-page="about"] .about-timeline > article strong::before,
  body[data-page="about"] .about-timeline > article strong::after,
  body[data-page="about"] .about-timeline > div time::before,
  body[data-page="about"] .about-timeline > div time::after,
  body[data-page="about"] .about-timeline > article time::before,
  body[data-page="about"] .about-timeline > article time::after,
  body[data-page="about"] .about-timeline > div .year-icon,
  body[data-page="about"] .about-timeline > article .year-icon,
  body[data-page="about"] .about-timeline > div h3::before,
  body[data-page="about"] .about-timeline > div h3::after,
  body[data-page="about"] .about-timeline > div h3 i,
  body[data-page="about"] .about-timeline > div h3 svg,
  body[data-page="about"] .about-timeline > article h3::before,
  body[data-page="about"] .about-timeline > article h3::after,
  body[data-page="about"] .about-timeline > article h3 i,
  body[data-page="about"] .about-timeline > article h3 svg {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-culture {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  body[data-page="about"] .about-culture::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-culture > div {
    order: 0 !important;
    min-height: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-right: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-culture > div:last-of-type {
    border-right: 0 !important;
  }

  body[data-page="about"] .about-culture strong {
    width: 100% !important;
    padding-top: 30px !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-culture strong::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-culture strong::after {
    top: 0 !important;
    width: 18px !important;
    height: 18px !important;
  }

  body[data-page="about"] .about-culture p {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-team-section h2,
  body[data-page="about"] .about-team-section .about-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-team-section h2 {
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-team-section h2::after {
    content: "查看更多 >" !important;
    margin-left: auto !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-team-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-page="about"] .about-team-grid article {
    overflow: hidden !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-team-grid img {
    width: 100% !important;
    height: 72px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
  }

  body[data-page="about"] .about-team-grid h3,
  body[data-page="about"] .about-team-grid p {
    display: none !important;
  }

  body[data-page="about"] .about-mobile-cta {
    padding: 0 0 16px !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    position: relative !important;
    min-height: 130px !important;
    max-height: 150px !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .about-mobile-cta__card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.88) 58%, rgba(10, 108, 255, 0.14) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-mobile-cta__card::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 38% !important;
    background: url("../images/about/about-service-engineer-01.jpg") center right / cover no-repeat !important;
    z-index: 0 !important;
    opacity: 0.98 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy,
  body[data-page="about"] .about-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy {
    width: 62% !important;
    max-width: none !important;
    padding-right: 8px !important;
  }

  body[data-page="about"] .about-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy p {
    margin: 6px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    max-width: none !important;
  }

  body[data-page="about"] .about-mobile-cta__actions {
    position: absolute !important;
    left: 16px !important;
    bottom: 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    z-index: 2 !important;
  }

  body[data-page="about"] .about-mobile-cta__actions .btn {
    min-width: 0 !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-team-section h2::after {
    content: "查看更多 >" !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    min-height: 138px !important;
    max-height: none !important;
    padding: 16px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px 12px !important;
  }

  body[data-page="about"] .about-mobile-cta__copy {
    width: 60% !important;
    max-width: none !important;
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 60% !important;
  }

  body[data-page="about"] .about-mobile-cta__copy strong {
    white-space: nowrap !important;
    max-width: 100% !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy p {
    margin: 6px 0 12px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
  }

  body[data-page="about"] .about-mobile-cta__actions {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 3 !important;
    display: flex !important;
    gap: 10px !important;
    margin-top: 8px !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }

  body[data-page="about"] .about-mobile-cta__actions .btn {
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    line-height: 36px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-timeline > div,
  body[data-page="about"] .about-timeline > article {
    grid-template-columns: 24px 60px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    padding-left: 0 !important;
  }

  body[data-page="about"] .about-timeline > div::before,
  body[data-page="about"] .about-timeline > article::before {
    left: 12px !important;
  }

  body[data-page="about"] .about-timeline > div strong,
  body[data-page="about"] .about-timeline > article strong {
    grid-column: 2 !important;
    width: 60px !important;
  }

  body[data-page="about"] .about-timeline > div span,
  body[data-page="about"] .about-timeline > article span {
    grid-column: 3 !important;
    min-width: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-culture > div::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-culture > div {
    align-items: center !important;
  }

  body[data-page="about"] .about-culture strong {
    padding-top: 0 !important;
  }

  body[data-page="about"] .about-culture strong::after {
    margin: 0 auto 8px !important;
  }

  body[data-page="about"] .about-mobile-cta {
    padding: 20px 0 14px !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    min-height: 124px !important;
    max-height: 132px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-mobile-cta__card::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-mobile-cta__copy {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
    padding-right: 0 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy strong {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    margin-bottom: 6px !important;
  }

  body[data-page="about"] .about-mobile-cta__copy p {
    margin: 0 0 10px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }

  body[data-page="about"] .about-mobile-cta__actions {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 3 !important;
    display: flex !important;
    gap: 10px !important;
    margin-top: 8px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-mobile-cta__actions .btn {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-culture > div {
    position: relative !important;
  }

  body[data-page="about"] .about-culture > div::before {
    display: block !important;
    content: "" !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: #eef4ff !important;
    margin: 0 auto 10px !important;
  }

  body[data-page="about"] .about-culture strong {
    margin-top: 0 !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-culture strong::after {
    position: absolute !important;
    left: 50% !important;
    top: 11px !important;
    transform: translateX(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
  }

  body[data-page="about"] .about-culture article i,
  body[data-page="about"] .about-culture article svg,
  body[data-page="about"] .about-culture article .icon,
  body[data-page="about"] .about-culture article .icon-box {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
  }

  body[data-page="about"] .about-team-section {
    margin-top: 24px !important;
    padding-top: 0 !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    min-height: 124px !important;
    padding: 16px !important;
  }

  body[data-page="about"] .about-mobile-cta__copy {
    width: 64% !important;
    max-width: 64% !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-page="about"] .about-mobile-cta__actions {
    position: static !important;
    display: flex !important;
    gap: 10px !important;
    margin-top: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  body[data-page="about"] .about-mobile-cta__actions a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-mobile-cta figure,
  body[data-page="about"] .about-mobile-cta img {
    pointer-events: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-intro h2::after,
  body[data-page="about"] .about-intro .section-title::after,
  body[data-page="about"] .about-intro .about-section-head::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-team-section {
    margin-top: 24px !important;
    padding-top: 0 !important;
  }

  body[data-page="about"] .about-culture > div {
    padding-top: 56px !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-culture > div::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: #eef4ff !important;
    border: 1px solid #d6e4ff !important;
    display: block !important;
  }

  body[data-page="about"] .about-culture strong {
    margin-top: 0 !important;
    text-align: center !important;
    display: block !important;
    position: relative !important;
    padding-top: 0 !important;
  }

  body[data-page="about"] .about-culture strong::after {
    position: absolute !important;
    top: -45px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  body[data-page="about"] .about-culture article i,
  body[data-page="about"] .about-culture article svg,
  body[data-page="about"] .about-culture article .icon,
  body[data-page="about"] .about-culture article .icon-box {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    overflow: hidden !important;
    min-height: 124px !important;
    padding: 16px !important;
  }

  body[data-page="about"] .about-mobile-cta__copy {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
    padding-right: 0 !important;
    flex: 0 0 100% !important;
  }

  body[data-page="about"] .about-mobile-cta__copy strong {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    margin-bottom: 6px !important;
  }

  body[data-page="about"] .about-mobile-cta__copy p {
    margin: 0 0 10px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }

  body[data-page="about"] .about-mobile-cta__actions {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    overflow: hidden !important;
    flex: 0 0 100% !important;
  }

  body[data-page="about"] .about-mobile-cta__actions a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 34px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-mobile-cta figure,
  body[data-page="about"] .about-mobile-cta img {
    display: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-team-section {
    margin-top: 24px !important;
    background: #fff !important;
    border-radius: 16px !important;
    padding: 18px 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-team-section h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-team-section h2::before {
    content: "" !important;
    width: 4px !important;
    height: 20px !important;
    background: #0a6cff !important;
    border-radius: 999px !important;
    flex-shrink: 0 !important;
  }

  body[data-page="about"] .about-team-section h2::after {
    content: "查看更多 >" !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-team-section h2::after,
  body[data-page="about"] .about-team-section h2::before {
    text-decoration: none !important;
  }

  body[data-page="about"] .about-team-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-page="about"] .about-team-grid article {
    overflow: hidden !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-team-grid img {
    width: 100% !important;
    height: 72px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
  }

  body[data-page="about"] .about-team-grid h3,
  body[data-page="about"] .about-team-grid p {
    display: none !important;
  }

  body[data-page="about"] .about-mobile-cta {
    padding: 20px 16px 16px !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    min-height: 128px !important;
    max-height: 140px !important;
    width: 100% !important;
    border-radius: 16px !important;
    padding: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #0a6cff 0%, #063b9a 100%) !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-mobile-cta__copy {
    position: relative !important;
    z-index: 3 !important;
    width: 62% !important;
    max-width: 62% !important;
    min-width: 0 !important;
    padding: 0 !important;
    flex: 0 0 62% !important;
  }

  body[data-page="about"] .about-mobile-cta__copy h2,
  body[data-page="about"] .about-mobile-cta__copy h3,
  body[data-page="about"] .about-mobile-cta__copy strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    white-space: normal !important;
  }

  body[data-page="about"] .about-mobile-cta__copy p {
    margin: 0 0 10px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-mobile-cta__actions {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 10px !important;
    overflow: hidden !important;
    z-index: 4 !important;
    flex: 0 0 100% !important;
  }

  body[data-page="about"] .about-mobile-cta__actions a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 34px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-mobile-cta figure,
  body[data-page="about"] .about-mobile-cta__media,
  body[data-page="about"] .about-mobile-cta img {
    display: none !important;
  }

  body[data-page="about"] .about-mobile-cta__card::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-mobile-cta__actions .btn,
  body[data-page="about"] .about-mobile-cta__actions a {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    line-height: 34px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-team-section .container,
  body[data-page="about"] .about-mobile-cta .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-mobile-cta {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="about"] .about-mobile-cta__card {
    min-height: 128px !important;
    max-height: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 16px !important;
  }

  body[data-page="about"] .about-mobile-cta__copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    z-index: 3 !important;
    padding-right: 0 !important;
  }

  body[data-page="about"] .about-mobile-cta__copy strong {
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #fff !important;
    white-space: normal !important;
  }

  body[data-page="about"] .about-mobile-cta__copy p {
    margin: 0 0 10px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-mobile-cta__actions {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    z-index: 5 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-mobile-cta__actions a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-mobile-cta figure,
  body[data-page="about"] .about-mobile-cta__media,
  body[data-page="about"] .about-mobile-cta img {
    display: none !important;
  }

  body[data-page="about"] .about-mobile-cta__card::after {
    display: none !important;
    content: none !important;
  }
}

/* Products mobile final rebuild: reference-style banner, categories, search, filters, list, CTA, and slim footer. */
@media (max-width: 768px) {
  body[data-page="products"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="products"] .product-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="products"] .product-banner {
    margin: 12px 16px 24px !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #082d74 !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="products"] .product-banner::before {
    background-image:
      linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.78) 46%, rgba(0, 44, 103, 0.18) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) !important;
    background-position: right center !important;
    background-size: cover !important;
  }

  body[data-page="products"] .product-banner__inner {
    height: 180px !important;
    min-height: 180px !important;
    display: grid !important;
    align-content: end !important;
    justify-items: start !important;
    gap: 8px !important;
    padding: 20px 20px 18px !important;
  }

  body[data-page="products"] .product-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
  }

  body[data-page="products"] .product-banner p {
    margin: 0 !important;
    max-width: 280px !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="products"] .product-banner span {
    display: none !important;
  }

  body[data-page="products"] .product-breadcrumb {
    display: none !important;
  }

  body[data-page="products"] .product-breadcrumb .container {
    padding-inline: 16px !important;
  }

  body[data-page="products"] .product-breadcrumb .breadcrumb__list {
    gap: 6px !important;
    font-size: 12px !important;
  }

  body[data-page="products"] .product-mobile-search {
    display: block !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
  }

  body[data-page="products"] .product-mobile-search__form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  body[data-page="products"] .product-mobile-search__input {
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(14, 39, 88, 0.10) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 43, 102, 0.06) !important;
    outline: none !important;
    font-size: 13px !important;
  }

  body[data-page="products"] .product-mobile-search__input:focus {
    border-color: rgba(0, 70, 184, 0.28) !important;
    box-shadow: 0 0 0 3px rgba(0, 70, 184, 0.10) !important;
  }

  body[data-page="products"] .product-mobile-search__btn {
    min-height: 44px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    box-shadow: 0 8px 20px rgba(0, 43, 102, 0.08) !important;
  }

  body[data-page="products"] .product-mobile-categories {
    display: block !important;
    margin: 0 0 24px !important;
  }

  body[data-page="products"] .product-mobile-categories .container {
    padding-inline: 16px !important;
  }

  body[data-page="products"] .product-mobile-categories__card {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="products"] .product-mobile-categories__title {
    margin: 0 0 12px !important;
    color: #0e274f !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="products"] .product-mobile-categories__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-page="products"] .product-mobile-categories__grid a {
    min-height: 80px !important;
    padding: 8px 6px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #12469c !important;
    box-shadow: 0 10px 24px rgba(0, 43, 102, 0.06) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="products"] .product-mobile-categories__icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: linear-gradient(135deg, rgba(0, 70, 184, 0.10), rgba(255, 255, 255, 0.96)) !important;
    border: 1px solid rgba(0, 70, 184, 0.10) !important;
    box-shadow: 0 8px 18px rgba(0, 43, 102, 0.08) !important;
    color: #1f5dcf !important;
  }

  body[data-page="products"] .product-mobile-categories__icon svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
  }

  body[data-page="products"] .product-mobile-categories__label {
    display: block !important;
    min-height: 2.4em !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="products"] .product-mobile-categories__grid a.is-active {
    color: #fff !important;
    border-color: rgba(0, 70, 184, 0.18) !important;
    background: linear-gradient(135deg, rgba(0, 70, 184, 0.94), rgba(0, 43, 102, 0.94)) !important;
    box-shadow: 0 12px 24px rgba(0, 43, 102, 0.12) !important;
  }

  body[data-page="products"] .product-mobile-categories__grid a.is-active .product-mobile-categories__icon {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
  }

  body[data-page="products"] .product-list-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="products"] .product-list-layout {
    display: block !important;
  }

  body[data-page="products"] .product-sidebar {
    display: none !important;
  }

  body[data-page="products"] .product-list-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="products"] .product-filter-card,
  body[data-page="products"] .product-helper-section,
  body[data-page="products"] .service-guarantee,
  body[data-page="products"] .product-inquiry,
  body[data-page="products"] .recommend-products {
    display: none !important;
  }

  body[data-page="products"] .product-mobile-filterbar {
    display: block !important;
    margin: 0 0 24px !important;
  }

  body[data-page="products"] .product-mobile-filterbar__row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 0 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-page="products"] .product-mobile-filterbar__row::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="products"] .product-mobile-filterbar__row > a,
  body[data-page="products"] .product-mobile-filterbar__row > button,
  body[data-page="products"] .product-mobile-filterbar__row > select {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(14, 39, 88, 0.10) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 8px 20px rgba(0, 43, 102, 0.05) !important;
    color: #0e274f !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  body[data-page="products"] .product-mobile-filterbar__row > a {
    display: grid !important;
    place-items: center !important;
    text-decoration: none !important;
  }

  body[data-page="products"] .product-mobile-filterbar__row > a.is-active {
    color: #fff !important;
    border-color: rgba(0, 70, 184, 0.22) !important;
    background: linear-gradient(135deg, rgba(0, 70, 184, 0.94), rgba(0, 43, 102, 0.94)) !important;
    box-shadow: none !important;
  }

  body[data-page="products"] .product-mobile-filterbar__row > button {
    cursor: pointer !important;
  }

  body[data-page="products"] .product-result-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
  }

  body[data-page="products"] .product-result-bar p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body[data-page="products"] .product-result-bar strong {
    color: #1a57bb !important;
  }

  body[data-page="products"] .product-result-bar button {
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(14, 39, 88, 0.10) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 43, 102, 0.05) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="products"] .product-grid {
    display: grid !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card:nth-child(n + 7) {
    display: none !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    grid-template-areas:
      "image title"
      "image desc"
      "image link" !important;
    grid-template-rows: auto auto auto !important;
    grid-auto-rows: min-content !important;
    gap: 4px 10px !important;
    align-items: start !important;
    align-content: start !important;
    justify-content: start !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > img {
    grid-area: image !important;
    width: 96px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > h3 {
    grid-area: title !important;
    margin: 0 !important;
    padding-right: 0 !important;
    color: #0e274f !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > p {
    grid-area: desc !important;
    margin: 0 !important;
    color: rgba(14, 39, 88, 0.72) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > dl {
    grid-area: meta !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2px 6px !important;
    margin: 0 !important;
    color: rgba(14, 39, 88, 0.72) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    min-width: 0 !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > dl dt {
    font-weight: 700 !important;
    color: rgba(14, 39, 88, 0.56) !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > dl dd {
    margin: 0 !important;
    font-weight: 700 !important;
    color: #143d8b !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > a {
    grid-area: link !important;
    justify-self: start !important;
    align-self: end !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #1a57bb !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > a::after {
    content: " >" !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > .zz-product-tag {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(26, 87, 187, 0.10) !important;
    color: #1a57bb !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    width: max-content !important;
    white-space: nowrap !important;
  }

  body[data-page="products"] .product-mobile-pagination {
    display: none !important;
  }

  body[data-page="products"] .product-load-more {
    display: block !important;
    margin: 24px 0 !important;
  }

  body[data-page="products"] .product-load-more button {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(14, 39, 88, 0.10) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 43, 102, 0.05) !important;
    color: #0e274f !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  body[data-page="products"] .product-load-more button::after {
    content: " ↓" !important;
  }

  body[data-page="products"] .product-mobile-cta {
    display: block !important;
    margin-top: 24px !important;
  }

  body[data-page="products"] .product-mobile-cta__card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-height: 128px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(0, 70, 184, 0.14), rgba(0, 43, 102, 0.94)) !important;
    box-shadow: 0 16px 34px rgba(8, 34, 86, 0.18) !important;
    overflow: hidden !important;
    color: #fff !important;
  }

  body[data-page="products"] .product-mobile-cta__card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      radial-gradient(420px 220px at 18% 30%, rgba(255, 255, 255, 0.14), transparent 62%),
      radial-gradient(380px 200px at 86% 72%, rgba(0, 180, 255, 0.18), transparent 58%) !important;
    pointer-events: none !important;
  }

  body[data-page="products"] .product-mobile-cta__body {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    gap: 4px !important;
    width: 100% !important;
  }

  body[data-page="products"] .product-mobile-cta__body strong {
    margin: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body[data-page="products"] .product-mobile-cta__body p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body[data-page="products"] .product-mobile-cta__btn {
    justify-self: stretch !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding-inline: 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    background: #ff7a14 !important;
    border-color: #ff7a14 !important;
    color: #fff !important;
  }

  body[data-page="products"] .product-mobile-cta__media {
    display: none !important;
  }

  body[data-page="products"] .site-footer {
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="products"] .site-footer .footer-main,
  body[data-page="products"] .site-footer .footer-cta,
  body[data-page="products"] .site-footer .footer-brand,
  body[data-page="products"] .site-footer .footer-links,
  body[data-page="products"] .site-footer .footer-qrcode,
  body[data-page="products"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="products"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 12px 0 30px !important;
  }

  body[data-page="products"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px 16px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="products"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="products"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="products"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* Stronger banner-specific override to beat shared EOF section rules. */
  body[data-page="products"] main.product-page > .product-banner {
    margin: 16px 16px 24px !important;
    width: calc(100% - 32px) !important;
    border-radius: 24px !important;
  }
}

/* =========================================================
   PRODUCT DETAIL MOBILE REBUILD
   Product-detail phone-only polish, loaded after responsive.css
   ========================================================= */
@media (max-width: 768px) {
  body[data-page="product-detail"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 70px !important;
  }

  body[data-page="product-detail"] *,
  body[data-page="product-detail"] *::before,
  body[data-page="product-detail"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-page="product-detail"] .product-detail-mobile {
    display: block !important;
  }

  body[data-page="product-detail"] .product-detail-page > .detail-hero,
  body[data-page="product-detail"] .product-detail-page > .detail-summary,
  body[data-page="product-detail"] .product-detail-page > .detail-content,
  body[data-page="product-detail"] .product-detail-page > .detail-related {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero {
    background: #fff !important;
    border-radius: 18px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__sublead {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__body {
    display: flex !important;
    flex-direction: column !important;
    padding-top: 2px !important;
    padding-bottom: 20px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__actions {
    margin-top: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__actions .btn {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    padding-inline: 10px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-selling {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-case-card p,
  body[data-page="product-detail"] .pdm-case-tags,
  body[data-page="product-detail"] .pdm-case-tags span,
  body[data-page="product-detail"] .pdm-case-card .tag,
  body[data-page="product-detail"] .pdm-case-card .badge,
  body[data-page="product-detail"] .pdm-case-card .case-tags,
  body[data-page="product-detail"] .pdm-case-card__tags,
  body[data-page="product-detail"] .pdm-case-card__desc,
  body[data-page="product-detail"] .pdm-case-card__meta {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-case-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-page="product-detail"] .pdm-case-card {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 16px !important;
  }

  body[data-page="product-detail"] .pdm-case-card img {
    width: 96px !important;
    height: 72px !important;
    aspect-ratio: auto !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  body[data-page="product-detail"] .pdm-case-card strong {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
  }

  body[data-page="product-detail"] .pdm-case-card a {
    margin: 0 !important;
    align-self: center !important;
    white-space: nowrap !important;
  }

  body[data-page="product-detail"] .site-footer {
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="product-detail"] .site-footer .footer-main,
  body[data-page="product-detail"] .site-footer .footer-cta,
  body[data-page="product-detail"] .site-footer .footer-brand,
  body[data-page="product-detail"] .site-footer .footer-links,
  body[data-page="product-detail"] .site-footer .footer-qrcode,
  body[data-page="product-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 12px 0 24px !important;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px 16px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body[data-page="product-detail"] .pdm-cta {
    display: block !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    min-height: auto !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy h2 {
    margin: 0 0 10px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy p {
    margin: 0 0 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-cta__chips {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }

  body[data-page="product-detail"] .pdm-cta__chips span {
    min-width: 0 !important;
    height: 22px !important;
    padding: 0 4px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="product-detail"] .pdm-cta__chips span::before {
    width: 5px !important;
    height: 5px !important;
    margin-right: 3px !important;
  }

  body[data-page="product-detail"] .pdm-cta__media {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 16px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__media {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__main {
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__main img {
    width: 100% !important;
    height: 260px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin-top: 10px !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs button {
    flex: 0 0 60px !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 12px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__body {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__badge,
  body[data-page="product-detail"] .pdm-mobile-hero__tag,
  body[data-page="product-detail"] .pdm-mobile-hero__sublead,
  body[data-page="product-detail"] .pdm-mobile-hero__summary,
  body[data-page="product-detail"] .pdm-mobile-hero__lead,
  body[data-page="product-detail"] .pdm-mobile-selling {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__body h1 {
    margin: 16px 0 0 !important;
    color: #10162f !important;
    font-size: 34px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__body h1 span {
    display: inline !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__actions {
    width: 100% !important;
    margin-top: 16px !important;
    display: flex !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__actions .btn {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 0 10px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero h1,
  body[data-page="product-detail"] .pdm-mobile-hero__title {
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin: 18px 0 14px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 12px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs button {
    width: auto !important;
    height: 64px !important;
    flex: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__actions,
  body[data-page="product-detail"] .product-detail-actions,
  body[data-page="product-detail"] .product-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__actions a,
  body[data-page="product-detail"] .product-detail-actions a,
  body[data-page="product-detail"] .product-hero-actions a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 48px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    padding: 0 10px !important;
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  body[data-page="product-detail"] .pdm-feature-card {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 18px 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="product-detail"] .pdm-feature-card > h2 {
    margin: 0 0 16px !important;
    color: #0b2348 !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid article {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-height: auto !important;
    padding: 0 6px !important;
    text-align: center !important;
    position: relative !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid article:not(:last-child) {
    border-right: 1px solid #e5eaf2 !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid span {
    width: 38px !important;
    height: 38px !important;
    margin: 0 auto 10px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid svg {
    width: 18px !important;
    height: 18px !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid h3 {
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="product-detail"] .pdm-case-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .pdm-case-card:nth-child(n + 3) {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-case-card {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 12px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  body[data-page="product-detail"] .pdm-case-card img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  body[data-page="product-detail"] .pdm-case-card strong {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #0b2348 !important;
    text-align: center !important;
    margin-top: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-case-card p,
  body[data-page="product-detail"] .pdm-case-tags,
  body[data-page="product-detail"] .pdm-case-tags span,
  body[data-page="product-detail"] .pdm-case-card .tag,
  body[data-page="product-detail"] .pdm-case-card .badge,
  body[data-page="product-detail"] .pdm-case-card .case-tags,
  body[data-page="product-detail"] .pdm-case-card__tags,
  body[data-page="product-detail"] .pdm-case-card__desc,
  body[data-page="product-detail"] .pdm-case-card__meta {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-case-card a {
    display: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="product-detail"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile {
    display: block !important;
  }

  body[data-page="product-detail"] .product-detail-page > .detail-hero,
  body[data-page="product-detail"] .product-detail-page > .detail-summary,
  body[data-page="product-detail"] .product-detail-page > .detail-selling-points,
  body[data-page="product-detail"] .product-detail-page > .detail-content,
  body[data-page="product-detail"] .product-detail-page > .detail-section,
  body[data-page="product-detail"] .product-detail-page > .detail-download-faq,
  body[data-page="product-detail"] .product-detail-page > .detail-related,
  body[data-page="product-detail"] .product-detail-page > .product-inquiry.product-inquiry--detail {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container > section + section {
    margin-top: 24px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-breadcrumb {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 16px !important;
    margin: 0 !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__media,
  body[data-page="product-detail"] .pdm-mobile-hero__body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__main {
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__main img {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin-top: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs button {
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__thumbs img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__body {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__body h1 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__body h1 span {
    display: inline !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 8px !important;
    height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__lead {
    display: -webkit-box !important;
    margin: 10px 0 0 !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__sublead {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__actions {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  body[data-page="product-detail"] .pdm-mobile-hero__actions .btn {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="product-detail"] .pdm-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .pdm-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="product-detail"] .pdm-card-head h2,
  body[data-page="product-detail"] .pdm-spec-card > h2,
  body[data-page="product-detail"] .pdm-feature-card > h2 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
  }

  body[data-page="product-detail"] .pdm-card-head a,
  body[data-page="product-detail"] .pdm-card-more {
    color: #0a6cff !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="product-detail"] .pdm-spec-card {
    background: transparent !important;
  }

  body[data-page="product-detail"] .pdm-spec-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tbody {
    display: grid !important;
    gap: 0 !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tr {
    display: grid !important;
    grid-template-columns: minmax(118px, 0.95fr) minmax(0, 1.05fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #e5eaf2 !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tr:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="product-detail"] .pdm-spec-table th,
  body[data-page="product-detail"] .pdm-spec-table td {
    display: block !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body[data-page="product-detail"] .pdm-spec-table th {
    color: #64748b !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  body[data-page="product-detail"] .pdm-spec-table td {
    color: #0b2348 !important;
    font-weight: 700 !important;
    text-align: right !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="product-detail"] .pdm-spec-note {
    margin: 10px 0 0 !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="product-detail"] .pdm-feature-card {
    background: transparent !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid article {
    background: #fff !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.05) !important;
    padding: 10px !important;
    min-height: 84px !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid article:not(:last-child) {
    border-right: 1px solid #e5eaf2 !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid span {
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid svg {
    width: 18px !important;
    height: 18px !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid h3 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="product-detail"] .pdm-feature-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="product-detail"] .pdm-gallery-card {
    background: transparent !important;
  }

  body[data-page="product-detail"] .pdm-gallery-shell {
    display: block !important;
    position: relative !important;
  }

  body[data-page="product-detail"] .pdm-gallery-arrow {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-gallery-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-bottom: 4px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-page="product-detail"] .pdm-gallery-track::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-gallery-item {
    flex: 0 0 150px !important;
    width: 150px !important;
    height: 110px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="product-detail"] .pdm-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="product-detail"] .pdm-download-card {
    background: transparent !important;
  }

  body[data-page="product-detail"] .pdm-download-list {
    display: grid !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .pdm-download-list a {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #e5eaf2 !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    text-decoration: none !important;
    color: inherit !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-download-list a > span.is-pdf,
  body[data-page="product-detail"] .pdm-download-list a > span.is-dwg {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  body[data-page="product-detail"] .pdm-download-info {
    min-width: 0 !important;
  }

  body[data-page="product-detail"] .pdm-download-info b {
    display: -webkit-box !important;
    margin: 0 0 3px !important;
    color: #0b2348 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-download-info small {
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body[data-page="product-detail"] .pdm-download-list a em {
    height: 36px !important;
    min-width: 56px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: #0a6cff !important;
    color: #fff !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-card-more {
    display: inline-flex !important;
    align-self: flex-end !important;
    margin-top: 12px !important;
  }

  body[data-page="product-detail"] .pdm-cases-card {
    background: transparent !important;
  }

  body[data-page="product-detail"] .pdm-case-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .pdm-case-card:nth-child(n + 3) {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-case-card {
    background: #fff !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.05) !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-width: 0 !important;
  }

  body[data-page="product-detail"] .pdm-case-card img {
    width: 100% !important;
    height: 92px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  body[data-page="product-detail"] .pdm-case-card strong {
    margin: 10px 0 0 !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-case-card p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-case-tags,
  body[data-page="product-detail"] .pdm-case-tags span,
  body[data-page="product-detail"] .pdm-case-card .tag,
  body[data-page="product-detail"] .pdm-case-card .badge,
  body[data-page="product-detail"] .pdm-case-card .case-tags,
  body[data-page="product-detail"] .pdm-case-card__tags,
  body[data-page="product-detail"] .pdm-case-card__desc,
  body[data-page="product-detail"] .pdm-case-card__meta {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-case-card a {
    margin-top: 10px !important;
    align-self: flex-start !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="product-detail"] .pdm-faq-card {
    background: transparent !important;
  }

  body[data-page="product-detail"] .pdm-faq-list {
    display: grid !important;
    gap: 10px !important;
  }

  body[data-page="product-detail"] .pdm-faq-list details {
    background: #fff !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.05) !important;
    padding: 12px 14px !important;
  }

  body[data-page="product-detail"] .pdm-faq-list summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    list-style: none !important;
    cursor: pointer !important;
  }

  body[data-page="product-detail"] .pdm-faq-list summary::-webkit-details-marker {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-faq-list details div {
    padding-top: 8px !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body[data-page="product-detail"] .pdm-cta {
    margin: 24px 0 0 !important;
    padding: 12px 16px !important;
    min-height: 120px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    background: linear-gradient(135deg, #0b2348 0%, #0a6cff 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(11, 35, 72, 0.14) !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy h2 {
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy p {
    margin: 0 0 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn.btn-accent {
    background: #fff !important;
    color: #0a6cff !important;
    border: 1px solid #fff !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn.btn-outline {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
  }

  body[data-page="product-detail"] .pdm-cta__chips,
  body[data-page="product-detail"] .pdm-cta__media {
    display: none !important;
  }

  body[data-page="product-detail"] .site-footer {
    margin-top: 24px !important;
    padding-top: 0 !important;
    background: #f5f7fa !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .site-footer .footer-main {
    display: block !important;
    padding: 12px 0 6px !important;
  }

  body[data-page="product-detail"] .site-footer .footer-main .container,
  body[data-page="product-detail"] .site-footer .footer-bottom .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .site-footer .footer-main__grid {
    display: block !important;
  }

  body[data-page="product-detail"] .site-footer .footer-company {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="product-detail"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="product-detail"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body[data-page="product-detail"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="product-detail"] .site-footer .footer-contact {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="product-detail"] .site-footer .footer-contact li:nth-child(n+4),
  body[data-page="product-detail"] .site-footer .footer-links,
  body[data-page="product-detail"] .site-footer .footer-qrcode,
  body[data-page="product-detail"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom {
    padding: 8px 0 10px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom__inner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom__inner p {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom__inner nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 16px;
  }

  body[data-page="product-detail"] .site-footer .footer-bottom__inner nav a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }

  body[data-page="product-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1100 !important;
  }

  body[data-page="product-detail"] .mobile-bottom-nav--main a[href="products.html"],
  body[data-page="product-detail"] .mobile-bottom-nav--main a[data-nav="products"],
  body[data-page="product-detail"] .mobile-bottom-nav--main a.is-active {
    color: #0a6cff !important;
    background: rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="product-detail"] .mobile-bottom-nav--main a[href="products.html"] svg,
  body[data-page="product-detail"] .mobile-bottom-nav--main a[data-nav="products"] svg,
  body[data-page="product-detail"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="product-detail"] .mobile-bottom-nav--main a[href="products.html"] small,
  body[data-page="product-detail"] .mobile-bottom-nav--main a[data-nav="products"] small,
  body[data-page="product-detail"] .mobile-bottom-nav--main a.is-active small {
    color: inherit !important;
    stroke: currentColor !important;
    fill: currentColor !important;
  }
}

/* =========================================================
   SOLUTIONS MOBILE REBUILD
   Solutions phone-only polish, loaded after responsive.css
   ========================================================= */
@media (max-width: 768px) {
  body[data-page="solutions"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 70px !important;
  }

  body[data-page="solutions"] *,
  body[data-page="solutions"] *::before,
  body[data-page="solutions"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits > div {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    text-align: center !important;
    padding: 0 6px !important;
    min-height: auto !important;
    display: grid !important;
    justify-items: center !important;
    gap: 0 !important;
    align-content: start !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits > div:not(:last-child) {
    border-right: 1px solid #e5eaf2 !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits > div > span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background-color: #eef4ff !important;
    background-size: 16px 16px !important;
    color: #0a6cff !important;
    margin: 0 auto 8px !important;
    box-shadow: none !important;
    border: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits strong {
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits small {
    color: #64748b !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-dots,
  body[data-page="solutions"] .swiper-pagination,
  body[data-page="solutions"] .case-pagination,
  body[data-page="solutions"] .solution-case-dots,
  body[data-page="solutions"] .carousel-dots,
  body[data-page="solutions"] .slick-dots,
  body[data-page="solutions"] .solution-case-slider__dots {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer {
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="solutions"] .site-footer .footer-main,
  body[data-page="solutions"] .site-footer .footer-cta,
  body[data-page="solutions"] .site-footer .footer-brand,
  body[data-page="solutions"] .site-footer .footer-links,
  body[data-page="solutions"] .site-footer .footer-qrcode,
  body[data-page="solutions"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 12px 0 24px !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px 16px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}

/* Case detail mobile final override: rebuild the case-detail page into the compact industrial mobile layout. */
@media (max-width: 768px) {
  body[data-page="case-detail"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 0 !important;
  }

  body[data-page="case-detail"],
  body[data-page="case-detail"] *,
  body[data-page="case-detail"] *::before,
  body[data-page="case-detail"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="case-detail"] .case-detail-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
    padding-bottom: 0 !important;
  }

  body[data-page="case-detail"] .case-detail-page > .page-banner,
  body[data-page="case-detail"] .case-detail-page > .breadcrumb,
  body[data-page="case-detail"] .case-detail-page > .case-detail-main,
  body[data-page="case-detail"] .case-detail-page > .case-subscribe {
    display: none !important;
  }

  body[data-page="case-detail"] .case-detail-mobile {
    display: block !important;
    padding-bottom: 0 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 16px 16px 0 !important;
    display: grid !important;
    gap: 24px !important;
    box-sizing: border-box !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__hero {
    position: relative !important;
    height: 220px !important;
    min-height: 220px !important;
    margin: 0 !important;
    padding: 20px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background:
      linear-gradient(90deg, rgba(4, 18, 48, 0.95) 0%, rgba(3, 38, 92, 0.82) 42%, rgba(3, 38, 92, 0.24) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) center center / cover no-repeat !important;
    box-shadow: 0 18px 36px rgba(9, 30, 72, 0.18) !important;
    display: flex !important;
    align-items: flex-end !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.22) 100%) !important;
    pointer-events: none !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__hero-copy {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 240px !important;
    display: grid !important;
    gap: 8px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__hero-copy h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: 1.14 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    text-wrap: balance !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__hero-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__hero-meta span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    backdrop-filter: blur(4px) !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__panel,
  body[data-page="case-detail"] .case-detail-mobile__background {
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 26px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__section-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__section-head h2,
  body[data-page="case-detail"] .case-detail-mobile__related-head h2 {
    margin: 0 !important;
    color: #0e274f !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__stat {
    min-height: 80px !important;
    padding: 12px 12px 10px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 8px 20px rgba(0, 20, 52, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__stat-icon {
    display: none !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__stat strong {
    color: #0e274f !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    word-break: break-word !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__stat small {
    color: rgba(14, 39, 88, 0.66) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__background p {
    margin: 0 !important;
    color: #334155 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__background p + p {
    margin-top: 10px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__solution,
  body[data-page="case-detail"] .case-detail-mobile__site-gallery,
  body[data-page="case-detail"] .case-detail-mobile__results,
  body[data-page="case-detail"] .case-detail-mobile__related,
  body[data-page="case-detail"] .case-detail-mobile__related-cases,
  body[data-page="case-detail"] .case-detail-mobile__prev-next {
    margin: 0 !important;
    display: grid !important;
    gap: 16px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__solution > div {
    display: grid !important;
    gap: 16px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__solution > div > article {
    padding: 14px 14px 15px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 20, 52, 0.05) !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__solution > div > article strong {
    display: block !important;
    margin: 0 !important;
    color: #0e274f !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__solution > div > article p {
    margin: 6px 0 0 !important;
    color: rgba(14, 39, 88, 0.72) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__site-gallery > div {
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 4px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__site-gallery > div::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__site-gallery > div figure {
    flex: 0 0 min(72vw, 240px) !important;
    height: 180px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.08) !important;
    scroll-snap-align: start !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__site-gallery > div img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__results .case-detail-mobile__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__results .case-detail-mobile__stat strong {
    font-size: 18px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-arrows {
    display: none !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track a {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 20, 52, 0.05) !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track img {
    width: 96px !important;
    height: 72px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track div {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track strong {
    color: #0e274f !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track small {
    color: rgba(14, 39, 88, 0.64) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track span {
    display: inline-flex !important;
    width: fit-content !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases > div {
    display: grid !important;
    gap: 16px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases > div a {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 20, 52, 0.05) !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases > div img {
    width: 96px !important;
    height: 72px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases > div div {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases > div span {
    display: inline-flex !important;
    width: fit-content !important;
    min-height: 20px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: rgba(10, 108, 255, 0.10) !important;
    color: #0a6cff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases > div strong {
    color: #0e274f !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases > div small {
    color: rgba(14, 39, 88, 0.64) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__prev-next {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__prev-next a {
    min-height: 112px !important;
    padding: 12px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 20, 52, 0.05) !important;
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__prev,
  body[data-page="case-detail"] .case-detail-mobile__prev span {
    align-items: flex-start !important;
    text-align: left !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__next,
  body[data-page="case-detail"] .case-detail-mobile__next span {
    align-items: flex-end !important;
    text-align: right !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__prev svg,
  body[data-page="case-detail"] .case-detail-mobile__next svg {
    width: 16px !important;
    height: 16px !important;
    color: #0a6cff !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__next svg {
    order: -1 !important;
    align-self: flex-end !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__prev span,
  body[data-page="case-detail"] .case-detail-mobile__next span {
    display: grid !important;
    gap: 4px !important;
    margin-top: auto !important;
    color: rgba(14, 39, 88, 0.58) !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__prev em,
  body[data-page="case-detail"] .case-detail-mobile__next em {
    font-style: normal !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__prev strong,
  body[data-page="case-detail"] .case-detail-mobile__next strong {
    margin: 0 !important;
    color: #0e274f !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: 34px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-height: 120px !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #0a6cff 0%, #063b9a 100%) !important;
    overflow: hidden !important;
    box-shadow: none !important;
    margin: 24px 0 24px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__cta-copy {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    gap: 6px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__cta h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__cta p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__cta-actions {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 2px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__cta-actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__cta-actions .btn[href^="tel"] {
    font-size: 12px !important;
  }

  body[data-page="case-detail"] .site-footer {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    color: #64748b !important;
    background: #f5f7fa !important;
    overflow-x: hidden !important;
  }

  body[data-page="case-detail"] .site-footer a {
    color: #64748b !important;
  }

  body[data-page="case-detail"] .site-footer .footer-main {
    display: block !important;
    padding: 10px 0 4px !important;
  }

  body[data-page="case-detail"] .site-footer .footer-main .container,
  body[data-page="case-detail"] .site-footer .footer-bottom .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="case-detail"] .site-footer .footer-main__grid {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="case-detail"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="case-detail"] .site-footer .footer-company p,
  body[data-page="case-detail"] .site-footer .footer-qrcode,
  body[data-page="case-detail"] .site-footer .footer-links,
  body[data-page="case-detail"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="case-detail"] .site-footer .footer-company h2 {
    margin: 0 0 4px !important;
    color: #0e274f !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="case-detail"] .site-footer .footer-contact {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 4px !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body[data-page="case-detail"] .site-footer .footer-contact li:nth-child(n + 4) {
    display: none !important;
  }

  body[data-page="case-detail"] .site-footer .footer-bottom {
    padding: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
  }

  body[data-page="case-detail"] .site-footer .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="case-detail"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="case-detail"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="case-detail"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body[data-page="case-detail"] .floating-contact {
    display: none !important;
  }

  body[data-page="case-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 999 !important;
  }

  body[data-page="case-detail"] .mobile-bottom-nav--main a.is-active {
    color: #0a6cff !important;
  }
}

/* Cases mobile final override: rebuild the cases page into the reference two-column mobile layout. */
@media (max-width: 768px) {
  body[data-page="cases"] {
    background: #f5f7fa;
    overflow-x: hidden;
    padding-bottom: 78px !important;
  }

  body[data-page="cases"] *,
  body[data-page="cases"] *::before,
  body[data-page="cases"] *::after {
    box-sizing: border-box;
  }

  body[data-page="cases"] .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  body[data-page="cases"] .case-banner {
    display: none !important;
  }

  body[data-page="cases"] .case-list-section,
  body[data-page="cases"] .case-feature,
  body[data-page="cases"] .case-related-strip,
  body[data-page="cases"] .case-inquiry {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile {
    display: block !important;
    padding: 0 0 14px;
  }

  body[data-page="cases"] .cases-mobile .container {
    width: 100%;
    max-width: 100%;
    padding-inline: 16px;
  }

  body[data-page="cases"] .cases-mobile__hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 230px;
    padding: 22px 18px 18px;
    border-radius: 18px 18px 0 0;
    background:
      linear-gradient(90deg, rgba(0, 18, 48, 0.94) 0%, rgba(0, 43, 102, 0.8) 54%, rgba(0, 43, 102, 0.18) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) right center / cover no-repeat;
    box-shadow: 0 14px 34px rgba(0, 18, 48, 0.16);
  }

  body[data-page="cases"] .cases-mobile__hero-copy {
    position: relative;
    z-index: 1;
    width: min(100%, 288px);
  }

  body[data-page="cases"] .cases-mobile__hero-copy h1 {
    margin: 0 0 8px;
    color: var(--color-white);
    font-size: 34px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: 0;
  }

  body[data-page="cases"] .cases-mobile__hero-copy p {
    max-width: 278px;
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.48;
  }

  body[data-page="cases"] .cases-mobile__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px 6px;
    width: 100%;
  }

  body[data-page="cases"] .cases-mobile__stat {
    display: grid;
    justify-items: center;
    gap: 5px;
    min-width: 0;
    text-align: center;
    color: var(--color-white);
  }

  body[data-page="cases"] .cases-mobile__stat-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1.5px solid rgba(255, 255, 255, 0.84);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
  }

  body[data-page="cases"] .cases-mobile__stat-icon svg {
    width: 16px;
    height: 16px;
    color: var(--color-white);
  }

  body[data-page="cases"] .cases-mobile__stat strong {
    color: var(--color-white);
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
  }

  body[data-page="cases"] .cases-mobile__stat small {
    color: rgba(255, 255, 255, 0.84);
    font-size: 10px;
    line-height: 1.2;
  }

  body[data-page="cases"] .cases-mobile__panel {
    margin-top: -1px;
    padding: 16px 14px 14px;
    border: 1px solid rgba(13, 36, 79, 0.08);
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 14px 28px rgba(0, 18, 48, 0.08);
  }

  body[data-page="cases"] .cases-mobile__industries {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
  }

  body[data-page="cases"] .cases-mobile__industries a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 64px;
    min-height: 64px;
    padding: 8px 4px;
    border: 1px solid rgba(13, 36, 79, 0.10);
    border-radius: 12px;
    background: var(--color-white);
    box-shadow: 0 6px 14px rgba(0, 18, 48, 0.06);
    color: #1b2d4c;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    box-sizing: border-box;
    gap: 6px;
  }

  body[data-page="cases"] .cases-mobile__industries a svg {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    flex: 0 0 auto;
  }

  body[data-page="cases"] .cases-mobile__industries a.is-active {
    color: var(--color-white);
    background: linear-gradient(135deg, #0059d2 0%, #0a46bd 100%);
    border-color: rgba(0, 70, 184, 0.22);
    box-shadow: 0 8px 18px rgba(0, 70, 184, 0.18);
  }

  body[data-page="cases"] .cases-mobile__toolbar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
  }

  body[data-page="cases"] .cases-mobile__toolbar button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid rgba(13, 36, 79, 0.10);
    border-radius: 12px;
    background: var(--color-white);
    box-shadow: 0 6px 14px rgba(0, 18, 48, 0.06);
    color: #1b2d4c;
    font-size: 12px;
    font-weight: 800;
    min-width: 0;
  }

  body[data-page="cases"] .cases-mobile__toolbar button svg {
    width: 12px;
    height: 12px;
    color: var(--color-blue-700);
    flex: 0 0 auto;
  }

  body[data-page="cases"] .cases-mobile__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 18px;
  }

  body[data-page="cases"] .cases-mobile-card {
    overflow: hidden;
    border: 1px solid rgba(13, 36, 79, 0.08);
    border-radius: 16px;
    background: var(--color-white);
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06);
    min-width: 0;
  }

  body[data-page="cases"] .cases-mobile-card__media {
    position: relative;
  }

  body[data-page="cases"] .cases-mobile-card__media img {
    display: block;
    width: 100%;
    height: 120px;
    object-fit: cover;
    object-position: center center;
    border-radius: 16px 16px 0 0;
  }

  body[data-page="cases"] .cases-mobile-card__media span {
    position: absolute;
    left: 8px;
    top: 8px;
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(84, 142, 255, 0.96);
    color: var(--color-white);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: 0 8px 16px rgba(0, 18, 48, 0.20);
  }

  body[data-page="cases"] .cases-mobile-card__body {
    padding: 12px 12px 14px;
    min-width: 0;
  }

  body[data-page="cases"] .cases-mobile-card__body h2 {
    margin: 0 0 6px;
    color: #091c3a;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  body[data-page="cases"] .cases-mobile-card__body p {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile-card__stats {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile-card__stats div {
    display: grid;
    gap: 2px;
    text-align: center;
    min-width: 0;
  }

  body[data-page="cases"] .cases-mobile-card__stats strong {
    color: var(--color-blue-700);
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    min-width: 0;
  }

  body[data-page="cases"] .cases-mobile-card__stats small {
    color: #78859b;
    font-size: 9px;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  body[data-page="cases"] .cases-mobile-card__body a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
    color: var(--color-blue-700);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
  }

  body[data-page="cases"] .cases-mobile-card__media span,
  body[data-page="cases"] .case-card__tag,
  body[data-page="cases"] .case-card h2 span,
  body[data-page="cases"] .case-card p,
  body[data-page="cases"] .case-card dl {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile__pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding-top: 18px;
  }

  body[data-page="cases"] .cases-mobile__pagination a,
  body[data-page="cases"] .cases-mobile__pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid rgba(13, 36, 79, 0.10);
    background: var(--color-white);
    color: #1b2d4c;
    font-size: 12px;
    line-height: 1;
  }

  body[data-page="cases"] .cases-mobile__pagination a.is-active {
    color: var(--color-white);
    border-color: rgba(0, 70, 184, 0.20);
    background: var(--color-blue-700);
  }

  body[data-page="cases"] .cases-mobile-cta {
    display: block !important;
    margin-top: 14px;
  }

  body[data-page="cases"] .cases-mobile-cta__card {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    min-height: 124px;
    padding: 16px;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(135deg, #005ad3 0%, #0a46bd 72%, #0a73f0 100%);
    box-shadow: 0 16px 28px rgba(0, 18, 48, 0.14);
    color: var(--color-white);
    min-width: 0;
  }

  body[data-page="cases"] .cases-mobile-cta__copy {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body[data-page="cases"] .cases-mobile-cta__copy strong {
    font-size: 16px;
    line-height: 1.25;
    color: var(--color-white);
    font-weight: 700;
  }

  body[data-page="cases"] .cases-mobile-cta__copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 12px;
    line-height: 1.45;
  }

  body[data-page="cases"] .cases-mobile-cta__actions {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    margin-top: 12px;
    min-width: 0;
  }

  body[data-page="cases"] .cases-mobile-cta__actions .btn {
    flex: 1 1 0;
    min-width: 0;
    height: 34px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    box-sizing: border-box;
  }

  body[data-page="cases"] .cases-mobile-cta__actions .btn[href^="tel"] {
    font-size: 11px;
    letter-spacing: 0;
  }

  body[data-page="cases"] .cases-mobile-cta__media {
    display: none !important;
  }

  body[data-page="cases"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 64px !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 999 !important;
    background: #fff !important;
    box-shadow: 0 -4px 18px rgba(11, 35, 72, 0.08) !important;
    border-radius: 14px 14px 0 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    padding: 6px 8px 6px !important;
  }

  body[data-page="cases"] .mobile-bottom-nav--main a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 46px !important;
  }

  body[data-page="cases"] .mobile-bottom-nav--main svg {
    width: 20px !important;
    height: 20px !important;
  }

  body[data-page="cases"] .floating-contact {
    display: none !important;
  }

  body[data-page="cases"] .site-footer {
    margin: 0;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="cases"] .site-footer a {
    color: #64748b !important;
  }

  body[data-page="cases"] .site-footer .footer-main,
  body[data-page="cases"] .site-footer .footer-cta,
  body[data-page="cases"] .site-footer .footer-brand,
  body[data-page="cases"] .site-footer .footer-links,
  body[data-page="cases"] .site-footer .footer-qrcode,
  body[data-page="cases"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 12px 0 24px !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px 16px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* =========================================================
     support.html mobile rebuild
     ========================================================= */
  body[data-page="support"] {
    background: #f5f7fa;
    overflow-x: hidden;
    padding-bottom: 78px !important;
  }

  body[data-page="support"] *,
  body[data-page="support"] *::before,
  body[data-page="support"] *::after {
    box-sizing: border-box;
  }

  body[data-page="support"] .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  body[data-page="support"] .service-page {
    overflow-x: hidden;
  }

  body[data-page="support"] .service-banner {
    margin: 0;
    padding: 0 0 16px;
    background: transparent;
  }

  body[data-page="support"] .service-banner__inner {
    min-height: 220px;
    max-height: 220px;
    padding: 22px 20px 16px;
    border-radius: 20px;
    overflow: hidden;
    background:
      linear-gradient(90deg, rgba(11, 35, 72, 0.92) 0%, rgba(11, 35, 72, 0.86) 48%, rgba(11, 35, 72, 0.28) 100%),
      var(--banner-image, url("../images/support/support-banner-machine-01.jpg")) center right / cover no-repeat !important;
    box-shadow: none;
  }

  body[data-page="support"] .service-banner h1 {
    margin: 0;
    color: #fff;
    font-size: 36px;
    line-height: 1.18;
    font-weight: 800;
  }

  body[data-page="support"] .support-desktop-only {
    display: none !important;
  }

  body[data-page="support"] .support-mobile-only {
    display: inline !important;
  }

  body[data-page="support"] .service-banner p {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.7;
  }

  body[data-page="support"] .service-banner-points,
  body[data-page="support"] .banner-search {
    display: none !important;
  }

  body[data-page="support"] .breadcrumb.service-breadcrumb,
  body[data-page="support"] .service-nav-section,
  body[data-page="support"] .service-home-section,
  body[data-page="support"] .service-flow-section,
  body[data-page="support"] .service-guarantee-section,
  body[data-page="support"] .service-support-strip {
    display: none !important;
  }

  body[data-page="support"] .support-mobile-assurance,
  body[data-page="support"] .support-mobile-faq,
  body[data-page="support"] .support-mobile-download,
  body[data-page="support"] .support-mobile-cta {
    display: block !important;
  }

  body[data-page="support"] .support-mobile-assurance {
    margin: 0 0 24px;
  }

  body[data-page="support"] .support-mobile-assurance__head {
    margin: 0 0 14px;
  }

  body[data-page="support"] .support-mobile-assurance__head h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #0b2348;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
  }

  body[data-page="support"] .support-mobile-assurance__head h2::before {
    content: "";
    width: 4px;
    height: 20px;
    border-radius: 999px;
    background: #0a6cff;
    flex-shrink: 0;
  }

  body[data-page="support"] .support-mobile-assurance__card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="support"] .support-mobile-assurance__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  body[data-page="support"] .support-assurance-item {
    position: relative;
    min-height: 120px;
    padding: 16px 12px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8eef8;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  body[data-page="support"] .support-assurance-item:not(:last-child)::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="support"] .support-assurance-item__icon {
    width: 42px;
    height: 42px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #eef4ff;
    color: #0a6cff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body[data-page="support"] .support-assurance-item__icon svg {
    width: 20px;
    height: 20px;
  }

  body[data-page="support"] .support-assurance-item strong {
    display: block;
    color: #0b2348;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    margin-bottom: 4px;
  }

  body[data-page="support"] .support-assurance-item small {
    display: block;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
  }

  body[data-page="support"] .support-mobile-services {
    margin: 0 0 24px;
  }

  body[data-page="support"] .support-mobile-services__head {
    margin: 0 0 14px;
  }

  body[data-page="support"] .support-mobile-services__head h2,
  body[data-page="support"] .service-home-faq .service-section-head h2,
  body[data-page="support"] .service-home-download .service-section-head h2,
  body[data-page="support"] .support-mobile-faq .service-section-head h2,
  body[data-page="support"] .support-mobile-download .service-section-head h2,
  body[data-page="support"] .support-video-section .service-section-head h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #0b2348;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
  }

  body[data-page="support"] .support-mobile-services__head h2::before,
  body[data-page="support"] .service-home-faq .service-section-head h2::before,
  body[data-page="support"] .service-home-download .service-section-head h2::before,
  body[data-page="support"] .support-mobile-faq .service-section-head h2::before,
  body[data-page="support"] .support-mobile-download .service-section-head h2::before,
  body[data-page="support"] .support-video-section .service-section-head h2::before {
    content: "";
    width: 4px;
    height: 20px;
    border-radius: 999px;
    background: #0a6cff;
    flex-shrink: 0;
  }

  body[data-page="support"] .support-mobile-services__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body[data-page="support"] .support-mobile-service-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid #e5eaf2;
    color: #0b2348;
  }

  body[data-page="support"] .support-mobile-services__grid > a:last-child {
    border-bottom: 0;
  }

  body[data-page="support"] .support-mobile-service-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eef4ff;
    color: #0a6cff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
  }

  body[data-page="support"] .support-mobile-service-card__icon svg {
    width: 20px;
    height: 20px;
  }

  body[data-page="support"] .support-mobile-service-card__body {
    min-width: 0;
    flex: 1 1 auto;
  }

  body[data-page="support"] .support-mobile-service-card__body strong {
    display: block;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: #0b2348;
    margin-bottom: 4px;
  }

  body[data-page="support"] .support-mobile-service-card__body small {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    color: #64748b;
  }

  body[data-page="support"] .support-mobile-service-card__arrow {
    margin-left: auto;
    color: #94a3b8;
    font-size: 22px;
    line-height: 1;
    flex: 0 0 auto;
  }

  body[data-page="support"] .support-mobile-faq {
    margin: 0 0 24px;
  }

  body[data-page="support"] .support-mobile-faq .service-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 14px;
  }

  body[data-page="support"] .support-mobile-faq .service-section-head a,
  body[data-page="support"] .support-mobile-download .service-section-head a,
  body[data-page="support"] .support-video-section .service-section-head a {
    margin-left: auto;
    color: #0a6cff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
  }

  body[data-page="support"] .support-faq-list {
    display: grid;
    gap: 0;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06);
  }

  body[data-page="support"] .support-faq-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 14px 16px;
    border-bottom: 1px solid #e5eaf2;
    color: #0b2348;
  }

  body[data-page="support"] .support-faq-list a:last-child {
    border-bottom: 0;
  }

  body[data-page="support"] .support-faq-list a strong {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    color: #0b2348;
  }

  body[data-page="support"] .support-faq-list a span {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 22px;
    line-height: 1;
  }

  body[data-page="support"] .support-mobile-download {
    margin: 0 0 24px;
  }

  body[data-page="support"] .support-download-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body[data-page="support"] .support-download-card {
    min-width: 0;
    min-height: 108px;
    height: 108px;
    padding: 12px 8px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #0b2348;
  }

  body[data-page="support"] .support-download-card__icon {
    width: 38px;
    height: 38px;
    margin-bottom: 8px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body[data-page="support"] .support-download-card:nth-child(1) .support-download-card__icon,
  body[data-page="support"] .support-download-card:nth-child(2) .support-download-card__icon,
  body[data-page="support"] .support-download-card:nth-child(3) .support-download-card__icon {
    background: linear-gradient(135deg, #ff7a45 0%, #ff4d4f 100%);
    color: #fff;
  }

  body[data-page="support"] .support-download-card:nth-child(4) .support-download-card__icon {
    background: linear-gradient(135deg, #2f7bff 0%, #0a6cff 100%);
    color: #fff;
  }

  body[data-page="support"] .support-download-card__body {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }

  body[data-page="support"] .support-download-card__body strong {
    display: block;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    color: #0b2348;
    margin-bottom: 4px;
    word-break: break-word;
  }

  body[data-page="support"] .support-download-card__body small {
    display: block;
    font-size: 11px;
    line-height: 1.4;
    color: #64748b;
  }

  body[data-page="support"] .support-mobile-download .support-download-strip > a:nth-child(n + 5) {
    display: none !important;
  }

  body[data-page="support"] .support-video-section {
    margin: 0 0 24px;
  }

  body[data-page="support"] .service-video-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body[data-page="support"] .service-video-card,
  body[data-page="support"] .video-card,
  body[data-page="support"] .tutorial-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    min-width: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06);
    color: #0b2348;
  }

  body[data-page="support"] .service-video-card img,
  body[data-page="support"] .video-card img,
  body[data-page="support"] .tutorial-card img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    display: block;
    margin: 0;
  }

  body[data-page="support"] .service-video-card > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -74%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(11, 35, 72, 0.7);
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }

  body[data-page="support"] .service-video-card__duration {
    position: absolute;
    right: 8px;
    top: 60px;
    z-index: 2;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(11, 35, 72, 0.75);
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
  }

  body[data-page="support"] .service-video-card strong,
  body[data-page="support"] .video-card-title,
  body[data-page="support"] .tutorial-card-title {
    width: 100% !important;
    padding: 16px 12px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    line-height: 1.4 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    word-break: break-word !important;
    color: #0b2348;
  }

  body[data-page="support"] .service-video-card__desc {
    display: none !important;
  }

  body[data-page="support"] .service-video-strip > a:nth-child(n + 5) {
    display: none !important;
  }

  body[data-page="support"] .support-mobile-cta {
    margin: 0 0 24px;
    padding: 0 0 70px;
  }

  body[data-page="support"] .support-mobile-cta__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    padding: 18px 16px;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(135deg, #0a6cff 0%, #063b9a 100%);
    box-shadow: none !important;
  }

  body[data-page="support"] .support-mobile-cta__body {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: grid;
    gap: 8px;
  }

  body[data-page="support"] .support-mobile-cta__body strong {
    display: block;
    margin: 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;
  }

  body[data-page="support"] .support-mobile-cta__body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    line-height: 1.5;
  }

  body[data-page="support"] .support-mobile-cta__actions {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: 12px;
    position: static;
    transform: none;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    z-index: 4;
  }

  body[data-page="support"] .support-mobile-cta__actions a {
    flex: 1 1 0;
    min-width: 0;
    height: 44px;
    padding: 0 8px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
  }

  body[data-page="support"] .support-mobile-cta__actions a[href^="tel"] {
    font-size: 12px;
  }

  body[data-page="support"] .support-mobile-cta__media {
    display: none !important;
  }

  body[data-page="support"] .site-footer {
    background: #f5f7fa !important;
    color: #64748b !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body[data-page="support"] .site-footer *,
  body[data-page="support"] .site-footer a {
    color: inherit;
  }

  body[data-page="support"] .site-footer .footer-main,
  body[data-page="support"] .site-footer .footer-cta,
  body[data-page="support"] .site-footer .footer-brand,
  body[data-page="support"] .site-footer .footer-links,
  body[data-page="support"] .site-footer .footer-qrcode,
  body[data-page="support"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
    padding: 12px 0 12px !important;
    margin-bottom: 0 !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
  }

  body[data-page="support"] .site-footer .footer-links {
    margin-bottom: 8px !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner nav {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner nav a {
    color: #64748b;
    font-size: 12px;
    text-decoration: none;
  }

  body[data-page="support"] .mobile-bottom-nav--main {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex !important;
    height: 64px;
    background: #fff;
    box-shadow: 0 -4px 18px rgba(11, 35, 72, 0.08);
  }

  body[data-page="support"] .mobile-bottom-nav--main a {
    flex: 1 1 0;
  }
}

@media (max-width: 768px) {
  body[data-page="news"] {
    overflow-x: hidden !important;
  }

  body[data-page="news"],
  body[data-page="news"] *,
  body[data-page="news"] *::before,
  body[data-page="news"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-page {
    width: 100%;
    overflow-x: hidden !important;
  }

  body[data-page="news"] .news-breadcrumb,
  body[data-page="news"] .news-tabs,
  body[data-page="news"] .news-mobile-tabs,
  body[data-page="news"] .news-pagination,
  body[data-page="news"] .news-sidebar,
  body[data-page="news"] .news-feature-section,
  body[data-page="news"] .news-subscribe,
  body[data-page="news"] .news-faq-strip,
  body[data-page="news"] .news-quote,
  body[data-page="news"] .news-mobile-hot,
  body[data-page="news"] .floating-contact {
    display: none !important;
  }

  body[data-page="news"] .page-banner.news-banner {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    min-height: 180px !important;
    height: 180px !important;
    margin: 0 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .page-banner.news-banner .news-banner__inner {
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0 16px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    box-sizing: border-box;
  }

  body[data-page="news"] .page-banner.news-banner h1 {
    margin: 0;
    font-size: 28px;
    line-height: 1.1;
  }

  body[data-page="news"] .page-banner.news-banner .news-hero-subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
  }

  body[data-page="news"] .page-banner.news-banner .news-hero-desc,
  body[data-page="news"] .page-banner.news-banner .news-hero-media,
  body[data-page="news"] .page-banner.news-banner .banner-search {
    display: none !important;
  }

  body[data-page="news"] main.news-page > .news-mobile-categories {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] main.news-page > .news-mobile-categories > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-inline: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-categories__card {
    padding: 6px !important;
    border-radius: 16px !important;
    transform: translateX(-16px) !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-categories__head {
    display: block !important;
    margin: 0 0 2px !important;
  }

  body[data-page="news"] .news-mobile-categories__title {
    margin: 0 !important;
    font-size: 16px;
    line-height: 1.2;
  }

  body[data-page="news"] .news-mobile-categories__more {
    display: none !important;
  }

  body[data-page="news"] .news-mobile-categories__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    overflow: visible !important;
  }

  body[data-page="news"] .news-mobile-categories__grid a {
    min-width: 0;
    height: 70px;
    min-height: 70px;
    padding: 6px 4px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
  }

  body[data-page="news"] .news-mobile-categories__grid .is-active {
    color: #fff !important;
    background: linear-gradient(135deg, #1d6fff 0%, #34a6ff 100%) !important;
    box-shadow: 0 10px 20px rgba(29, 111, 255, 0.22) !important;
  }

  body[data-page="news"] .news-mobile-categories__icon {
    width: 18px;
    height: 18px;
  }

  body[data-page="news"] .news-mobile-categories__icon svg {
    width: 100%;
    height: 100%;
  }

  body[data-page="news"] .news-mobile-categories__label {
    font-size: 10px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  body[data-page="news"] .news-mobile-categories__count {
    font-size: 9px;
    line-height: 1;
  }

  body[data-page="news"] main.news-page > .news-list-section {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    box-sizing: border-box !important;
    display: block !important;
    padding-bottom: 0 !important;
  }

  body[data-page="news"] main.news-page > .news-list-section > .container.news-layout {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-inline: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-main-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    transform: translateX(-16px) !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-list {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page="news"] .news-list-item {
    width: 100%;
    min-height: 112px;
    margin: 0 !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-list-item img {
    width: 96px !important;
    height: 72px !important;
    border-radius: 10px !important;
    object-fit: cover;
    flex: none;
  }

  body[data-page="news"] .news-list-item > div {
    min-width: 0;
  }

  body[data-page="news"] .news-list-item .news-tag {
    margin: 0 0 4px;
  }

  body[data-page="news"] .news-list-item h2 {
    margin: 0 0 6px;
    font-size: 15px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  body[data-page="news"] .news-list-item h2 a {
    color: inherit;
    text-decoration: none;
  }

  body[data-page="news"] .news-list-item p {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: #5f7190;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  body[data-page="news"] .news-list-item .news-meta {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #7b8aa5;
    font-size: 11px;
    line-height: 1.2;
  }

  body[data-page="news"] .news-list-item .news-meta span:nth-child(n+2) {
    display: none !important;
  }

  body[data-page="news"] .news-list-item .news-arrow {
    display: none !important;
  }

  body[data-page="news"] .news-mobile-loadmore {
    display: block !important;
    width: 100% !important;
    margin: 24px 0 24px !important;
    box-sizing: border-box;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important;
    left: auto !important;
    transform: translate(-16px, 24px) !important;
  }

  body[data-page="news"] .news-mobile-loadmore .btn {
    width: 100%;
    height: 44px;
    border-radius: 12px;
  }

  body[data-page="news"] .news-mobile-cta {
    display: block !important;
    margin: 0 16px 24px;
    padding-right: 16px;
  }

  body[data-page="news"] .news-mobile-cta .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-cta-card {
    width: 100%;
    min-height: 120px;
    padding: 16px !important;
    padding-right: 16px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px;
    gap: 10px;
    align-items: center;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-cta-card__copy {
    min-width: 0;
  }

  body[data-page="news"] .news-cta-card__copy h2 {
    margin: 0 0 6px;
    font-size: 18px;
    line-height: 1.25;
  }

  body[data-page="news"] .news-cta-card__copy p {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 1.45;
  }

  body[data-page="news"] .news-cta-card__copy .btn {
    height: 44px;
    border-radius: 12px;
  }

  body[data-page="news"] .news-cta-card__media {
    width: 90px;
    height: 90px;
    justify-self: end;
    align-self: center;
    overflow: hidden;
    border-radius: 12px;
  }

  body[data-page="news"] .news-cta-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  body[data-page="news"] .site-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .site-footer .footer-main {
    padding: 16px 0 8px !important;
  }

  body[data-page="news"] .site-footer .footer-main .container,
  body[data-page="news"] .site-footer .footer-bottom .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .site-footer .footer-main__grid {
    display: block !important;
  }

  body[data-page="news"] .site-footer .footer-company h2 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.2;
  }

  body[data-page="news"] .site-footer .footer-company p {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.45;
    color: #64748b;
  }

  body[data-page="news"] .site-footer .footer-contact {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 6px;
    font-size: 12px;
    line-height: 1.45;
  }

  body[data-page="news"] .site-footer .footer-links,
  body[data-page="news"] .site-footer .footer-qrcode,
  body[data-page="news"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="news"] .site-footer .footer-bottom {
    padding: 10px 0 12px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="news"] .site-footer .footer-bottom__inner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }

  body[data-page="news"] .site-footer .footer-bottom__inner p {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
  }

  body[data-page="news"] .site-footer .footer-bottom__inner nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 16px;
  }

  body[data-page="news"] .site-footer .footer-bottom__inner nav a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }

  body[data-page="news"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    display: flex !important;
    height: 64px;
    box-sizing: border-box;
  }

  body[data-page="news"] .mobile-bottom-nav--main a {
    flex: 1 1 0;
    min-width: 0;
  }

  body[data-page="news"] .mobile-bottom-nav--main a.is-active {
    color: #64748b !important;
  }

  body[data-page="news"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="news"] .mobile-bottom-nav--main a.is-active small {
    color: inherit !important;
  }
}

/* Video mobile final override: banner, search, categories, list, CTA, footer. */
@media (max-width: 768px) {
  body[data-page="video"] {
    overflow-x: hidden !important;
    padding: 0 0 calc(env(safe-area-inset-bottom) + 92px) 0 !important;
    margin: 0 !important;
    background: #f7faff;
  }

  body[data-page="video"],
  body[data-page="video"] *,
  body[data-page="video"] *::before,
  body[data-page="video"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="video"] .service-banner,
  body[data-page="video"] .service-breadcrumb,
  body[data-page="video"] .service-main-section,
  body[data-page="video"] .service-support-strip,
  body[data-page="video"] .floating-contact {
    display: none !important;
  }

  body[data-page="video"] .video-mobile-portal {
    display: block !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 0 24px !important;
  }

  body[data-page="video"] {
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="video"] .video-mobile-portal .container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  body[data-page="video"] .video-hero,
  body[data-page="video"] .video-search,
  body[data-page="video"] .video-category-section,
  body[data-page="video"] .video-list-section,
  body[data-page="video"] .video-load-more,
  body[data-page="video"] .video-cta {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    box-sizing: border-box !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-section,
  body[data-page="video"] .video-mobile-portal > .container > .video-hero,
  body[data-page="video"] .video-mobile-portal > .container > .video-search,
  body[data-page="video"] .video-mobile-portal > .container > .video-category-section,
  body[data-page="video"] .video-mobile-portal > .container > .video-list-section,
  body[data-page="video"] .video-mobile-portal > .container > .video-load-more,
  body[data-page="video"] .video-mobile-portal > .container > .video-cta {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    min-width: 0 !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-hero,
  body[data-page="video"] .video-mobile-portal > .container > .video-search,
  body[data-page="video"] .video-mobile-portal > .container > .video-category-section,
  body[data-page="video"] .video-mobile-portal > .container > .video-list-section,
  body[data-page="video"] .video-mobile-portal > .container > .video-load-more,
  body[data-page="video"] .video-mobile-portal > .container > .video-cta {
    display: block !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    align-items: center !important;
    min-height: 120px !important;
    padding: 16px !important;
    padding-right: 16px !important;
    gap: 12px !important;
  }

  body[data-page="video"] .video-list-section .video-load-more {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 0 !important;
  }

  body[data-page="video"] .video-list-section .video-load-more .btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="video"] .video-mobile-portal .video-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    min-height: 180px !important;
    padding: 0 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background:
      linear-gradient(90deg, rgba(0, 18, 48, 0.94) 0%, rgba(0, 43, 102, 0.78) 52%, rgba(0, 43, 102, 0.18) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) center center / cover no-repeat !important;
    box-shadow: 0 16px 34px rgba(0, 20, 52, 0.16);
  }

  body[data-page="video"] .page-banner.service-banner.video-hero {
    display: none !important;
  }

  body[data-page="video"] .video-hero__copy,
  body[data-page="video"] .video-mobile-portal--cases-rhythm .video-portal-hero__copy {
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
  }

  body[data-page="video"] .video-hero__copy h1,
  body[data-page="video"] .video-mobile-portal--cases-rhythm .video-portal-hero__copy h1 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
  }

  body[data-page="video"] .video-mobile-portal--cases-rhythm .video-portal-hero__subtitle {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
  }

  body[data-page="video"] .video-mobile-portal--cases-rhythm .video-portal-hero__desc,
  body[data-page="video"] .video-mobile-portal--cases-rhythm .video-portal-hero__art {
    display: none !important;
  }

  body[data-page="video"] .video-mobile-portal .video-hero {
    display: none !important;
  }

  body[data-page="video"] .video-search {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 84px;
    align-items: center;
    height: 44px;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
    border: 1px solid rgba(13, 36, 79, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 12px 24px rgba(0, 18, 48, 0.08);
  }

  body[data-page="video"] .video-search:focus-within,
  body[data-page="video"] .video-portal-search:focus-within {
    border-color: #0A6CFF !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="video"] .video-search__icon,
  body[data-page="video"] .video-portal-search__icon {
    width: 38px;
    height: 44px;
    background: rgba(11, 91, 211, 0.08);
    -webkit-mask: var(--icon-search) center / 18px 18px no-repeat;
            mask: var(--icon-search) center / 18px 18px no-repeat;
    background-color: var(--color-blue-700);
    opacity: 0.88;
  }

  body[data-page="video"] .video-search input,
  body[data-page="video"] .video-portal-search input {
    height: 44px;
    padding: 0 10px 0 8px;
    min-width: 0;
    border: 0;
    background: transparent;
    font-size: 13px;
  }

  body[data-page="video"] .video-search input:focus,
  body[data-page="video"] .video-portal-search input:focus {
    outline: none;
    background: #fff;
  }

  body[data-page="video"] .video-search .btn,
  body[data-page="video"] .video-portal-search .btn {
    height: 44px;
    min-width: 84px;
    padding-inline: 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
  }

  body[data-page="video"] .video-category-section {
    margin-bottom: 24px !important;
  }

  body[data-page="video"] .video-category-section .video-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
  }

  body[data-page="video"] .video-category-section .video-section-head h2,
  body[data-page="video"] .video-list-section .video-section-head h2 {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 950;
  }

  body[data-page="video"] .video-cat-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  body[data-page="video"] .video-cat-card {
    min-height: 76px;
    padding: 10px 8px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    overflow: hidden;
  }

  body[data-page="video"] .video-cat-card strong,
  body[data-page="video"] .video-cat-card small {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-page="video"] .video-cat-card.is-active {
    color: #fff !important;
    background: linear-gradient(135deg, #1d6fff 0%, #34a6ff 100%) !important;
    box-shadow: 0 10px 20px rgba(29, 111, 255, 0.22) !important;
  }

  body[data-page="video"] .video-cat-card.is-active .video-cat-icon {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.16) !important;
  }

  body[data-page="video"] .video-portal-hot,
  body[data-page="video"] .video-portal-browse,
  body[data-page="video"] .video-section-more,
  body[data-page="video"] .video-portal-hot .video-section-head,
  body[data-page="video"] .video-portal-browse .video-section-head {
    display: none !important;
  }

  body[data-page="video"] .video-list-section {
    margin-bottom: 24px !important;
  }

  body[data-page="video"] .video-list-section .video-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
  }

  body[data-page="video"] .video-latest-list {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
  }

  body[data-page="video"] .video-latest-item {
    display: flex !important;
    gap: 12px;
    align-items: start;
    min-height: 112px;
    padding: 12px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(0, 20, 52, 0.08);
  }

  body[data-page="video"] .video-latest-thumb {
    flex: 0 0 96px;
    width: 96px;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    flex: none;
  }

  body[data-page="video"] .video-latest-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body[data-page="video"] .video-latest-main {
    min-width: 0;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 4px !important;
    overflow: hidden !important;
    width: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body[data-page="video"] .video-latest-main h3 {
    order: 1;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-page="video"] .video-latest-main h3 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color-text);
  }

  body[data-page="video"] .video-latest-tag {
    order: 4;
    align-self: flex-start;
    margin-top: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 18px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(11, 91, 211, 0.08);
    color: var(--color-blue-700);
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
    position: static;
    max-width: 100%;
  }

  body[data-page="video"] .video-latest-main p {
    order: 2;
    margin: 0 !important;
    color: rgba(71, 84, 103, 0.88);
    font-size: 11px !important;
    line-height: 1.5 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  body[data-page="video"] .video-latest-main .video-hot-meta {
    order: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    font-size: 10px;
    line-height: 1.2;
    color: #7b8aa5;
  }

  body[data-page="video"] .video-latest-main .video-hot-meta span:first-child {
    display: none !important;
  }

  body[data-page="video"] .video-latest-item .btn {
    display: none !important;
  }

  body[data-page="video"] .video-load-more {
    display: block !important;
    margin-top: 24px !important;
  }

  body[data-page="video"] .video-load-more .btn {
    width: 100%;
    height: 44px;
    border-radius: 12px;
  }

  body[data-page="video"] .video-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 12px;
    align-items: center;
    min-height: 120px;
    padding: 16px !important;
    padding-right: 16px !important;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(135deg, rgb(10, 51, 164) 0%, rgb(11, 91, 211) 55%, rgb(15, 73, 207) 100%);
    color: #fff;
    box-shadow: 0 18px 44px rgba(0, 20, 52, 0.22);
  }

  body[data-page="video"] .video-cta__copy {
    min-width: 0;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-cta .video-portal-cta__copy h2 {
    margin: 0 0 4px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    color: #fff;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-cta .video-portal-cta__copy p {
    margin: 0 0 6px !important;
    color: rgba(255, 255, 255, 0.96);
    font-size: 10px !important;
    line-height: 1.3 !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-cta .video-portal-cta__actions {
    display: flex;
    gap: 8px !important;
    width: 100%;
  }

  body[data-page="video"] .video-portal-cta__actions .btn {
    flex: 1 1 0;
    min-width: 0;
    height: 44px;
    padding-inline: 14px;
    border-radius: 12px;
    white-space: nowrap;
  }

  body[data-page="video"] .video-portal-cta__actions .btn.btn-accent {
    font-size: 13px;
  }

  body[data-page="video"] .video-portal-cta__media {
    width: 92px;
    height: 92px;
    justify-self: end;
    margin-right: 0;
    overflow: hidden;
    border-radius: 14px;
  }

  body[data-page="video"] .video-portal-cta__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  body[data-page="video"] .site-footer {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(120deg, rgb(1, 26, 69) 0%, rgb(2, 47, 126) 100%) !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  body[data-page="video"] .site-footer .footer-main {
    display: block !important;
    padding: 10px 0 4px !important;
  }

  body[data-page="video"] .site-footer .footer-main .container,
  body[data-page="video"] .site-footer .footer-bottom .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
  }

  body[data-page="video"] .site-footer .footer-main__grid {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="video"] .site-footer .footer-main__grid > :not(.footer-company):not(.footer-contact) {
    display: none !important;
  }

  body[data-page="video"] .site-footer .footer-company h2 {
    margin: 0 0 4px;
    font-size: 17px;
    line-height: 1.2;
  }

  body[data-page="video"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="video"] .site-footer .footer-contact {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 4px;
    font-size: 11px;
    line-height: 1.35;
  }

  body[data-page="video"] .site-footer .footer-contact li:nth-child(n+4),
  body[data-page="video"] .site-footer .footer-links,
  body[data-page="video"] .site-footer .footer-qrcode,
  body[data-page="video"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="video"] .site-footer .footer-bottom {
    padding: 6px 0 8px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 6px !important;
    text-align: center !important;
    overflow: visible !important;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    font-size: 12px;
    line-height: 1.4;
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner nav {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px 12px !important;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner nav a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    text-align: center;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body[data-page="video"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100%;
    z-index: 999;
    display: flex !important;
    height: 64px;
    box-sizing: border-box;
  }

  body[data-page="video"] .mobile-bottom-nav--main a {
    flex: 1 1 0;
    min-width: 0;
  }
}

@media (max-width: 768px) {
  body[data-page="news-detail"] {
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="news-detail"] .news-banner,
  body[data-page="news-detail"] .news-breadcrumb,
  body[data-page="news-detail"] .news-detail-section,
  body[data-page="news-detail"] .news-subscribe {
    display: none !important;
  }

  body[data-page="news-detail"] .news-detail-mobile {
    display: block !important;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    padding: 0 0 24px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__breadcrumb {
    display: none !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__head,
  body[data-page="news-detail"] .news-detail-mobile__hero-image,
  body[data-page="news-detail"] .news-detail-mobile__body,
  body[data-page="news-detail"] .news-detail-mobile__event-card,
  body[data-page="news-detail"] .news-detail-mobile__prev-next,
  body[data-page="news-detail"] .news-detail-mobile__related {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__head {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__head h1 {
    margin: 0 0 8px !important;
    color: var(--color-navy-900) !important;
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px;
  }

  body[data-page="news-detail"] .news-detail-mobile__head > p {
    display: none !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 32px !important;
    margin-top: 0 !important;
    color: rgba(16, 24, 40, 0.58) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    flex-wrap: nowrap !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta span,
  body[data-page="news-detail"] .news-detail-mobile__meta a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta span:nth-child(2) {
    display: none !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta em {
    font-style: normal !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta a {
    margin-left: auto !important;
    color: var(--color-blue-700) !important;
    font-weight: 800 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__hero-image {
    display: block !important;
    margin-top: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 9;
    background: #f3f6fb;
  }

  body[data-page="news-detail"] .news-detail-mobile__hero-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body {
    margin-top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__summary {
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #F5F9FF !important;
    color: rgba(16, 24, 40, 0.78) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    font-weight: 600 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body section {
    margin: 0 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body section + section {
    margin-top: 24px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body h2 {
    position: relative !important;
    margin: 24px 0 12px !important;
    padding-left: 12px !important;
    color: var(--color-navy-900) !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 3px !important;
    bottom: 3px !important;
    width: 4px !important;
    border-radius: 4px !important;
    background: var(--color-blue-700) !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body p {
    margin: 0 !important;
    color: rgba(16, 24, 40, 0.72) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile > .container > .news-detail-mobile__event-card {
    width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 110px !important;
    padding: 10px !important;
    border: 1px solid rgba(11, 91, 211, 0.14) !important;
    border-radius: 16px !important;
    background: rgba(11, 91, 211, 0.06) !important;
    box-shadow: 0 12px 30px rgba(0, 20, 52, 0.08) !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__event-card img {
    width: 96px !important;
    height: 72px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__event-card div {
    min-width: 0 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__event-card h3 {
    margin: 0 0 4px !important;
    color: var(--color-navy-900) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__event-card p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
    margin: 0 0 8px !important;
    color: rgba(16, 24, 40, 0.62) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__event-card .btn {
    min-height: 36px !important;
    height: 36px !important;
    padding-inline: 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev-next {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 16px 24px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev-next a {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 4px !important;
    min-height: 104px !important;
    padding: 12px !important;
    border: 1px solid rgba(0, 20, 52, 0.10) !important;
    border-radius: 14px !important;
    background: #fff !important;
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.06) !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev-next span {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin: 0 !important;
    color: rgba(16, 24, 40, 0.52) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev-next strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: 32px !important;
    margin: 0 !important;
    color: rgba(16, 24, 40, 0.9) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev svg,
  body[data-page="news-detail"] .news-detail-mobile__next svg {
    width: 16px !important;
    height: 16px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__next svg {
    order: -1 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile > .container > .news-detail-mobile__related {
    width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-bottom: 24px !important;
    padding: 16px !important;
    border: 1px solid rgba(0, 20, 52, 0.10) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 12px 30px rgba(0, 20, 52, 0.08) !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related h2 {
    margin: 0 !important;
    color: var(--color-navy-900) !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related header a {
    color: var(--color-blue-700) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid rgba(0, 20, 52, 0.10) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.06) !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid img {
    width: 100% !important;
    height: 70px !important;
    object-fit: cover !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__tag {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 28px !important;
    margin: 12px 8px 12px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    background: rgba(11, 91, 211, 0.14) !important;
    color: var(--color-blue-700) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    width: fit-content !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__tag.is-green {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #15803d !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__tag.is-orange {
    background: rgba(251, 146, 60, 0.18) !important;
    color: #c2410c !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: 48px !important;
    margin: 0 8px !important;
    color: rgba(16, 24, 40, 0.92) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid small {
    display: block !important;
    margin: auto 8px 10px !important;
    color: rgba(16, 24, 40, 0.56) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body[data-page="news-detail"] .site-footer {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(120deg, rgb(1, 26, 69) 0%, rgb(2, 47, 126) 100%) !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  body[data-page="news-detail"] .site-footer .footer-main {
    display: block !important;
    padding: 10px 0 4px !important;
  }

  body[data-page="news-detail"] .site-footer .footer-main .container,
  body[data-page="news-detail"] .site-footer .footer-bottom .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .site-footer .footer-main__grid {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="news-detail"] .site-footer .footer-main__grid > :not(.footer-company):not(.footer-contact) {
    display: none !important;
  }

  body[data-page="news-detail"] .site-footer .footer-company h2 {
    margin: 0 0 4px;
    font-size: 17px;
    line-height: 1.2;
  }

  body[data-page="news-detail"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="news-detail"] .site-footer .footer-contact {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 4px;
    font-size: 11px;
    line-height: 1.35;
  }

  body[data-page="news-detail"] .site-footer .footer-contact li:nth-child(n+4),
  body[data-page="news-detail"] .site-footer .footer-links,
  body[data-page="news-detail"] .site-footer .footer-qrcode,
  body[data-page="news-detail"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="news-detail"] .site-footer .footer-bottom {
    padding: 6px 0 8px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="news-detail"] .site-footer .footer-bottom__inner {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 6px !important;
    text-align: center !important;
    overflow: visible !important;
  }

  body[data-page="news-detail"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body[data-page="news-detail"] .site-footer .footer-bottom__inner nav {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px 12px !important;
  }

  body[data-page="news-detail"] .site-footer .footer-bottom__inner nav a {
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-align: center !important;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body[data-page="news-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    display: flex !important;
    height: 64px;
    box-sizing: border-box;
  }

  body[data-page="news-detail"] .mobile-bottom-nav--main a {
    flex: 1 1 0;
    min-width: 0;
  }

  body[data-page="news-detail"] .mobile-bottom-nav--main a.is-active {
    color: #64748b !important;
  }

  body[data-page="news-detail"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="news-detail"] .mobile-bottom-nav--main a.is-active small {
    color: inherit !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news"] .news-list-section,
  body[data-page="news"] .news-list-container,
  body[data-page="news"] .news-main-card,
  body[data-page="news"] .news-mobile-loadmore,
  body[data-page="news"] .news-load-more,
  body[data-page="news"] .news-mobile-loadmore-wrapper {
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] main.news-page > .news-list-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body[data-page="news"] .news-main-card {
    transform: none !important;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore,
  body[data-page="news"] .news-load-more,
  body[data-page="news"] .news-mobile-loadmore-wrapper {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="news"] .news-mobile-loadmore {
    margin: 0 !important;
  }

  body[data-page="news"] .news-mobile-loadmore .btn,
  body[data-page="news"] .news-load-more .btn,
  body[data-page="news"] .news-mobile-loadmore-wrapper .btn {
    display: block !important;
    width: calc(100% - 32px) !important;
    margin: 24px 16px 32px !important;
    height: 56px !important;
    border-radius: 16px !important;
    border: 1px solid #0A6CFF !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(15, 35, 80, 0.04) !important;
  }

  body[data-page="news"] .news-mobile-loadmore .btn:hover,
  body[data-page="news"] .news-load-more .btn:hover,
  body[data-page="news"] .news-mobile-loadmore-wrapper .btn:hover,
  body[data-page="news"] .news-mobile-loadmore .btn:focus,
  body[data-page="news"] .news-load-more .btn:focus,
  body[data-page="news"] .news-mobile-loadmore-wrapper .btn:focus {
    border-color: #0A6CFF !important;
    outline: none !important;
    box-shadow: 0 8px 20px rgba(15, 35, 80, 0.04) !important;
  }

  body[data-page="news"] .site-footer {
    overflow: visible !important;
  }

  body[data-page="news"] .news-mobile-cta {
    margin: 0 16px 24px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news"] .news-main-card > .news-mobile-loadmore {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="video"] .video-search,
  body[data-page="video"] .video-portal-search,
  body[data-page="video"] .video-search-box,
  body[data-page="video"] .mobile-video-search {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    border: 1px solid #E5EAF3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(15, 35, 80, 0.04) !important;
    overflow: hidden !important;
  }

  body[data-page="video"] .video-search:focus-within,
  body[data-page="video"] .video-portal-search:focus-within,
  body[data-page="video"] .video-search-box:focus-within,
  body[data-page="video"] .mobile-video-search:focus-within {
    border-color: #0A6CFF !important;
    box-shadow: 0 0 0 3px rgba(10, 108, 255, 0.10) !important;
    background: #fff !important;
    outline: none !important;
  }

  body[data-page="video"] .video-search input,
  body[data-page="video"] .video-portal-search input,
  body[data-page="video"] .video-search-box input,
  body[data-page="video"] .mobile-video-search input {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    outline: none !important;
    display: block !important;
    line-height: 44px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body[data-page="video"] .video-search input:focus,
  body[data-page="video"] .video-portal-search input:focus,
  body[data-page="video"] .video-search-box input:focus,
  body[data-page="video"] .mobile-video-search input:focus {
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="video"] .video-search input::-webkit-search-decoration,
  body[data-page="video"] .video-portal-search input::-webkit-search-decoration,
  body[data-page="video"] .video-search-box input::-webkit-search-decoration,
  body[data-page="video"] .mobile-video-search input::-webkit-search-decoration,
  body[data-page="video"] .video-search input::-webkit-search-cancel-button,
  body[data-page="video"] .video-portal-search input::-webkit-search-cancel-button,
  body[data-page="video"] .video-search-box input::-webkit-search-cancel-button,
  body[data-page="video"] .mobile-video-search input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
  }
}

@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  body[data-page="news"] {
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="news"] main.news-page,
  body[data-page="news"] .news-page,
  body[data-page="news"] .mobile-news-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body[data-page="news"] .page-banner.news-banner,
  body[data-page="news"] .news-mobile-categories,
  body[data-page="news"] .news-list-section,
  body[data-page="news"] .news-mobile-loadmore,
  body[data-page="news"] .news-mobile-cta {
    width: auto !important;
    max-width: none !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .page-banner.news-banner {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  body[data-page="news"] .page-banner.news-banner .news-banner__inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-categories > .container,
  body[data-page="news"] .news-list-section > .container.news-layout,
  body[data-page="news"] main.news-page > .news-list-section > .container.news-layout {
    display: contents !important;
  }

  body[data-page="news"] .news-mobile-categories__card,
  body[data-page="news"] .news-main-card,
  body[data-page="news"] .news-cta-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-categories__grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  body[data-page="news"] .news-mobile-categories__grid a {
    width: 100% !important;
    min-width: 0 !important;
    height: 76px !important;
    min-height: 76px !important;
  }

  body[data-page="news"] .news-list,
  body[data-page="news"] .news-list-item,
  body[data-page="news"] .news-cta-card__copy,
  body[data-page="news"] .news-cta-card__media {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-list-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore,
  body[data-page="news"] .news-mobile-loadmore,
  body[data-page="news"] .news-mobile-loadmore-wrapper,
  body[data-page="news"] .news-load-more {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore .btn,
  body[data-page="news"] .news-mobile-loadmore .btn,
  body[data-page="news"] .news-mobile-loadmore-wrapper .btn,
  body[data-page="news"] .news-load-more .btn {
    width: 100% !important;
    margin: 24px 0 32px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-cta {
    overflow: hidden !important;
    padding-right: 16px !important;
  }

  body[data-page="news"] .news-cta-card {
    overflow: hidden !important;
  }

  body[data-page="news"] .news-cta-card__media {
    max-width: 96px !important;
  }

  body[data-page="news"] .mobile-bottom-nav,
  body[data-page="news"] .mobile-bottom-nav--main {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news"] .news-load-more {
    margin-bottom: 24px !important;
  }

  body[data-page="news"] .news-mobile-cta,
  body[data-page="news"] .news-cta,
  body[data-page="news"] .news-more-cta,
  body[data-page="news"] .mobile-news-cta {
    margin-top: 24px !important;
    padding-top: 0 !important;
    background: transparent !important;
  }

  body[data-page="news"] .news-mobile-cta::before,
  body[data-page="news"] .news-mobile-cta::after,
  body[data-page="news"] .news-cta::before,
  body[data-page="news"] .news-cta::after,
  body[data-page="news"] .news-more-cta::before,
  body[data-page="news"] .news-more-cta::after,
  body[data-page="news"] .mobile-news-cta::before,
  body[data-page="news"] .mobile-news-cta::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="news"] .site-footer,
  body[data-page="news"] .footer,
  body[data-page="news"] .mobile-footer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 16px !important;
  }

  body[data-page="news"] .site-footer .footer-bottom,
  body[data-page="news"] .footer-bottom {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 768px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body[data-page="news"] {
    overflow-x: hidden !important;
  }

  body[data-page="news"] .news-cta,
  body[data-page="news"] .news-more-cta,
  body[data-page="news"] .mobile-news-cta {
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px 32px !important;
    min-height: 136px !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-cta {
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px 32px !important;
    min-height: 136px !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-cta > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-cta-card {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 136px !important;
    height: auto !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  body[data-page="news"] .news-cta-card__copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body[data-page="news"] .news-cta-card__copy h2,
  body[data-page="news"] .news-cta-card__copy h3 {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="news"] .news-cta-card__copy p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
  }

  body[data-page="news"] .news-cta-card__copy .btn,
  body[data-page="news"] .news-cta-card__copy button,
  body[data-page="news"] .news-cta .btn,
  body[data-page="news"] .news-cta button,
  body[data-page="news"] .news-more-cta .btn,
  body[data-page="news"] .news-more-cta button,
  body[data-page="news"] .mobile-news-cta .btn,
  body[data-page="news"] .mobile-news-cta button {
    height: 44px !important;
    min-width: 112px !important;
    padding: 0 20px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-cta-card__media {
    width: 88px !important;
    height: 88px !important;
    flex: 0 0 88px !important;
    align-self: center !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body[data-page="news"] .news-cta-card__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
  }

  body[data-page="news"] .news-load-more {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin-top: 24px !important;
    margin-bottom: 32px !important;
    padding-bottom: 8px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-load-more .btn,
  body[data-page="news"] .news-load-more button,
  body[data-page="news"] .news-load-more a {
    height: 52px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .mobile-footer,
  body[data-page="news"] .site-footer {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news"] .news-mobile-cta,
  body[data-page="news"] .news-cta,
  body[data-page="news"] .news-more-cta,
  body[data-page="news"] .mobile-news-cta {
    margin-top: 0 !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  body[data-page="news"] .news-mobile-cta > .container {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body[data-page="news-detail"] {
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="news-detail"] main.news-detail-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="news-detail"] .news-detail-mobile {
    padding-bottom: 24px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__head {
    margin: 16px 16px 24px !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__head h1 {
    font-size: 25px !important;
    line-height: 1.3 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body section {
    margin: 0 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body section + section {
    margin-top: 24px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body h2 {
    margin: 24px 0 12px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body p {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev-next {
    align-items: stretch !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev-next a {
    min-height: 104px !important;
    height: 104px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev-next span {
    gap: 2px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev-next strong {
    min-height: 40px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related {
    overflow: hidden !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid {
    align-items: stretch !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid a {
    min-height: 194px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid img {
    height: 70px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__tag {
    height: 26px !important;
    border-radius: 13px !important;
    margin: 12px 8px 12px !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid strong {
    min-height: 44px !important;
    margin: 0 8px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid small {
    margin: auto 8px 10px !important;
  }

  body[data-page="news-detail"] .mobile-bottom-nav,
  body[data-page="news-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999 !important;
    width: 100% !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  html,
  body {
    background: #F5F7FA !important;
    overflow-x: hidden !important;
  }

  body[data-page="news"] {
    background: #F5F7FA !important;
  }

  body[data-page="news"] main.news-page,
  body[data-page="news"] .news-page {
    background: transparent !important;
  }

  body[data-page="news"] .news-mobile-categories,
  body[data-page="news"] .news-mobile-categories > .container,
  body[data-page="news"] main.news-page > .news-mobile-categories,
  body[data-page="news"] .news-list-section,
  body[data-page="news"] .news-list-section > .container.news-layout,
  body[data-page="news"] main.news-page > .news-list-section,
  body[data-page="news"] main.news-page > .news-list-section > .container.news-layout {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body[data-page="news"] .news-mobile-categories__card,
  body[data-page="news"] .news-main-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    transform: none !important;
  }

  body[data-page="news"] .news-mobile-categories__card,
  body[data-page="news"] .news-main-card {
    margin-bottom: 0 !important;
  }

  body[data-page="news"] .news-mobile-categories__grid {
    gap: 12px !important;
  }

  body[data-page="news"] .news-mobile-categories__grid a {
    background: #fff !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    box-shadow: 0 10px 24px rgba(0, 43, 102, 0.06) !important;
  }

  body[data-page="news"] .news-list {
    gap: 16px !important;
  }

  body[data-page="news"] .news-list-item {
    background: #fff !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    box-shadow: 0 10px 24px rgba(0, 43, 102, 0.06) !important;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore,
  body[data-page="news"] .news-mobile-loadmore,
  body[data-page="news"] .news-mobile-loadmore-wrapper,
  body[data-page="news"] .news-load-more {
    display: contents !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore .btn,
  body[data-page="news"] .news-mobile-loadmore .btn,
  body[data-page="news"] .news-mobile-loadmore-wrapper .btn,
  body[data-page="news"] .news-load-more .btn {
    width: 100% !important;
    margin: 24px 0 24px !important;
    height: 52px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-cta,
  body[data-page="news"] .news-cta,
  body[data-page="news"] .news-more-cta,
  body[data-page="news"] .mobile-news-cta {
    margin-top: 24px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
  }

  body[data-page="news"] .news-mobile-cta > .container {
    padding: 0 !important;
    background: transparent !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news-detail"] .news-detail-mobile__prev-next a {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 4px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev,
  body[data-page="news-detail"] .news-detail-mobile__prev-next a.news-detail-mobile__prev {
    align-items: flex-start !important;
    text-align: left !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__next,
  body[data-page="news-detail"] .news-detail-mobile__prev-next a.news-detail-mobile__next {
    align-items: flex-end !important;
    text-align: right !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev span,
  body[data-page="news-detail"] .news-detail-mobile__next span {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__prev svg {
    align-self: flex-start !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__next svg {
    order: -1 !important;
    align-self: flex-end !important;
    margin-left: auto !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__tag {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    height: 28px !important;
    margin: 12px auto !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid strong {
    min-height: 48px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
    margin: 0 !important;
    background: #F5F7FA !important;
  }

  body[data-page="video-detail"] main.service-page {
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
    overflow-x: hidden !important;
    background: #F5F7FA !important;
  }

  body[data-page="video-detail"],
  body[data-page="video-detail"] *,
  body[data-page="video-detail"] *::before,
  body[data-page="video-detail"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="video-detail"] .service-breadcrumb,
  body[data-page="video-detail"] .service-sidebar,
  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .floating-contact {
    display: none !important;
  }

  body[data-page="video-detail"] .service-main-section {
    overflow: hidden !important;
    background: transparent !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .service-detail-layout.service-video-detail-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .service-video-detail {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px 24px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .service-video-player {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #000 !important;
    box-shadow: 0 12px 30px rgba(0, 20, 52, 0.14) !important;
    position: relative !important;
  }

  body[data-page="video-detail"] .service-video-player img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  body[data-page="video-detail"] .service-video-player button {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
  }

  body[data-page="video-detail"] .service-video-control {
    display: none !important;
  }

  body[data-page="video-detail"] .service-video-detail h1 {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 8px !important;
    color: var(--color-navy-900) !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 950 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="video-detail"] .news-meta {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 16px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 10px !important;
    align-items: center !important;
    color: rgba(16, 24, 40, 0.58) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body[data-page="video-detail"] .news-meta span:first-child {
    display: none !important;
  }

  body[data-page="video-detail"] .service-video-detail > section {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .service-video-detail > section h2 {
    margin: 0 0 12px !important;
    color: var(--color-navy-900) !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
  }

  body[data-page="video-detail"] .service-video-detail > section p {
    margin: 0 !important;
    color: rgba(16, 24, 40, 0.72) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  body[data-page="video-detail"] .video-detail-actions {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 20px 16px 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-page="video-detail"] .video-detail-actions .video-action {
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 18px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
  }

  body[data-page="video-detail"] .video-detail-actions .video-action strong,
  body[data-page="video-detail"] .video-detail-actions .video-action em {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body[data-page="video-detail"] .video-detail-actions .video-action em {
    opacity: 0.76 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 0 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2 {
    margin: 0 !important;
    color: var(--color-navy-900) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-toggle {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: 18px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-page="video-detail"] .service-chapter-row {
    display: none !important;
  }

  body[data-page="video-detail"] .video-chapter-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  body[data-page="video-detail"] .video-chapter-card > .video-chapter-item:nth-child(n+5) {
    display: none !important;
  }

  body[data-page="video-detail"] .video-chapter-item {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 56px !important;
    height: 56px !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.06) !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  body[data-page="video-detail"] .video-chapter-no {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(11, 91, 211, 0.12) !important;
    color: var(--color-blue-700) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body[data-page="video-detail"] .video-chapter-main {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  body[data-page="video-detail"] .video-chapter-main strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
    color: rgba(16, 24, 40, 0.92) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  body[data-page="video-detail"] .video-chapter-main small {
    display: none !important;
  }

  body[data-page="video-detail"] .video-chapter-time {
    color: rgba(16, 24, 40, 0.52) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body[data-page="video-detail"] .video-detail-like {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 0 !important;
  }

  body[data-page="video-detail"] .video-detail-like .video-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="video-detail"] .video-detail-like .video-section-head h2 {
    margin: 0 !important;
    color: var(--color-navy-900) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact .service-video-card:nth-child(n+4) {
    display: none !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact .service-video-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.06) !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact .service-video-card img {
    width: 100% !important;
    height: 76px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact .service-video-card > span {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(0, 0, 0, 0.42) !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    z-index: 1 !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact .service-video-card strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin: 8px 8px 4px !important;
    color: rgba(16, 24, 40, 0.92) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact .service-video-card small {
    display: block !important;
    margin: 0 8px 10px !important;
    color: rgba(16, 24, 40, 0.54) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body[data-page="video-detail"] .video-detail-related {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 24px !important;
    padding: 16px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(0, 20, 52, 0.08) !important;
  }

  body[data-page="video-detail"] .video-detail-related .video-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="video-detail"] .video-detail-related .video-section-head h2 {
    margin: 0 !important;
    color: var(--color-navy-900) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body[data-page="video-detail"] .video-detail-related .video-section-more {
    color: var(--color-blue-700) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="video-detail"] .video-related-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body[data-page="video-detail"] .video-related-item {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 92px !important;
    padding: 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.06) !important;
  }

  body[data-page="video-detail"] .video-related-item img {
    width: 96px !important;
    height: 72px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
  }

  body[data-page="video-detail"] .video-related-main {
    min-width: 0 !important;
  }

  body[data-page="video-detail"] .video-related-main h3 {
    margin: 0 0 4px !important;
    color: var(--color-navy-900) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-page="video-detail"] .video-related-main h3 a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    color: inherit !important;
  }

  body[data-page="video-detail"] .video-related-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
    color: rgba(16, 24, 40, 0.54) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body[data-page="video-detail"] .video-related-meta span:first-child {
    display: none !important;
  }

  body[data-page="video-detail"] .video-related-item .btn {
    min-width: 64px !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: 18px !important;
    align-self: center !important;
    justify-self: end !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="video-detail"] .video-detail-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px 24px !important;
  }

  body[data-page="video-detail"] .video-detail-cta > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
  }

  body[data-page="video-detail"] .video-cta-card {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 130px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgb(10, 51, 164) 0%, rgb(11, 91, 211) 55%, rgb(15, 73, 207) 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 44px rgba(0, 20, 52, 0.22) !important;
  }

  body[data-page="video-detail"] .video-cta-copy {
    min-width: 0 !important;
  }

  body[data-page="video-detail"] .video-cta-copy h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
  }

  body[data-page="video-detail"] .video-cta-copy p {
    display: none !important;
  }

  body[data-page="video-detail"] .video-cta-actions {
    display: flex !important;
    gap: 8px !important;
    margin-top: 0 !important;
    width: 100% !important;
  }

  body[data-page="video-detail"] .video-cta-actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="video-detail"] .video-cta-media {
    width: 88px !important;
    height: 88px !important;
    justify-self: end !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body[data-page="video-detail"] .video-cta-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body[data-page="video-detail"] .site-footer {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(120deg, rgb(1, 26, 69) 0%, rgb(2, 47, 126) 100%) !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  body[data-page="video-detail"] .site-footer .footer-main {
    display: block !important;
    padding: 10px 0 4px !important;
  }

  body[data-page="video-detail"] .site-footer .footer-main .container,
  body[data-page="video-detail"] .site-footer .footer-bottom .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="video-detail"] .site-footer .footer-main__grid {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="video-detail"] .site-footer .footer-main__grid > :not(.footer-company):not(.footer-contact) {
    display: none !important;
  }

  body[data-page="video-detail"] .site-footer .footer-company h2 {
    margin: 0 0 4px;
    font-size: 17px;
    line-height: 1.2;
  }

  body[data-page="video-detail"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="video-detail"] .site-footer .footer-contact {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 4px;
    font-size: 11px;
    line-height: 1.35;
  }

  body[data-page="video-detail"] .site-footer .footer-contact li:nth-child(n+4),
  body[data-page="video-detail"] .site-footer .footer-links,
  body[data-page="video-detail"] .site-footer .footer-qrcode,
  body[data-page="video-detail"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="video-detail"] .site-footer .footer-bottom {
    padding: 6px 0 8px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .site-footer .footer-bottom__inner {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 6px !important;
    text-align: center !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body[data-page="video-detail"] .site-footer .footer-bottom__inner nav {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px 12px !important;
  }

  body[data-page="video-detail"] .site-footer .footer-bottom__inner nav a {
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-align: center !important;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body[data-page="video-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    display: flex !important;
    height: 64px !important;
    box-sizing: border-box !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav--main a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav--main a.is-active {
    color: #0A6CFF !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="video-detail"] .mobile-bottom-nav--main a.is-active small {
    color: inherit !important;
  }
}

@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="video-detail"] main.service-page {
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .video-detail-related {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head,
  body[data-page="video-detail"] .video-detail-like .video-section-head,
  body[data-page="video-detail"] .video-detail-related .video-section-head {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="video-detail"] .video-chapter-card,
  body[data-page="video-detail"] .service-video-strip--compact,
  body[data-page="video-detail"] .video-related-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-chapter-card {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .video-detail-related {
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="video-detail"] .service-video-detail {
    padding: 0 16px 24px !important;
  }

  body[data-page="video-detail"] .service-video-player,
  body[data-page="video-detail"] .service-video-detail h1,
  body[data-page="video-detail"] .news-meta,
  body[data-page="video-detail"] .service-video-detail > section,
  body[data-page="video-detail"] .video-detail-actions,
  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .video-detail-related,
  body[data-page="video-detail"] .video-detail-cta {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="video-detail"] .service-video-player {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  body[data-page="video-detail"] .service-video-player img {
    width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body[data-page="video-detail"] .service-video-detail h1,
  body[data-page="video-detail"] .news-meta,
  body[data-page="video-detail"] .service-video-detail > section,
  body[data-page="video-detail"] .video-detail-actions {
    margin-top: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .video-detail-related {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head,
  body[data-page="video-detail"] .video-detail-like .video-section-head,
  body[data-page="video-detail"] .video-detail-related .video-section-head {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="video-detail"] .video-chapter-card,
  body[data-page="video-detail"] .service-video-strip--compact,
  body[data-page="video-detail"] .video-related-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-chapter-card {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .video-detail-like .service-video-strip--compact,
  body[data-page="video-detail"] .video-detail-related .video-related-list {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999 !important;
    width: 100% !important;
    transform: none !important;
  }

  body[data-page="video-detail"] main.service-page {
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
    overflow-x: hidden !important;
  }
}

/* Support mobile final override: remove outer white wrappers and keep only inner cards. */
@media (max-width: 768px) {
  body[data-page="support"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="support"],
  body[data-page="support"] *,
  body[data-page="support"] *::before,
  body[data-page="support"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="support"] .service-page {
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="support"] .support-mobile-assurance,
  body[data-page="support"] .support-mobile-services,
  body[data-page="support"] .support-mobile-download,
  body[data-page="support"] .support-video-section,
  body[data-page="support"] .support-mobile-cta {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
  }

  body[data-page="support"] .support-mobile-assurance > .container,
  body[data-page="support"] .support-mobile-services > .container,
  body[data-page="support"] .support-mobile-download > .container,
  body[data-page="support"] .support-video-section > .container,
  body[data-page="support"] .support-mobile-cta > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  body[data-page="support"] .support-mobile-assurance__card,
  body[data-page="support"] .support-mobile-services__grid,
  body[data-page="support"] .support-download-strip,
  body[data-page="support"] .service-video-strip {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body[data-page="support"] .support-mobile-assurance {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="support"] .support-mobile-assurance__card {
    padding: 0 !important;
  }

  body[data-page="support"] .support-mobile-assurance__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="support"] .support-assurance-item {
    min-height: 112px !important;
    padding: 12px 10px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 35, 80, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-page="support"] .support-assurance-item__icon {
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto 8px !important;
  }

  body[data-page="support"] .support-assurance-item strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
  }

  body[data-page="support"] .support-assurance-item small {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  body[data-page="support"] .support-mobile-services {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="support"] .support-mobile-services__head {
    margin: 0 0 12px !important;
  }

  body[data-page="support"] .support-mobile-services__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body[data-page="support"] .support-mobile-service-card {
    min-height: 64px !important;
    padding: 10px 12px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 35, 80, 0.06) !important;
    border-bottom: 0 !important;
    gap: 10px !important;
  }

  body[data-page="support"] .support-mobile-service-card__icon {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  body[data-page="support"] .support-mobile-service-card__body strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin-bottom: 2px !important;
  }

  body[data-page="support"] .support-mobile-service-card__body small {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body[data-page="support"] .support-mobile-service-card__arrow {
    font-size: 20px !important;
  }

  body[data-page="support"] .support-mobile-download {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="support"] .support-download-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  body[data-page="support"] .support-download-card {
    min-height: 92px !important;
    height: 92px !important;
    padding: 10px 8px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 35, 80, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-page="support"] .support-download-card__icon {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 6px !important;
  }

  body[data-page="support"] .support-download-card__body strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
    margin-bottom: 2px !important;
  }

  body[data-page="support"] .support-download-card__body small {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  body[data-page="support"] .support-download-strip > a:nth-child(n + 5) {
    display: none !important;
  }

  body[data-page="support"] .support-video-section {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding: 0 0 0 !important;
    background: transparent !important;
  }

  body[data-page="support"] .support-video-section > .container {
    padding-bottom: 0 !important;
  }

  body[data-page="support"] .service-video-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-page="support"] .service-video-strip > a:nth-child(n + 5) {
    display: none !important;
  }

  body[data-page="support"] .service-video-card,
  body[data-page="support"] .video-card,
  body[data-page="support"] .tutorial-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 35, 80, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="support"] .service-video-card img,
  body[data-page="support"] .video-card img,
  body[data-page="support"] .tutorial-card img {
    width: 100% !important;
    height: 96px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="support"] .service-video-card > span {
    top: 40px !important;
  }

  body[data-page="support"] .service-video-card__duration,
  body[data-page="support"] .service-video-card__desc {
    display: none !important;
  }

  body[data-page="support"] .service-video-card strong,
  body[data-page="support"] .video-card-title,
  body[data-page="support"] .tutorial-card-title {
    width: 100% !important;
    padding: 12px 10px 14px !important;
    min-height: 60px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #0b2348 !important;
  }

  body[data-page="support"] .support-mobile-cta {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding-bottom: 70px !important;
  }

  body[data-page="support"] .support-mobile-cta__card {
    min-height: 124px !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body[data-page="support"] .support-mobile-cta__body strong {
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  body[data-page="support"] .support-mobile-cta__actions a {
    height: 44px !important;
    border-radius: 12px !important;
  }

  body[data-page="support"] .site-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: #f5f7fa !important;
    overflow: hidden !important;
  }

  body[data-page="support"] .site-footer .footer-main {
    display: block !important;
    padding: 12px 0 6px !important;
  }

  body[data-page="support"] .site-footer .footer-main .container,
  body[data-page="support"] .site-footer .footer-bottom .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .site-footer .footer-main__grid {
    display: block !important;
  }

  body[data-page="support"] .site-footer .footer-company {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="support"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body[data-page="support"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-contact {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="support"] .site-footer .footer-contact li:nth-child(n+4),
  body[data-page="support"] .site-footer .footer-links,
  body[data-page="support"] .site-footer .footer-qrcode,
  body[data-page="support"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-bottom {
    padding: 8px 0 10px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner p {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 16px;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner nav a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }

  body[data-page="support"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    height: 64px !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .mobile-bottom-nav--main a {
    flex: 1 1 0;
    min-width: 0;
  }

  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] {
    color: #0a6cff !important;
  }

  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] small {
    color: inherit !important;
  }
}

/* Video detail final chapter-wrapper cleanup: remove the outer pale panel only. */
@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
    margin-bottom: 0 !important;
  }

  body[data-page="video-detail"],
  body[data-page="video-detail"] *,
  body[data-page="video-detail"] *::before,
  body[data-page="video-detail"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="video-detail"] main.service-page {
    padding-bottom: 72px !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] article.service-video-detail > section.video-detail-chapters,
  body[data-page="video-detail"] .service-video-detail > section.video-detail-chapters,
  body[data-page="video-detail"] .video-detail-chapters {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 8px !important;
    margin-bottom: 72px !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-actions {
    margin-top: 0 !important;
  }

  body[data-page="video-detail"] .service-video-detail > section {
    margin-top: 8px !important;
  }

  body[data-page="video-detail"] article.service-video-detail > section.video-detail-chapters > .video-chapter-card,
  body[data-page="video-detail"] .service-video-detail > section.video-detail-chapters > .video-chapter-card,
  body[data-page="video-detail"] .video-detail-chapters > .video-chapter-card,
  body[data-page="video-detail"] .video-chapter-card {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    gap: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    margin-top: -36px !important;
  }

  body[data-page="video-detail"] .video-chapter-card > .video-chapter-item {
    background: #fff !important;
    border: 1px solid #dce7f7 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    height: 56px !important;
    min-height: 56px !important;
    margin-bottom: 10px !important;
    padding: 0 16px !important;
  }

  body[data-page="video-detail"] .video-chapter-card > .video-chapter-item:last-child {
    margin-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head {
    margin-bottom: 12px !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    transform: none !important;
  }
}

/* video-detail.html ultimate override: ensure the footer nav is fixed and the chapter title stays visible. */
@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="video-detail"] main,
  body[data-page="video-detail"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main,
  body[data-page="video-detail"] .bottom-nav,
  body[data-page="video-detail"] .mobile-tabbar,
  body[data-page="video-detail"] .footer-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .chapter-section,
  body[data-page="video-detail"] .video-chapters-section {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-chapters-title,
  body[data-page="video-detail"] .chapter-title,
  body[data-page="video-detail"] .video-section-title,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2 {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }

  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .guess-like-section,
  body[data-page="video-detail"] .video-recommend-section,
  body[data-page="video-detail"] .related-videos-section {
    margin-top: 24px !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-related,
  body[data-page="video-detail"] .related-tutorial-section,
  body[data-page="video-detail"] .video-related-section {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta,
  body[data-page="video-detail"] .video-help-cta,
  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .service-support-strip {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .site-footer,
  body[data-page="video-detail"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* About mobile absolute final override: this is the last about block in the file. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  body[data-page="about"] *,
  body[data-page="about"] *::before,
  body[data-page="about"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="about"] main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] .page-banner.about-banner {
    position: relative !important;
    width: auto !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: var(--banner-image, url("../images/banners/about-factory-workshop.png")) center right / cover no-repeat !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="about"] .page-banner.about-banner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background: linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.84) 46%, rgba(0, 44, 103, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-banner p::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-desktop-only {
    display: none !important;
  }

  body[data-page="about"] .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-mobile-desc,
  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-mobile-cta,
  body[data-page="about"] .about-contact-strip {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-block {
    padding: 20px 16px !important;
  }

  body[data-page="about"] .about-v3-card h2,
  body[data-page="about"] .about-v3-block h2 {
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-intro__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  body[data-page="about"] .about-v3-intro__stats div {
    min-height: 80px !important;
    padding: 12px 10px !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-intro__stats div::before {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 0 6px !important;
    border-radius: 8px !important;
    background-color: rgba(10, 108, 255, 0.1) !important;
    border: 1px solid rgba(10, 108, 255, 0.14) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px 12px !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(1)::before {
    background-image: var(--about3-icon-building) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(2)::before {
    background-image: var(--about3-icon-factory) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(3)::before {
    background-image: var(--about3-icon-users) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(4)::before {
    background-image: var(--about3-icon-globe) !important;
  }

  body[data-page="about"] .about-v3-intro__stats strong {
    display: block !important;
    color: #0a6cff !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-intro__stats span {
    display: block !important;
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-adv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-adv-grid article {
    min-height: 100px !important;
    padding: 14px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-adv-grid article::before,
  body[data-page="about"] .about-v3-adv-grid strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong {
    position: relative !important;
    margin: 0 0 6px !important;
    padding-top: 32px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(1) strong::before {
    background-image: var(--about3-icon-spark) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(2) strong::before {
    background-image: var(--about3-icon-shield) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(3) strong::before {
    background-image: var(--about3-icon-chip) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(4) strong::before {
    background-image: var(--about3-icon-headset) !important;
  }

  body[data-page="about"] .about-v3-adv-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-timeline-card {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-timeline {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-v3-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    min-height: 48px !important;
    padding: 4px 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div strong {
    color: #0a6cff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .about-v3-timeline > div span {
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-culture article {
    min-height: 90px !important;
    padding: 12px 8px 10px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-culture article::before,
  body[data-page="about"] .about-v3-culture strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    position: relative !important;
    margin: 0 0 6px !important;
    padding-top: 32px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-culture strong::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(1) strong::before {
    background-image: var(--about3-icon-flag) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(2) strong::before {
    background-image: var(--about3-icon-compass) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(3) strong::before {
    background-image: var(--about3-icon-value) !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail,
  body[data-page="about"] .about-v3-honor-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail article,
  body[data-page="about"] .about-v3-honor-rail a,
  body[data-page="about"] .about-v3-honor-rail article {
    min-width: 0 !important;
    border-radius: 12px !important;
    border: 1px solid #e8eef8 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="about"] .about-v3-honor-rail img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    background: #fff !important;
  }

  body[data-page="about"] .about-v3-honor-rail span {
    display: block !important;
    margin: 0 !important;
    padding: 8px 8px 10px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    margin: 0 !important;
    padding: 20px 16px !important;
    min-height: 136px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
    position: relative !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.9) 52%, rgba(10, 108, 255, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy,
  body[data-page="about"] .about-v3-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy {
    max-width: none !important;
    margin: 0 0 16px !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-outline {
    background: #fff !important;
    color: #0a6cff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 24px !important;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar,
body[data-page="about"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

body[data-page="about"] .floating-contact {
  display: none !important;
}
}

/* about.html mobile EOF override v3: banner image, title rhythm, culture cards, and deep-blue footer. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] main.about-page {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-contact-strip {
    display: none !important;
  }

  body[data-page="about"] .page-banner.about-banner {
    width: auto !important;
    max-width: none !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .page-banner.about-banner .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #0b2348 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-banner__bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    z-index: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
  }

  body[data-page="about"] .about-banner__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 6px !important;
  }

  body[data-page="about"] .about-banner__content > * {
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-page="about"] .about-banner__content h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="about"] .about-banner__content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .about-banner__content p .about-desktop-only,
  body[data-page="about"] .about-mobile-desc {
    display: none !important;
  }

  body[data-page="about"] .about-banner__content p .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-mobile-timeline-media {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    padding: 18px 16px !important;
  }

  body[data-page="about"] .about-v3-card > h2,
  body[data-page="about"] .about-v3-block > h2,
  body[data-page="about"] .about-v3-block__head h2 {
    position: relative !important;
    display: block !important;
    margin: 0 0 16px !important;
    padding-left: 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  body[data-page="about"] .about-v3-card > h2::before,
  body[data-page="about"] .about-v3-block > h2::before,
  body[data-page="about"] .about-v3-block__head h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 999px !important;
    transform: translateY(-50%) !important;
    background: linear-gradient(180deg, #0a6cff 0%, #69a8ff 100%) !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 12px !important;
    color: #4b5b73 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-culture article {
    min-height: 72px !important;
    padding: 12px 14px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    text-align: left !important;
  }

  body[data-page="about"] .about-v3-culture article::before,
  body[data-page="about"] .about-v3-culture article::after,
  body[data-page="about"] .about-v3-culture strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    position: relative !important;
    flex: 0 0 auto !important;
    min-width: 84px !important;
    margin: 0 !important;
    padding: 0 0 0 36px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-culture strong::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    transform: translateY(-50%) !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(1) strong::before {
    background-image: var(--about3-icon-flag) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(2) strong::before {
    background-image: var(--about3-icon-compass) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(3) strong::before {
    background-image: var(--about3-icon-value) !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 24px !important;
    color: rgba(255, 255, 255, 0.88) !important;
    background: linear-gradient(180deg, #0b2348 0%, #07172f 100%) !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar,
  body[data-page="about"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }
}
@media (max-width: 768px) {
  body[data-page="about"] .about-banner {
    display: none !important;
  }

  body[data-page="about"] .mobile-page-hero,
  body[data-page="about"] .mobile-about-hero {
    position: relative !important;
    display: block !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .mobile-page-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      90deg,
      rgba(5, 25, 65, 0.88) 0%,
      rgba(5, 25, 65, 0.58) 52%,
      rgba(5, 25, 65, 0.18) 100%
    ) !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .mobile-page-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
  }

  body[data-page] *,
  body[data-page] *::before,
  body[data-page] *::after {
    box-sizing: border-box !important;
  }

  body[data-page] img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  body[data-page] main,
  body[data-page] .mobile-page,
  body[data-page] .page-main {
    padding-bottom: 80px !important;
  }

  body[data-page] main > .container,
  body[data-page] main .container,
  body[data-page] .contact-mobile .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-page="home"] .home-hero,
  body[data-page="about"] .about-banner,
  body[data-page="about"] .mobile-page-hero,
  body[data-page="solutions"] .solution-hero,
  body[data-page="solutions-s"] .solutions-s-banner,
  body[data-page="solutions-y"] .solutions-y-banner,
  body[data-page="cases"] .case-banner,
  body[data-page="support"] .service-banner,
  body[data-page="faq"] .service-banner,
  body[data-page="video"] .service-banner,
  body[data-page="news"] .news-banner,
  body[data-page="news-detail"] .news-banner,
  body[data-page="contact"] .contact-hero,
  body[data-page="about"] .mobile-about-hero,
  body[data-page="solutions-s"] .solutions-s-mobile__hero,
  body[data-page="solutions-y"] .solutions-y-mobile__hero,
  body[data-page="cases"] .cases-mobile__hero,
  body[data-page="case-detail"] .case-detail-mobile__hero,
  body[data-page="product-detail"] .pdm-mobile-hero,
  body[data-page="faq"] .faq-hub-hero,
  body[data-page="video"] .video-portal-hero,
  body[data-page="news-detail"] .news-detail-mobile__head,
  body[data-page="news-detail"] .news-detail-mobile__hero-image,
  body[data-page="contact"] .contact-hero,
  body[data-page="contact"] .contact-mobile__hero {
    display: none !important;
  }

  body[data-page="contact"] .contact-mobile[hidden],
  body[data-page="product-detail"] .product-detail-mobile[style],
  body[data-page="case-detail"] .case-detail-mobile[style],
  body[data-page="faq"] .faq-mobile-hub[style],
  body[data-page="news-detail"] .news-detail-mobile[style] {
    display: block !important;
  }

  .mobile-unified-hero {
    position: relative !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  .mobile-unified-hero--home {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }

  .mobile-unified-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  .mobile-unified-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      90deg,
      rgba(5, 25, 65, 0.88) 0%,
      rgba(5, 25, 65, 0.58) 52%,
      rgba(5, 25, 65, 0.2) 100%
    ) !important;
    z-index: 1 !important;
  }

  .mobile-unified-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .mobile-unified-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-wrap: balance;
  }

  .mobile-unified-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page] :is(
    .home-section-title,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .service-section-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .section-head
  ) {
    margin-bottom: 16px !important;
    gap: 12px !important;
  }

  body[data-page] :is(
    .home-section-title,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .service-section-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .section-head
  ) > h2,
  body[data-page] :is(
    .home-section-title,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .service-section-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .section-head
  ) h2 {
    position: relative !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #0b2348 !important;
    margin: 0 !important;
    padding-left: 12px !important;
  }

  body[data-page] :is(
    .home-section-title,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .service-section-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .section-head
  ) > h2::before,
  body[data-page] :is(
    .home-section-title,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .service-section-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .section-head
  ) h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #0f4ab4;
    transform: translateY(-50%);
  }

  body[data-page] :is(
    .section-more,
    .service-card-link,
    .pdm-card-more,
    .solution-more,
    .faq-hub-more,
    .contact-mobile__more-link,
    .news-arrow,
    .service-side-card .service-card-link,
    .about-v3-block__head a,
    .video-section-more
  )::before,
  body[data-page] :is(
    .section-more,
    .service-card-link,
    .pdm-card-more,
    .solution-more,
    .faq-hub-more,
    .contact-mobile__more-link,
    .news-arrow,
    .service-side-card .service-card-link,
    .about-v3-block__head a,
    .video-section-more
  )::after {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .product-mobile-cta__card,
    .about-mobile-cta__card,
    .about-v3-mobile-cta,
    .pdm-cta,
    .solutions-s-mobile__cta,
    .solutions-y-mobile__cta,
    .contact-mobile__tech-cta-card,
    .faq-hub-cta,
    .video-portal-cta__card,
    .video-detail-cta .video-cta-card
  ) {
    margin: 24px 16px !important;
    padding: 20px 16px !important;
    min-height: 120px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #0b2348 !important;
    color: #fff !important;
  }

  body[data-page] :is(
    .product-mobile-cta__actions,
    .about-mobile-cta__actions,
    .about-v3-mobile-cta__actions,
    .pdm-cta__actions,
    .solutions-s-mobile__cta-actions,
    .solutions-y-mobile__cta-actions,
    .contact-mobile__tech-cta-actions,
    .faq-hub-cta__actions,
    .video-portal-cta__actions,
    .video-cta-actions
  ) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page] :is(
    .product-mobile-cta__media,
    .about-v3-mobile-cta__media,
    .pdm-cta__media,
    .solutions-s-mobile__cta-media,
    .solutions-y-mobile__cta-media,
    .contact-mobile__tech-cta-media,
    .faq-hub-cta__art,
    .video-portal-cta__media,
    .video-detail-cta .video-cta-media
  ) {
    display: none !important;
  }

  body[data-page] :is(
    .product-mobile-cta__card .btn,
    .about-mobile-cta__card .btn,
    .about-v3-mobile-cta .btn,
    .pdm-cta .btn,
    .solutions-s-mobile__cta .btn,
    .solutions-y-mobile__cta .btn,
    .contact-mobile__tech-cta-card .btn,
    .faq-hub-cta .btn,
    .video-portal-cta__card .btn,
    .video-detail-cta .btn
  ) {
    width: 100% !important;
    min-height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    white-space: nowrap !important;
  }

  body[data-page] :is(
    input[type="text"],
    input[type="search"],
    input[type="tel"],
    input[type="email"],
    input[type="url"],
    select,
    textarea
  ) {
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    color: #0b2348 !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  body[data-page] textarea {
    min-height: 120px !important;
    padding-top: 12px !important;
    resize: vertical !important;
  }

  body[data-page] :is(input, textarea, select):focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12) !important;
  }

  body[data-page] .site-footer {
    margin-top: 24px !important;
    background: linear-gradient(180deg, #06203f 0%, #081d38 100%) !important;
  }

  body[data-page] .footer-main {
    padding: 24px 0 14px !important;
  }

  body[data-page] .footer-main__grid {
    display: block !important;
  }

  body[data-page] .footer-links,
  body[data-page] .footer-qrcode {
    display: none !important;
  }

  body[data-page] .footer-company {
    padding: 0 16px !important;
  }

  body[data-page] .footer-company h2 {
    font-size: 20px !important;
    line-height: 1.25 !important;
    margin: 0 0 10px !important;
  }

  body[data-page] .footer-company p,
  body[data-page] .footer-contact li,
  body[data-page] .footer-bottom p,
  body[data-page] .footer-bottom nav a {
    color: rgba(255, 255, 255, 0.88) !important;
  }

  body[data-page] .footer-contact {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
  }

  body[data-page] .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  body[data-page] .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 14px 16px 72px !important;
    text-align: center !important;
    justify-items: center !important;
  }

  body[data-page] .footer-bottom nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  body[data-page] .floating-contact {
    display: none !important;
  }

  body[data-page] .mobile-bottom-nav,
  body[data-page] .bottom-nav,
  body[data-page] .mobile-tabbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page] .mobile-bottom-nav--main {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: center !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border-top: 1px solid rgba(14, 39, 88, 0.08) !important;
    box-shadow: 0 -8px 24px rgba(9, 28, 58, 0.12) !important;
    padding: 6px 8px 8px !important;
  }

  body[data-page] .mobile-bottom-nav--main a {
    color: rgba(14, 39, 88, 0.68) !important;
    min-width: 0 !important;
  }

  body[data-page] .mobile-bottom-nav--main a.is-active {
    color: #0b2348 !important;
  }

  body[data-page] .mobile-bottom-nav--main svg {
    width: 22px !important;
    height: 22px !important;
  }

  body[data-page] .mobile-bottom-nav--main small {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body[data-page="about"] .about-v3-block__head a::before,
  body[data-page="about"] .about-v3-block__head a::after,
  body[data-page="support"] .service-card-link::before,
  body[data-page="support"] .service-card-link::after,
  body[data-page="faq"] .faq-hub-more::before,
  body[data-page="faq"] .faq-hub-more::after,
  body[data-page="contact"] .contact-mobile__more-link::before,
  body[data-page="contact"] .contact-mobile__more-link::after {
    display: none !important;
    content: none !important;
  }
}
@media (max-width: 768px) {
  body[data-page="about"] .about-banner {
    display: none !important;
  }

  body[data-page="about"] .mobile-page-hero,
  body[data-page="about"] .mobile-about-hero {
    position: relative !important;
    display: block !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .mobile-page-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      90deg,
      rgba(5, 25, 65, 0.88) 0%,
      rgba(5, 25, 65, 0.58) 52%,
      rgba(5, 25, 65, 0.18) 100%
    ) !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .mobile-page-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-banner {
    display: none !important;
  }

  body[data-page="about"] .mobile-page-hero,
  body[data-page="about"] .mobile-about-hero {
    position: relative !important;
    display: block !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .mobile-page-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      90deg,
      rgba(5, 25, 65, 0.88) 0%,
      rgba(5, 25, 65, 0.58) 52%,
      rgba(5, 25, 65, 0.18) 100%
    ) !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .mobile-page-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-banner {
    display: none !important;
  }

  body[data-page="about"] .mobile-page-hero,
  body[data-page="about"] .mobile-about-hero {
    position: relative !important;
    display: block !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .mobile-page-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      90deg,
      rgba(5, 25, 65, 0.88) 0%,
      rgba(5, 25, 65, 0.58) 52%,
      rgba(5, 25, 65, 0.18) 100%
    ) !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .mobile-page-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-banner {
    display: none !important;
  }

  body[data-page="about"] .mobile-page-hero,
  body[data-page="about"] .mobile-about-hero {
    position: relative !important;
    display: block !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .mobile-page-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      90deg,
      rgba(5, 25, 65, 0.88) 0%,
      rgba(5, 25, 65, 0.58) 52%,
      rgba(5, 25, 65, 0.18) 100%
    ) !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .mobile-page-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* about.html mobile EOF override v4: final banner/title/footer lock. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] main.about-page {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-contact-strip {
    display: none !important;
  }

  body[data-page="about"] .page-banner.about-banner {
    width: auto !important;
    max-width: none !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .page-banner.about-banner .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #0b2348 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-banner__bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    z-index: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
  }

  body[data-page="about"] .about-banner__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 6px !important;
  }

  body[data-page="about"] .about-banner__content > * {
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-page="about"] .about-banner__content h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="about"] .about-banner__content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .about-banner__content p .about-desktop-only,
  body[data-page="about"] .about-mobile-desc {
    display: none !important;
  }

  body[data-page="about"] .about-banner__content p .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-mobile-timeline-media {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    padding: 18px 16px !important;
  }

  body[data-page="about"] .about-v3-card > h2,
  body[data-page="about"] .about-v3-block > h2,
  body[data-page="about"] .about-v3-block__head h2 {
    position: relative !important;
    display: block !important;
    margin: 0 0 16px !important;
    padding-left: 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  body[data-page="about"] .about-v3-card > h2::before,
  body[data-page="about"] .about-v3-block > h2::before,
  body[data-page="about"] .about-v3-block__head h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 999px !important;
    transform: translateY(-50%) !important;
    background: linear-gradient(180deg, #0a6cff 0%, #69a8ff 100%) !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 12px !important;
    color: #4b5b73 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-culture article {
    min-height: 72px !important;
    padding: 12px 14px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    text-align: left !important;
  }

  body[data-page="about"] .about-v3-culture article::before,
  body[data-page="about"] .about-v3-culture article::after,
  body[data-page="about"] .about-v3-culture strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    position: relative !important;
    flex: 0 0 auto !important;
    min-width: 84px !important;
    margin: 0 !important;
    padding: 0 0 0 36px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-culture strong::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    transform: translateY(-50%) !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(1) strong::before {
    background-image: var(--about3-icon-flag) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(2) strong::before {
    background-image: var(--about3-icon-compass) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(3) strong::before {
    background-image: var(--about3-icon-value) !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 24px !important;
    color: rgba(255, 255, 255, 0.88) !important;
    background: linear-gradient(180deg, #0b2348 0%, #07172f 100%) !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar,
  body[data-page="about"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }
}

/* about.html mobile EOF override v2: final cleanup after legacy about rules. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] main.about-page {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] .page-banner.about-banner {
    width: auto !important;
    max-width: none !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .page-banner.about-banner .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-banner,
  body[data-page="about"] .about-banner::before,
  body[data-page="about"] .about-banner::after {
    background-color: transparent !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    gap: 6px !important;
    background: var(--banner-image, url("../images/banners/default-industrial-factory.png")) center center / cover no-repeat !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .about-banner p .about-desktop-only,
  body[data-page="about"] .about-mobile-desc {
    display: none !important;
  }

  body[data-page="about"] .about-banner p .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-mobile-timeline-media {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    padding: 18px 16px !important;
  }

  body[data-page="about"] .about-v3-card h2,
  body[data-page="about"] .about-v3-block h2 {
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats,
  body[data-page="about"] .about-v3-intro__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats div,
  body[data-page="about"] .about-v3-intro__stats div {
    position: relative !important;
    min-height: 80px !important;
    padding: 12px 10px !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats div::before,
  body[data-page="about"] .about-v3-data .about-v3-intro__stats div::after,
  body[data-page="about"] .about-v3-intro__stats div::before,
  body[data-page="about"] .about-v3-intro__stats div::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats strong,
  body[data-page="about"] .about-v3-intro__stats strong {
    display: block !important;
    color: #0a6cff !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats span,
  body[data-page="about"] .about-v3-intro__stats span {
    display: block !important;
    margin-top: 6px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  body[data-page="about"] .about-v3-adv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-adv-grid article {
    position: relative !important;
    min-height: 100px !important;
    padding: 14px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-v3-adv-grid article::before,
  body[data-page="about"] .about-v3-adv-grid article::after,
  body[data-page="about"] .about-v3-adv-grid strong::before,
  body[data-page="about"] .about-v3-adv-grid strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-adv-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-timeline-card {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-timeline {
    display: grid !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-v3-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    min-height: 48px !important;
    padding: 6px 0 6px 24px !important;
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 2px !important;
    background: #d7e6ff !important;
  }

  body[data-page="about"] .about-v3-timeline > div::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 18px !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #0a6cff !important;
    box-shadow: 0 0 0 4px rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="about"] .about-v3-timeline > div strong,
  body[data-page="about"] .about-v3-timeline > div strong::before,
  body[data-page="about"] .about-v3-timeline > div strong::after {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-timeline > div strong {
    color: #0a6cff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-timeline > div span {
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-culture article {
    min-height: 72px !important;
    padding: 14px 16px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-v3-culture article::before,
  body[data-page="about"] .about-v3-culture article::after,
  body[data-page="about"] .about-v3-culture strong::before,
  body[data-page="about"] .about-v3-culture strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-team-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-team-rail article,
  body[data-page="about"] .about-v3-honor-rail article,
  body[data-page="about"] .about-v3-honor-rail a {
    border-radius: 14px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    border: 1px solid #e8eef8 !important;
    background: #fff !important;
  }

  body[data-page="about"] .about-v3-team-rail img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="about"] .about-v3-honor-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-honor-rail article:nth-child(n + 5),
  body[data-page="about"] .about-v3-honor-rail a:nth-child(n + 5) {
    display: none !important;
  }

  body[data-page="about"] .about-v3-honor-rail article::before,
  body[data-page="about"] .about-v3-honor-rail article::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-honor-rail img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    background: #fff !important;
  }

  body[data-page="about"] .about-v3-honor-rail span {
    display: block !important;
    margin: 0 !important;
    padding: 8px 8px 10px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    margin: 0 !important;
    padding: 20px 16px !important;
    min-height: 136px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
    position: relative !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.9) 52%, rgba(10, 108, 255, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy,
  body[data-page="about"] .about-v3-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy {
    max-width: none !important;
    margin: 0 0 16px !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-outline {
    background: #fff !important;
    color: #0a6cff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 24px !important;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns,
  body[data-page="about"] .site-footer .footer-nav,
  body[data-page="about"] .site-footer .footer-navs,
  body[data-page="about"] .site-footer .footer-menu {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar,
  body[data-page="about"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }
}

/* about.html mobile EOF override: final banner and card cleanup. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] main.about-page {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] .page-banner.about-banner {
    width: auto !important;
    max-width: none !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="about"] .page-banner.about-banner .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page="about"] .about-banner::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    padding: 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    gap: 8px !important;
    background: var(--banner-image, url("../images/banners/default-industrial-factory.png")) center right / cover no-repeat !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    max-width: none !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: none !important;
  }

  body[data-page="about"] .about-banner p .about-desktop-only {
    display: none !important;
  }

  body[data-page="about"] .about-banner p .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-mobile-desc {
    display: none !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-mobile-timeline-media {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-block {
    padding: 18px 16px !important;
  }

  body[data-page="about"] .about-v3-card h2,
  body[data-page="about"] .about-v3-block h2 {
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-intro__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  body[data-page="about"] .about-v3-intro__stats div {
    min-height: 80px !important;
    padding: 12px 10px !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    position: relative !important;
  }

  body[data-page="about"] .about-v3-intro__stats div::before,
  body[data-page="about"] .about-v3-intro__stats div::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-intro__stats strong {
    display: block !important;
    color: #0a6cff !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-intro__stats span {
    display: block !important;
    margin-top: 6px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  body[data-page="about"] .about-v3-adv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-adv-grid article {
    position: relative !important;
    min-height: 100px !important;
    padding: 14px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-v3-adv-grid article::before,
  body[data-page="about"] .about-v3-adv-grid article::after,
  body[data-page="about"] .about-v3-adv-grid strong::before,
  body[data-page="about"] .about-v3-adv-grid strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-adv-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="about"] .about-v3-timeline-card {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-timeline {
    display: grid !important;
    gap: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-v3-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    min-height: 48px !important;
    padding: 8px 0 8px 24px !important;
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 2px !important;
    background: #d7e6ff !important;
  }

  body[data-page="about"] .about-v3-timeline > div::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 18px !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #0a6cff !important;
    box-shadow: 0 0 0 4px rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="about"] .about-v3-timeline > div strong,
  body[data-page="about"] .about-v3-timeline > div strong::before,
  body[data-page="about"] .about-v3-timeline > div strong::after {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-timeline > div strong {
    color: #0a6cff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-timeline > div span {
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-v3-culture article {
    min-height: 72px !important;
    padding: 14px 16px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-v3-culture article::before,
  body[data-page="about"] .about-v3-culture article::after,
  body[data-page="about"] .about-v3-culture strong::before,
  body[data-page="about"] .about-v3-culture strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    display: block !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-team-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-team-rail article,
  body[data-page="about"] .about-v3-honor-rail article {
    border-radius: 14px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="about"] .about-v3-honor-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-honor-rail a,
  body[data-page="about"] .about-v3-honor-rail article {
    background: #fff !important;
    border: 1px solid #e8eef8 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-honor-rail article:nth-child(n + 5),
  body[data-page="about"] .about-v3-honor-rail a:nth-child(n + 5) {
    display: none !important;
  }

  body[data-page="about"] .about-v3-honor-rail article::before,
  body[data-page="about"] .about-v3-honor-rail article::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-honor-rail img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    background: #fff !important;
  }

  body[data-page="about"] .about-v3-honor-rail span {
    display: block !important;
    margin: 0 !important;
    padding: 8px 8px 10px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    margin: 0 !important;
    padding: 20px 16px !important;
    min-height: 136px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
    position: relative !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.9) 52%, rgba(10, 108, 255, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy,
  body[data-page="about"] .about-v3-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy {
    max-width: none !important;
    margin: 0 0 16px !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-outline {
    background: #fff !important;
    color: #0a6cff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 24px !important;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar,
  body[data-page="about"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }
}

/* faq.html mobile EOF override: unified banner, compact categories, and fixed bottom nav. */
@media (max-width: 768px) {
  body[data-page="faq"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="faq"] main.service-page {
    padding-bottom: 80px !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .service-banner,
  body[data-page="faq"] .service-breadcrumb,
  body[data-page="faq"] .service-nav-section,
  body[data-page="faq"] .service-main-section,
  body[data-page="faq"] .service-support-strip {
    display: none !important;
  }

  body[data-page="faq"] .faq-mobile-hub {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 16px !important;
    margin: 0 auto !important;
  }

  body[data-page="faq"] .faq-hub-hero {
    position: relative !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 0 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .faq-hub-hero__bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="faq"] .faq-hub-hero__bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center right !important;
    display: block !important;
  }

  body[data-page="faq"] .faq-hub-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
  }

  body[data-page="faq"] .faq-hub-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page="faq"] .faq-hub-hero__content h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="faq"] .faq-hub-hero__content p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: none !important;
  }

  body[data-page="faq"] .faq-hub-board {
    display: grid !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    overflow: visible !important;
  }

  body[data-page="faq"] .faq-hub-card {
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="faq"] .faq-hub-search {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .faq-hub-search:focus-within {
    border-color: #0a6cff !important;
    box-shadow: 0 0 0 3px rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="faq"] .faq-hub-search input {
    flex: 1 !important;
    min-width: 0 !important;
    height: 42px !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    font-size: 14px !important;
    color: #0b2348 !important;
  }

  body[data-page="faq"] .faq-hub-search__icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
  }

  body[data-page="faq"] .faq-hub-search__placeholder {
    display: none !important;
  }

  body[data-page="faq"] .faq-hub-cats {
    padding: 0 !important;
  }

  body[data-page="faq"] .faq-cat-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="faq"] .faq-cat-pill {
    min-height: 76px !important;
    padding: 12px 8px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: center !important;
    min-width: 0 !important;
  }

  body[data-page="faq"] .faq-cat-pill strong,
  body[data-page="faq"] .faq-cat-pill small {
    display: block !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
  }

  body[data-page="faq"] .faq-cat-pill strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0b2348 !important;
  }

  body[data-page="faq"] .faq-cat-pill small {
    font-size: 11px !important;
    color: #64748b !important;
  }

  body[data-page="faq"] .faq-cat-pill.is-active {
    background: linear-gradient(135deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 10px 24px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="faq"] .faq-cat-pill.is-active strong,
  body[data-page="faq"] .faq-cat-pill.is-active small {
    color: #fff !important;
  }

  body[data-page="faq"] .faq-hub-accordion {
    padding: 0 !important;
  }

  body[data-page="faq"] .faq-accordion-list {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="faq"] .faq-accordion-list > .faq-qa:nth-child(n + 6) {
    display: none !important;
  }

  body[data-page="faq"] .faq-qa {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="faq"] .faq-qa summary {
    min-height: 56px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    list-style: none !important;
    cursor: pointer !important;
  }

  body[data-page="faq"] .faq-qa summary::-webkit-details-marker {
    display: none !important;
  }

  body[data-page="faq"] .faq-qno {
    display: none !important;
  }

  body[data-page="faq"] .faq-qtitle {
    min-width: 0 !important;
    flex: 1 !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="faq"] .faq-qa summary::after {
    content: ">" !important;
    flex: 0 0 auto !important;
    color: #0a6cff !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transition: transform 180ms ease !important;
  }

  body[data-page="faq"] .faq-qa[open] summary::after {
    transform: rotate(90deg) !important;
  }

  body[data-page="faq"] .faq-qa__body {
    padding: 0 16px 14px !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  body[data-page="faq"] .faq-ahead {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
  }

  body[data-page="faq"] .faq-steps {
    margin: 0 !important;
    padding-left: 18px !important;
  }

  body[data-page="faq"] .faq-steps li {
    margin: 0 0 6px !important;
  }

  body[data-page="faq"] .faq-hub-more {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    line-height: 42px !important;
    margin-top: 12px !important;
    margin-bottom: 24px !important;
    border-radius: 14px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    color: #0a6cff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .faq-hub-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 0 24px !important;
    padding: 20px 16px !important;
    min-height: 124px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.16) !important;
  }

  body[data-page="faq"] .faq-hub-cta__art {
    display: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy {
    max-width: none !important;
    margin: 0 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    border: 0 !important;
    color: #fff !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-outline {
    background: #fff !important;
    border: 0 !important;
    color: #0a6cff !important;
  }

  body[data-page="faq"] .site-footer {
    margin-top: 24px !important;
    background: #f5f7fa !important;
  }

  body[data-page="faq"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="faq"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="faq"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="faq"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="faq"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="faq"] .site-footer .footer-company p,
  body[data-page="faq"] .site-footer .footer-links,
  body[data-page="faq"] .site-footer .footer-qrcode,
  body[data-page="faq"] .site-footer .social-links,
  body[data-page="faq"] .site-footer .footer-cta,
  body[data-page="faq"] .site-footer .footer-brand,
  body[data-page="faq"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="faq"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="faq"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .mobile-bottom-nav,
  body[data-page="faq"] .bottom-nav,
  body[data-page="faq"] .mobile-tabbar,
  body[data-page="faq"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="faq"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="faq"] .mobile-bottom-nav--main a[data-nav="support"] {
    color: #0a6cff !important;
  }

  body[data-page="faq"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="faq"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="faq"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="faq"] .mobile-bottom-nav--main a[data-nav="support"] small {
    color: #0a6cff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  body[data-page="faq"] .floating-contact {
    display: none !important;
  }
}

/* support.html mobile final-final override: keep this as the last support rule block. */
@media (max-width: 768px) {
  body[data-page="support"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="support"] main.service-page {
    padding-bottom: 80px !important;
    overflow-x: hidden !important;
  }

  body[data-page="support"] .service-banner {
    width: auto !important;
    max-width: none !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="support"] .service-banner .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page="support"] .service-banner__inner {
    position: relative !important;
    width: 100% !important;
    min-height: 180px !important;
    height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .service-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
  }

  body[data-page="support"] .service-banner__bg,
  body[data-page="support"] .support-banner__bg {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
  }

  body[data-page="support"] .service-banner__content,
  body[data-page="support"] .support-banner__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
  }

  body[data-page="support"] .service-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="support"] .service-banner p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: none !important;
  }

  body[data-page="support"] .support-desktop-only,
  body[data-page="support"] .service-banner-points,
  body[data-page="support"] .banner-search,
  body[data-page="support"] .breadcrumb.service-breadcrumb,
  body[data-page="support"] .service-nav-section,
  body[data-page="support"] .service-home-section,
  body[data-page="support"] .service-flow-section,
  body[data-page="support"] .service-guarantee-section,
  body[data-page="support"] .service-support-strip {
    display: none !important;
  }

  body[data-page="support"] .support-mobile-only,
  body[data-page="support"] .support-mobile-assurance,
  body[data-page="support"] .support-mobile-services,
  body[data-page="support"] .support-mobile-faq,
  body[data-page="support"] .support-mobile-download,
  body[data-page="support"] .support-video-section,
  body[data-page="support"] .support-mobile-cta {
    display: block !important;
  }

  body[data-page="support"] .support-mobile-assurance,
  body[data-page="support"] .support-mobile-services,
  body[data-page="support"] .support-mobile-faq,
  body[data-page="support"] .support-mobile-download,
  body[data-page="support"] .support-video-section,
  body[data-page="support"] .support-mobile-cta {
    width: auto !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="support"] .support-mobile-assurance > .container,
  body[data-page="support"] .support-mobile-services > .container,
  body[data-page="support"] .support-mobile-faq > .container,
  body[data-page="support"] .support-mobile-download > .container,
  body[data-page="support"] .support-video-section > .container,
  body[data-page="support"] .support-mobile-cta > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="support"] .support-mobile-assurance__card,
  body[data-page="support"] .support-mobile-services__grid,
  body[data-page="support"] .support-faq-list,
  body[data-page="support"] .support-download-strip,
  body[data-page="support"] .service-video-strip,
  body[data-page="support"] .support-mobile-cta__card {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="support"] .support-download-strip {
    gap: 12px !important;
  }

  body[data-page="support"] .support-download-card {
    position: relative !important;
    overflow: hidden !important;
    min-height: 104px !important;
    padding: 40px 16px 14px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .support-download-card__icon {
    position: absolute !important;
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
    margin: 0 !important;
  }

  body[data-page="support"] .support-download-card__body {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="support"] .support-mobile-cta__card {
    min-height: 136px !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body[data-page="support"] .support-mobile-cta__body strong {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
  }

  body[data-page="support"] .support-mobile-cta__body p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 0 16px !important;
  }

  body[data-page="support"] .support-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="support"] .support-mobile-cta__actions a {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .site-footer {
    margin-top: 24px !important;
    background: #f5f7fa !important;
  }

  body[data-page="support"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="support"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="support"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="support"] .site-footer .footer-company p,
  body[data-page="support"] .site-footer .footer-contact li:nth-child(n + 4),
  body[data-page="support"] .site-footer .footer-links,
  body[data-page="support"] .site-footer .footer-qrcode,
  body[data-page="support"] .site-footer .social-links,
  body[data-page="support"] .site-footer .footer-cta,
  body[data-page="support"] .site-footer .footer-brand,
  body[data-page="support"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="support"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="support"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="support"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="support"] .mobile-bottom-nav,
  body[data-page="support"] .bottom-nav,
  body[data-page="support"] .mobile-tabbar,
  body[data-page="support"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] {
    color: #0a6cff !important;
  }

  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] small {
    color: #0a6cff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  body[data-page="support"] .floating-contact {
    display: none !important;
  }
}

/* support.html mobile final override: unified banner, fixed bottom nav, and footer cleanup. */
@media (max-width: 768px) {
  body[data-page="support"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="support"] main.service-page {
    padding-bottom: 80px !important;
    overflow-x: hidden !important;
  }

  body[data-page="support"] .service-banner {
    width: auto !important;
    max-width: none !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="support"] .service-banner .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page="support"] .service-banner__inner {
    position: relative !important;
    width: 100% !important;
    min-height: 180px !important;
    height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .service-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
  }

  body[data-page="support"] .service-banner__bg,
  body[data-page="support"] .support-banner__bg {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
  }

  body[data-page="support"] .service-banner__content,
  body[data-page="support"] .support-banner__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
  }

  body[data-page="support"] .service-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="support"] .service-banner p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: none !important;
  }

  body[data-page="support"] .support-desktop-only {
    display: none !important;
  }

  body[data-page="support"] .support-mobile-only {
    display: inline !important;
  }

  body[data-page="support"] .service-banner-points,
  body[data-page="support"] .banner-search {
    display: none !important;
  }

  body[data-page="support"] .breadcrumb.service-breadcrumb,
  body[data-page="support"] .service-nav-section,
  body[data-page="support"] .service-home-section,
  body[data-page="support"] .service-flow-section,
  body[data-page="support"] .service-guarantee-section,
  body[data-page="support"] .service-support-strip {
    display: none !important;
  }

  body[data-page="support"] .support-mobile-assurance,
  body[data-page="support"] .support-mobile-services,
  body[data-page="support"] .support-mobile-faq,
  body[data-page="support"] .support-mobile-download,
  body[data-page="support"] .support-video-section,
  body[data-page="support"] .support-mobile-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="support"] .support-mobile-assurance > .container,
  body[data-page="support"] .support-mobile-services > .container,
  body[data-page="support"] .support-mobile-faq > .container,
  body[data-page="support"] .support-mobile-download > .container,
  body[data-page="support"] .support-video-section > .container,
  body[data-page="support"] .support-mobile-cta > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="support"] .support-mobile-assurance__card,
  body[data-page="support"] .support-mobile-services__grid,
  body[data-page="support"] .support-faq-list,
  body[data-page="support"] .support-download-strip,
  body[data-page="support"] .service-video-strip,
  body[data-page="support"] .support-mobile-cta__card {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body[data-page="support"] .support-mobile-download .service-section-head,
  body[data-page="support"] .support-video-section .service-section-head,
  body[data-page="support"] .support-mobile-faq .service-section-head,
  body[data-page="support"] .support-mobile-services__head {
    margin: 0 0 12px !important;
  }

  body[data-page="support"] .service-home-faq .service-section-head h2,
  body[data-page="support"] .service-home-download .service-section-head h2,
  body[data-page="support"] .support-mobile-download .service-section-head h2,
  body[data-page="support"] .support-video-section .service-section-head h2,
  body[data-page="support"] .support-mobile-faq .service-section-head h2,
  body[data-page="support"] .support-mobile-services__head h2 {
    margin: 0 !important;
  }

  body[data-page="support"] .support-download-strip {
    gap: 12px !important;
  }

  body[data-page="support"] .support-download-card {
    position: relative !important;
    overflow: hidden !important;
    min-height: 104px !important;
    padding: 40px 16px 14px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .support-download-card__icon {
    position: absolute !important;
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
    margin: 0 !important;
  }

  body[data-page="support"] .support-download-card__body {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="support"] .support-video-section .service-video-card img {
    object-fit: cover !important;
  }

  body[data-page="support"] .support-mobile-cta {
    margin: 0 0 24px !important;
  }

  body[data-page="support"] .support-mobile-cta__card {
    min-height: 136px !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body[data-page="support"] .support-mobile-cta__body strong {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
  }

  body[data-page="support"] .support-mobile-cta__body p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 0 16px !important;
  }

  body[data-page="support"] .support-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="support"] .support-mobile-cta__actions a {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .site-footer {
    margin-top: 24px !important;
    background: #f5f7fa !important;
  }

  body[data-page="support"] .site-footer a {
    color: inherit !important;
  }

  body[data-page="support"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="support"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="support"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="support"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="support"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="support"] .site-footer .footer-contact li:nth-child(n + 4),
  body[data-page="support"] .site-footer .footer-links,
  body[data-page="support"] .site-footer .footer-qrcode,
  body[data-page="support"] .site-footer .social-links,
  body[data-page="support"] .site-footer .footer-cta,
  body[data-page="support"] .site-footer .footer-brand,
  body[data-page="support"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="support"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="support"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="support"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="support"] .mobile-bottom-nav,
  body[data-page="support"] .bottom-nav,
  body[data-page="support"] .mobile-tabbar,
  body[data-page="support"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] {
    color: #0a6cff !important;
  }

  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="support"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="support"] .mobile-bottom-nav--main a[data-nav="support"] small {
    color: #0a6cff !important;
    stroke: currentColor !important;
  }

  body[data-page="support"] .floating-contact {
    display: none !important;
  }
}

/* Products mobile EOF override: final banner and load-more cleanup. */
@media (max-width: 768px) {
  body[data-page="products"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  body[data-page="products"] main.product-page {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="products"] .product-page {
    overflow-x: hidden !important;
  }

  body[data-page="products"] main.product-page > .product-banner,
  body[data-page="products"] .page-banner.product-banner {
    position: relative !important;
    width: auto !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #082d74 !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="products"] .product-banner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background-image:
      linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.82) 46%, rgba(0, 44, 103, 0.18) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) !important;
    background-position: center right !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
  }

  body[data-page="products"] .product-banner__inner {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    z-index: 1 !important;
  }

  body[data-page="products"] .product-banner__inner > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="products"] .product-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
  }

  body[data-page="products"] .product-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="products"] .product-banner span {
    display: none !important;
    content: none !important;
  }

  body[data-page="products"] .product-breadcrumb {
    display: none !important;
  }

  body[data-page="products"] .product-load-more {
    display: block !important;
    margin: 24px 0 !important;
  }

  body[data-page="products"] .product-load-more button {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(14, 39, 88, 0.10) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 43, 102, 0.05) !important;
    color: #0e274f !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  body[data-page="products"] .product-load-more button::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="products"] .mobile-bottom-nav,
  body[data-page="products"] .bottom-nav,
  body[data-page="products"] .mobile-tabbar,
  body[data-page="products"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* About mobile conflict cleanup: keep only the v3 mobile DOM and override legacy responsive.css rules. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  body[data-page="about"] *,
  body[data-page="about"] *::before,
  body[data-page="about"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="about"] main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="about"] .page-banner.about-banner {
    position: relative !important;
    width: auto !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: var(--banner-image, url("../images/banners/about-factory-workshop.png")) center right / cover no-repeat !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="about"] .page-banner.about-banner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background: linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.84) 46%, rgba(0, 44, 103, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-banner p::before {
    content: none !important;
    display: none !important;
  }

  body[data-page="about"] .about-desktop-only {
    display: none !important;
  }

  body[data-page="about"] .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-mobile-desc,
  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-mobile-cta,
  body[data-page="about"] .about-contact-strip {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-block {
    padding: 20px 16px !important;
  }

  body[data-page="about"] .about-v3-card h2,
  body[data-page="about"] .about-v3-block h2 {
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-intro__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  body[data-page="about"] .about-v3-intro__stats div {
    min-height: 80px !important;
    padding: 12px 10px !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-intro__stats div::before {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 0 6px !important;
    border-radius: 8px !important;
    background-color: rgba(10, 108, 255, 0.1) !important;
    border: 1px solid rgba(10, 108, 255, 0.14) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px 12px !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(1)::before {
    background-image: var(--about3-icon-building) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(2)::before {
    background-image: var(--about3-icon-factory) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(3)::before {
    background-image: var(--about3-icon-users) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(4)::before {
    background-image: var(--about3-icon-globe) !important;
  }

  body[data-page="about"] .about-v3-intro__stats strong {
    display: block !important;
    color: #0a6cff !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-intro__stats span {
    display: block !important;
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-adv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-adv-grid article {
    min-height: 100px !important;
    padding: 14px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-adv-grid article::before,
  body[data-page="about"] .about-v3-adv-grid strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong {
    position: relative !important;
    margin: 0 0 6px !important;
    padding-top: 32px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(1) strong::before {
    background-image: var(--about3-icon-spark) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(2) strong::before {
    background-image: var(--about3-icon-shield) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(3) strong::before {
    background-image: var(--about3-icon-chip) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(4) strong::before {
    background-image: var(--about3-icon-headset) !important;
  }

  body[data-page="about"] .about-v3-adv-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-timeline-card {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-timeline {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-v3-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    min-height: 48px !important;
    padding: 4px 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div strong {
    color: #0a6cff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .about-v3-timeline > div span {
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-culture article {
    min-height: 90px !important;
    padding: 12px 8px 10px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-culture article::before,
  body[data-page="about"] .about-v3-culture strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    position: relative !important;
    margin: 0 0 6px !important;
    padding-top: 32px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-culture strong::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(1) strong::before {
    background-image: var(--about3-icon-flag) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(2) strong::before {
    background-image: var(--about3-icon-compass) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(3) strong::before {
    background-image: var(--about3-icon-value) !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail,
  body[data-page="about"] .about-v3-honor-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail article,
  body[data-page="about"] .about-v3-honor-rail a,
  body[data-page="about"] .about-v3-honor-rail article {
    min-width: 0 !important;
    border-radius: 12px !important;
    border: 1px solid #e8eef8 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="about"] .about-v3-honor-rail img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    background: #fff !important;
  }

  body[data-page="about"] .about-v3-honor-rail span {
    display: block !important;
    margin: 0 !important;
    padding: 8px 8px 10px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    margin: 0 !important;
    padding: 20px 16px !important;
    min-height: 136px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
    position: relative !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.9) 52%, rgba(10, 108, 255, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy,
  body[data-page="about"] .about-v3-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy {
    max-width: none !important;
    margin: 0 0 16px !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-outline {
    background: #fff !important;
    color: #0a6cff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 24px !important;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar,
  body[data-page="about"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }

  body[data-page="about"] .about-v3-intro__stats > div:not(:last-child) {
    border-right: 0 !important;
  }
}

/* Home page final cleanup: remove residual mobile-only hero controls and duplicate trust/CTA blocks. */
@media (max-width: 768px) {
  body[data-page="home"] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px) !important;
  }

  body[data-page="home"] main.home-main {
    padding-bottom: 80px !important;
  }

  body[data-page="home"] .home-mobile-cta,
  body[data-page="home"] .home-trust,
  body[data-page="home"] .home-mobile-kpi,
  body[data-page="home"] .home-hero__controls {
    display: none !important;
  }

  body[data-page="home"] .home-service-cta,
  body[data-page="home"] .home-cta {
    display: block !important;
    margin: 24px 0 0 !important;
  }

  body[data-page="home"] .home-service-cta__actions .btn,
  body[data-page="home"] .home-cta__actions .btn {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="home"] .home-products .home-section-title > a::after,
  body[data-page="home"] .home-solutions .home-section-title > a::after,
  body[data-page="home"] .home-cases .home-section-title > a::after,
  body[data-page="home"] .home-mobile-news .home-section-title > a::after,
  body[data-page="home"] .home-news-heading a::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="home"] .mobile-bottom-nav,
  body[data-page="home"] .mobile-bottom-nav--main,
  body[data-page="home"] .bottom-nav,
  body[data-page="home"] .mobile-tabbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* about.html final mobile override: unify banner/footer, keep only one visible icon set, and suppress old residue. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 84px) !important;
  }

  body[data-page="about"],
  body[data-page="about"] *,
  body[data-page="about"] *::before,
  body[data-page="about"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="about"] .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-page="about"] main {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-banner {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-banner .container {
    padding: 0 !important;
  }

  body[data-page="about"] .about-banner::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-height: 180px !important;
    height: 180px !important;
    max-height: 180px !important;
    padding: 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background:
      linear-gradient(90deg, rgba(8, 34, 80, 0.92) 0%, rgba(8, 34, 80, 0.62) 52%, rgba(8, 34, 80, 0.14) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) center right / cover no-repeat !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(8, 34, 80, 0.92) 0%, rgba(8, 34, 80, 0.72) 44%, rgba(8, 34, 80, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    max-width: 230px !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 6px 0 0 !important;
    max-width: 84% !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body[data-page="about"] .about-banner p .about-desktop-only,
  body[data-page="about"] .about-mobile-desc {
    display: none !important;
  }

  body[data-page="about"] .about-banner p .about-mobile-only {
    display: block !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-mobile-cta,
  body[data-page="about"] .about-contact-strip,
  body[data-page="about"] .about-panel.about-honors {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
  }

  body[data-page="about"] .about-v3-mobile .container,
  body[data-page="about"] .about-v3-mobile__wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro {
    padding: 20px 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-data {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-intro h2,
  body[data-page="about"] .about-v3-block h2 {
    position: relative !important;
    margin: 0 0 12px !important;
    padding-left: 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-intro h2::before,
  body[data-page="about"] .about-v3-block h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #0a6cff !important;
    transform: translateY(-50%) !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 80px !important;
    padding: 12px 10px !important;
    border: 1px solid rgba(10, 108, 255, 0.1) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.04) !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats strong {
    display: block !important;
    margin: 0 !important;
    color: #0a6cff !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats span {
    display: block !important;
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  body[data-page="about"] .about-v3-adv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-adv-grid article {
    position: relative !important;
    min-height: 100px !important;
    padding: 58px 12px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-adv-grid article::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 12px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #eef4ff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    transform: translateX(-50%) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(1)::before {
    background-image: var(--about3-icon-spark) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(2)::before {
    background-image: var(--about3-icon-shield) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(3)::before {
    background-image: var(--about3-icon-chip) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(4)::before {
    background-image: var(--about3-icon-headset) !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-adv-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="about"] .about-v3-timeline-card {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-timeline {
    display: grid !important;
    gap: 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    min-height: 48px !important;
    padding: 10px 0 10px 30px !important;
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 2px !important;
    background: #d7e6ff !important;
  }

  body[data-page="about"] .about-v3-timeline > div::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 18px !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #0a6cff !important;
    box-shadow: 0 0 0 4px rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="about"] .about-v3-timeline strong {
    color: #0a6cff !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-timeline span {
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-culture article {
    position: relative !important;
    min-height: 0 !important;
    padding: 16px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body[data-page="about"] .about-v3-culture article::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    display: block !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="about"] .about-v3-block__head a::after {
    content: none !important;
  }

  body[data-page="about"] .about-v3-team-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-team-rail article {
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-team-rail img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
  }

  body[data-page="about"] .about-v3-honor-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-honor-rail a,
  body[data-page="about"] .about-v3-honor-rail article {
    display: flex !important;
    flex-direction: column !important;
    min-height: 110px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
    color: #0b2348 !important;
    text-decoration: none !important;
  }

  body[data-page="about"] .about-v3-honor-rail img {
    width: 100% !important;
    height: 76px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="about"] .about-v3-honor-rail span {
    display: -webkit-box !important;
    padding: 8px 8px 10px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-align: center !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    position: relative !important;
    margin-bottom: 24px !important;
    min-height: 136px !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.88) 56%, rgba(10, 108, 255, 0.14) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy,
  body[data-page="about"] .about-v3-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    color: #fff !important;
    border-color: #ff7a14 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-outline {
    background: #fff !important;
    color: #0a6cff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.16) !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 0 !important;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 12px 0 6px !important;
    background: transparent !important;
  }

  body[data-page="about"] .site-footer .footer-main .container,
  body[data-page="about"] .site-footer .footer-bottom .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li:nth-child(n + 4) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    padding: 8px 0 10px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px 16px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .mobile-bottom-nav--main,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 64px !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav--main a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  body[data-page="about"] .mobile-bottom-nav--main a[href="index.html"] small {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body[data-page="about"] .mobile-bottom-nav--main a[href="index.html"] small::after {
    content: "关于我们" !important;
    display: block !important;
    color: currentColor !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-culture article {
    position: relative !important;
    min-height: 0 !important;
    padding: 16px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body[data-page="about"] .about-v3-culture article::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    display: block !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* Home mobile final override: concise industrial landing page with one clear funnel. */
@media (max-width: 768px) {
  body[data-page="home"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
    -webkit-text-size-adjust: 100% !important;
            text-size-adjust: 100% !important;
  }

  body[data-page="home"],
  body[data-page="home"] *,
  body[data-page="home"] *::before,
  body[data-page="home"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="home"] main.home-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  body[data-page="home"] .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-page="home"] .home-section {
    padding: 0 !important;
  }

  body[data-page="home"] .home-advantages,
  body[data-page="home"] .home-about-support,
  body[data-page="home"] .home-quote,
  body[data-page="home"] .home-news {
    display: none !important;
  }

  body[data-page="home"] .home-hero {
    position: relative !important;
    width: auto !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    margin: 12px 16px 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #0b2348 !important;
    box-shadow: none !important;
  }

  body[data-page="home"] .home-hero__slides {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body[data-page="home"] .home-hero__slides,
  body[data-page="home"] .home-hero__slide {
    width: 100% !important;
    height: 100% !important;
  }

  body[data-page="home"] .home-hero__slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transform: none !important;
    background-image:
      linear-gradient(90deg, rgba(4, 22, 58, 0.96) 0%, rgba(4, 32, 82, 0.86) 46%, rgba(4, 32, 82, 0.26) 100%),
      var(--home-hero-image) !important;
    background-position: center center, center center !important;
    background-size: 100% 100%, cover !important;
    background-repeat: no-repeat !important;
  }

  body[data-page="home"] .home-hero__slide.is-active {
    opacity: 1 !important;
    transform: none !important;
    background-image:
      linear-gradient(90deg, rgba(4, 22, 58, 0.96) 0%, rgba(4, 32, 82, 0.86) 46%, rgba(4, 32, 82, 0.26) 100%),
      var(--home-hero-image) !important;
    background-position: center center, center center !important;
    background-size: 100% 100%, cover !important;
    background-repeat: no-repeat !important;
  }

  body[data-page="home"] .home-hero__inner {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 220px !important;
    height: 100% !important;
    padding: 16px 16px 18px !important;
  }

  body[data-page="home"] .home-hero__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    max-width: 100% !important;
    padding-top: 0 !important;
  }

  body[data-page="home"] .home-desktop-only,
  body[data-page="home"] .home-hero__features {
    display: none !important;
  }

  body[data-page="home"] .home-mobile-only.home-mobile-hero-title {
    display: block !important;
    width: 100% !important;
    max-width: 240px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="home"] .home-mobile-only.home-mobile-hero-title br {
    display: inline !important;
  }

  body[data-page="home"] .home-mobile-only.home-mobile-hero-subtitle {
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    letter-spacing: 0.01em !important;
  }

  body[data-page="home"] .home-hero-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: start !important;
    width: 100% !important;
    margin-top: 12px !important;
    border: none !important;
  }

  body[data-page="home"] .home-hero-kpi {
    position: relative !important;
    min-width: 0 !important;
    padding: 0 4px !important;
    text-align: center !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
  }

  body[data-page="home"] .home-hero-kpi:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: -3px !important;
    top: 6px !important;
    width: 1px !important;
    height: 30px !important;
    background: rgba(255, 255, 255, 0.26) !important;
  }

  body[data-page="home"] .home-hero-kpi strong {
    display: block !important;
    width: 100% !important;
    margin: 0 0 2px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-hero-kpi small {
    display: block !important;
    width: 100% !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  body[data-page="home"] .home-hero__controls {
    inset: auto 0 6px !important;
  }

  body[data-page="home"] .home-hero__dots {
    gap: 6px !important;
  }

  body[data-page="home"] .home-hero__arrow {
    display: none !important;
  }

  body[data-page="home"] .home-mobile-cta {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="home"] .home-mobile-cta .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="home"] .home-mobile-cta__card {
    display: grid !important;
    gap: 8px !important;
    min-height: 100px !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-mobile-cta__body {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  body[data-page="home"] .home-mobile-cta__title {
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #0b2348 !important;
  }

  body[data-page="home"] .home-mobile-cta__desc {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #64748b !important;
  }

  body[data-page="home"] .home-mobile-cta__btn {
    display: inline-flex !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-products .home-section-title,
  body[data-page="home"] .home-solutions .home-section-title,
  body[data-page="home"] .home-cases .home-section-title,
  body[data-page="home"] .home-advantages .home-section-title,
  body[data-page="home"] .home-mobile-news .home-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="home"] .home-products .home-section-title h2,
  body[data-page="home"] .home-solutions .home-section-title h2,
  body[data-page="home"] .home-cases .home-section-title h2,
  body[data-page="home"] .home-advantages .home-section-title h2,
  body[data-page="home"] .home-mobile-news .home-section-title h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-advantages .home-section-title h2::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
  }

  body[data-page="home"] .home-products .home-section-title p,
  body[data-page="home"] .home-solutions .home-section-title p,
  body[data-page="home"] .home-cases .home-section-title p,
  body[data-page="home"] .home-advantages .home-section-title p,
  body[data-page="home"] .home-mobile-news .home-section-title p {
    display: none !important;
  }

  body[data-page="home"] .home-products .home-section-title a,
  body[data-page="home"] .home-solutions .home-section-title a,
  body[data-page="home"] .home-cases .home-section-title a,
  body[data-page="home"] .home-advantages .home-section-title a,
  body[data-page="home"] .home-mobile-news .home-section-title a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="home"] .home-products .home-section-title > a::after,
  body[data-page="home"] .home-solutions .home-section-title > a::after,
  body[data-page="home"] .home-cases .home-section-title > a::after,
  body[data-page="home"] .home-advantages .home-section-title > a::after,
  body[data-page="home"] .home-mobile-news .home-section-title > a::after,
  body[data-page="home"] .home-news-heading a::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="home"] .home-products {
    display: block !important;
  }

  body[data-page="home"] .home-product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="home"] .home-product-grid > .home-mobile-only,
  body[data-page="home"] .home-product-grid > .home-mobile-only[style*="display:none"] {
    display: flex !important;
  }

  body[data-page="home"] .home-products .home-product-card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.08) !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-products .home-product-card img {
    width: 100% !important;
    height: 100px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body[data-page="home"] .home-products .home-product-card h3 {
    display: -webkit-box !important;
    margin: 8px 0 0 !important;
    min-height: 42px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: center !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="home"] .home-products .home-product-card p,
  body[data-page="home"] .home-products .home-product-card .home-outline-btn {
    display: none !important;
  }

  body[data-page="home"] .stats-section,
  body[data-page="home"] .home-stats,
  body[data-page="home"] .mobile-stats,
  body[data-page="home"] .home-mobile-kpi {
    display: block !important;
    margin: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  body[data-page="home"] .stats-section .container,
  body[data-page="home"] .home-stats .container,
  body[data-page="home"] .mobile-stats .container,
  body[data-page="home"] .home-mobile-kpi .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-page="home"] .home-mobile-kpi__strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-items: center !important;
    min-height: 90px !important;
    padding: 10px 8px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="home"] .home-mobile-kpi__item {
    min-width: 0 !important;
    text-align: center !important;
    color: #0b2348 !important;
  }

  body[data-page="home"] .home-mobile-kpi__item strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #0a6cff !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
  }

  body[data-page="home"] .home-mobile-kpi__item small {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #64748b !important;
  }

  body[data-page="home"] .home-solutions {
    display: block !important;
  }

  body[data-page="home"] .home-solutions .home-solution-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="home"] .home-solutions .home-solution-grid > a,
  body[data-page="home"] .home-solutions .home-solution-card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.08) !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body[data-page="home"] .home-solutions .home-solution-grid > a img,
  body[data-page="home"] .home-solutions .home-solution-card img {
    display: block !important;
    width: 100% !important;
    height: 100px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body[data-page="home"] .home-solutions .home-solution-grid > a span,
  body[data-page="home"] .home-solutions .home-solution-card span,
  body[data-page="home"] .home-solutions .home-solution-card h3 {
    display: block !important;
    margin-top: 10px !important;
    padding: 0 4px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  body[data-page="home"] .home-solutions .home-solution-card::after,
  body[data-page="home"] .home-solutions .home-solution-card span::before,
  body[data-page="home"] .home-solutions .home-solution-card span::after,
  body[data-page="home"] .home-solutions .home-solution-list {
    display: none !important;
    content: none !important;
  }

  body[data-page="home"] .home-solutions .home-section-title a.home-mobile-only {
    display: inline-flex !important;
  }

  body[data-page="home"] .home-cases {
    display: block !important;
  }

  body[data-page="home"] .home-cases .home-case-grid {
    display: none !important;
  }

  body[data-page="home"] .home-cases .home-case-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 0 !important;
  }

  body[data-page="home"] .home-cases .home-case-list article {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.08) !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body[data-page="home"] .home-cases .home-case-list img {
    width: 100% !important;
    height: 100px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body[data-page="home"] .home-cases .home-case-list article > div {
    width: 100% !important;
    padding: 8px 0 0 !important;
    min-width: 0 !important;
  }

  body[data-page="home"] .home-cases .home-case-list span {
    display: none !important;
  }

  body[data-page="home"] .home-cases .home-case-list h3 {
    display: -webkit-box !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="home"] .home-cases .home-case-list p,
  body[data-page="home"] .home-cases .home-case-list .home-outline-btn {
    display: none !important;
  }

  body[data-page="home"] .home-mobile-news {
    display: block !important;
  }

  body[data-page="home"] .home-mobile-news .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="home"] .home-mobile-news__list {
    display: grid !important;
    gap: 12px !important;
  }

  body[data-page="home"] .home-mobile-news__list article {
    display: flex !important;
    gap: 12px !important;
    min-height: 90px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.08) !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-mobile-news__list img {
    width: 96px !important;
    height: 66px !important;
    flex: 0 0 96px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body[data-page="home"] .home-mobile-news__list article > div {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  body[data-page="home"] .home-mobile-news__list h3 {
    display: -webkit-box !important;
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="home"] .home-mobile-news__list p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body[data-page="home"] .home-trust {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="home"] .home-trust .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="home"] .home-trust__title {
    display: none !important;
  }

  body[data-page="home"] .home-trust__logos {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-trust__logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 32px !important;
    padding: 0 4px !important;
    border-radius: 10px !important;
    background: #f8fbff !important;
    box-shadow: none !important;
    color: rgba(40, 66, 112, 0.96) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="home"] .home-cta,
  body[data-page="home"] .home-service-cta {
    display: block !important;
    margin: 24px 0 !important;
    padding: 0 !important;
  }

  body[data-page="home"] .home-cta .container,
  body[data-page="home"] .home-service-cta .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="home"] .home-cta__card,
  body[data-page="home"] .home-service-cta__card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    min-height: 136px !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-cta__body,
  body[data-page="home"] .home-service-cta__body,
  body[data-page="home"] .home-service-cta__content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="home"] .home-cta__body strong,
  body[data-page="home"] .home-service-cta__body strong,
  body[data-page="home"] .home-cta__title,
  body[data-page="home"] .home-service-cta__title {
    display: block !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    margin: 0 0 8px !important;
  }

  body[data-page="home"] .home-cta__body p,
  body[data-page="home"] .home-service-cta__body p,
  body[data-page="home"] .home-cta__desc,
  body[data-page="home"] .home-service-cta__desc {
    margin: 0 0 16px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body[data-page="home"] .home-cta__media,
  body[data-page="home"] .home-cta__image,
  body[data-page="home"] .home-service-cta__media,
  body[data-page="home"] .home-service-cta__image,
  body[data-page="home"] .home-cta img,
  body[data-page="home"] .home-service-cta img {
    display: none !important;
  }

  body[data-page="home"] .home-cta__actions,
  body[data-page="home"] .home-service-cta__actions {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body[data-page="home"] .home-cta__actions .btn,
  body[data-page="home"] .home-service-cta__actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="home"] .home-cta__actions .btn:first-child,
  body[data-page="home"] .home-service-cta__actions .btn:first-child {
    background: #ff6a1a !important;
    border-color: #ff6a1a !important;
  }

  body[data-page="home"] .home-cta__actions .btn-primary,
  body[data-page="home"] .home-service-cta__actions .btn-primary {
    background: #fff !important;
    border-color: #fff !important;
    color: #0a6cff !important;
  }

  body[data-page="home"] .site-footer {
    background: #f5f7fa !important;
    color: #64748b !important;
    margin-top: 0 !important;
  }

  body[data-page="home"] .site-footer .footer-main {
    display: block !important;
    padding: 0 0 8px !important;
    background: transparent !important;
  }

  body[data-page="home"] .site-footer .footer-main__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 16px !important;
  }

  body[data-page="home"] .site-footer .footer-company {
    padding: 0 !important;
  }

  body[data-page="home"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body[data-page="home"] .site-footer .footer-company p,
  body[data-page="home"] .site-footer .footer-links,
  body[data-page="home"] .site-footer .footer-qrcode,
  body[data-page="home"] .site-footer .social-links,
  body[data-page="home"] .site-footer .footer-cta,
  body[data-page="home"] .site-footer .footer-brand,
  body[data-page="home"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="home"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
  }

  body[data-page="home"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="home"] .site-footer .footer-contact li:nth-child(n + 4) {
    display: none !important;
  }

  body[data-page="home"] .site-footer .footer-bottom {
    padding: 8px 0 20px !important;
    border-top: 0 !important;
    background: transparent !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="home"] .mobile-bottom-nav,
  body[data-page="home"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    display: flex !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="home"] .bottom-nav,
  body[data-page="home"] .mobile-tabbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="home"] .mobile-bottom-nav--main {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }

  body[data-page="home"] .mobile-bottom-nav--main a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  body[data-page="home"] .mobile-bottom-nav--main a.is-active {
    color: #0a6cff !important;
  }

  body[data-page="home"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="home"] .mobile-bottom-nav--main a.is-active small {
    color: inherit !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  body[data-page="about"] *,
  body[data-page="about"] *::before,
  body[data-page="about"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="about"] .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-page="about"] main {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-banner {
    margin: 16px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: 180px !important;
    max-height: none !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-banner .container {
    padding: 0 !important;
  }

  body[data-page="about"] .about-banner::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    display: grid !important;
    align-content: end !important;
    justify-items: start !important;
    min-height: 180px !important;
    height: 180px !important;
    padding: 18px 20px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background:
      linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.84) 52%, rgba(0, 44, 103, 0.24) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) center right / cover no-repeat !important;
    box-shadow: 0 14px 30px rgba(0, 28, 78, 0.16) !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(1, 21, 59, 0.94) 0%, rgba(0, 44, 103, 0.82) 50%, rgba(0, 44, 103, 0.16) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    max-width: 220px !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body[data-page="about"] .about-banner p .about-desktop-only,
  body[data-page="about"] .about-mobile-desc {
    display: none !important;
  }

  body[data-page="about"] .about-banner p .about-mobile-only {
    display: block !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-mobile-cta,
  body[data-page="about"] .about-contact-strip,
  body[data-page="about"] .about-panel.about-honors {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
  }

  body[data-page="about"] .about-v3-mobile .container,
  body[data-page="about"] .about-v3-mobile__wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro {
    padding: 20px 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-data {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-intro h2,
  body[data-page="about"] .about-v3-block h2 {
    position: relative !important;
    margin: 0 0 12px !important;
    padding-left: 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-intro h2::before,
  body[data-page="about"] .about-v3-block h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #0a6cff !important;
    transform: translateY(-50%) !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 80px !important;
    padding: 12px 10px !important;
    border: 1px solid rgba(10, 108, 255, 0.1) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.04) !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats strong {
    display: block !important;
    margin: 0 !important;
    color: #0a6cff !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-data .about-v3-intro__stats span {
    display: block !important;
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  body[data-page="about"] .about-v3-adv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-adv-grid article {
    position: relative !important;
    min-height: 100px !important;
    padding: 58px 12px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-adv-grid article::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 12px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #eef4ff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    transform: translateX(-50%) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(1)::before {
    background-image: var(--about3-icon-spark) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(2)::before {
    background-image: var(--about3-icon-shield) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(3)::before {
    background-image: var(--about3-icon-chip) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(4)::before {
    background-image: var(--about3-icon-headset) !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-adv-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="about"] .about-v3-timeline-card {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-timeline {
    display: grid !important;
    gap: 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    min-height: 48px !important;
    padding: 10px 0 10px 30px !important;
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 2px !important;
    background: #d7e6ff !important;
  }

  body[data-page="about"] .about-v3-timeline > div::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 18px !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #0a6cff !important;
    box-shadow: 0 0 0 4px rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="about"] .about-v3-timeline strong {
    color: #0a6cff !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-timeline span {
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-culture article {
    position: relative !important;
    min-height: 110px !important;
    padding: 56px 8px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-culture article::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 12px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #eef4ff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    transform: translateX(-50%) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(1)::before {
    background-image: var(--icon-target) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(2)::before {
    background-image: var(--icon-lightning) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(3)::before {
    background-image: var(--icon-check) !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    display: block !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-team-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-team-rail article {
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-team-rail img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
  }

  body[data-page="about"] .about-v3-honor-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="about"] .about-v3-honor-rail a,
  body[data-page="about"] .about-v3-honor-rail article {
    display: flex !important;
    flex-direction: column !important;
    min-height: 110px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
    color: #0b2348 !important;
    text-decoration: none !important;
  }

  body[data-page="about"] .about-v3-honor-rail img {
    width: 100% !important;
    height: 76px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="about"] .about-v3-honor-rail span {
    display: -webkit-box !important;
    padding: 8px 8px 10px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-align: center !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    position: relative !important;
    min-height: 124px !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.88) 56%, rgba(10, 108, 255, 0.14) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy,
  body[data-page="about"] .about-v3-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    min-width: 0 !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    color: #fff !important;
    border-color: #ff7a14 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-outline {
    background: #fff !important;
    color: #0a6cff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.16) !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 0 !important;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 0 8px !important;
    background: transparent !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 16px !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body[data-page="about"] .site-footer .footer-company p,
  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .site-footer .footer-contact li:nth-child(n + 4) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    padding: 8px 0 20px !important;
    border-top: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .mobile-bottom-nav--main a.is-active[href="index.html"] small {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body[data-page="about"] .mobile-bottom-nav--main a.is-active[href="index.html"] small::after {
    content: "关于我们" !important;
    display: block !important;
    color: currentColor !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }
}

/* solutions.html final mobile override: compact industrial layout, no nested white shells, fixed bottom nav. */
@media (max-width: 768px) {
  body[data-page="solutions"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
  }

  body[data-page="solutions"],
  body[data-page="solutions"] *,
  body[data-page="solutions"] *::before,
  body[data-page="solutions"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] .solution-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="solutions"] .solution-page > section:not(.solutions-mobile-hero):not(.solutions-mobile-industry):not(.solutions-mobile-showcase):not(.solutions-mobile-cta):not(.mobile-unified-hero) {
    display: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-hero {
    display: block !important;
    margin: 0 0 24px !important;
  }

  body[data-page="solutions"] .solutions-mobile-hero > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="solutions"] .solutions-mobile-hero__card {
    position: relative !important;
    height: 180px !important;
    min-height: 180px !important;
    padding: 20px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(3, 22, 58, 0.12) 0%, rgba(3, 22, 58, 0.52) 100%),
      linear-gradient(135deg, rgba(5, 19, 50, 0.96) 0%, rgba(7, 58, 148, 0.72) 48%, rgba(12, 88, 209, 0.3) 100%),
      var(--banner-image, url("../images/cases/case-factory-metal-processing-01.jpg")) center center / cover no-repeat !important;
    box-shadow: 0 18px 36px rgba(9, 30, 72, 0.18) !important;
    display: flex !important;
    align-items: flex-end !important;
  }

  body[data-page="solutions"] .solutions-mobile-hero__copy {
    position: relative !important;
    z-index: 1 !important;
    max-width: 244px !important;
    display: grid !important;
    gap: 8px !important;
  }

  body[data-page="solutions"] .solutions-mobile-hero__copy h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
  }

  body[data-page="solutions"] .solutions-mobile-hero__copy p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry,
  body[data-page="solutions"] .solutions-mobile-showcase,
  body[data-page="solutions"] .solutions-mobile-cta {
    display: block !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry > .container,
  body[data-page="solutions"] .solutions-mobile-showcase > .container,
  body[data-page="solutions"] .solutions-mobile-cta > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry h2 {
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry__grid a {
    min-height: 80px !important;
    padding: 10px 4px 9px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 20, 52, 0.05) !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 6px !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #0b2348 !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry__grid a::before {
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    background-color: rgba(0, 70, 184, 0.08) !important;
    border: 1px solid rgba(0, 70, 184, 0.12) !important;
    background-size: 12px 12px !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry__grid a span {
    font-size: 11px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry__grid a.is-active {
    color: #fff !important;
    border-color: rgba(0, 70, 184, 0.18) !important;
    background: linear-gradient(135deg, rgba(0, 70, 184, 0.96), rgba(0, 43, 102, 0.96)) !important;
    box-shadow: 0 10px 24px rgba(0, 35, 92, 0.18) !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry__grid a.is-active::before {
    background-color: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.26) !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__head {
    display: grid !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__head h2 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__head p {
    margin: 0 !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__hero {
    margin: 0 0 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 28px rgba(0, 20, 52, 0.08) !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__hero img {
    display: block !important;
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits > div {
    min-height: 84px !important;
    padding: 12px 10px 10px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 20, 52, 0.05) !important;
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 6px !important;
    text-align: center !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits > div > span {
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background-color: #eef4ff !important;
    background-size: 14px 14px !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits strong {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__benefits small {
    color: #64748b !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__scenes,
  body[data-page="solutions"] .solutions-mobile-showcase__equip,
  body[data-page="solutions"] .solutions-mobile-showcase__case {
    margin-top: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__scenes {
    margin-bottom: 24px !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__equip {
    margin-bottom: 32px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__case {
    margin-top: 24px !important;
  }

  body[data-page="solutions"] .solutions-mobile-showcase__scenes h3,
  body[data-page="solutions"] .solutions-mobile-section-head h3 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body[data-page="solutions"] .solutions-mobile-scenes__track {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  body[data-page="solutions"] .solutions-mobile-scenes__track article {
    min-width: 0 !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 20, 52, 0.05) !important;
    display: grid !important;
  }

  body[data-page="solutions"] .solutions-mobile-scenes__track img {
    display: block !important;
    width: 100% !important;
    height: 80px !important;
    object-fit: cover !important;
  }

  body[data-page="solutions"] .solutions-mobile-scenes__track span {
    margin: 0 !important;
    padding: 10px 10px 11px !important;
    color: #0b2348 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  body[data-page="solutions"] .solutions-mobile-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="solutions"] .solutions-mobile-section-head a {
    color: #0b5bd3 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip__grid {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 4px !important;
    margin: 0 !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip__grid::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    min-height: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 20, 52, 0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    text-decoration: none !important;
    color: inherit !important;
    scroll-snap-align: start !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card img {
    width: 100% !important;
    height: 110px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card div {
    min-width: 0 !important;
    display: grid !important;
    gap: 6px !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card small {
    display: none !important;
    color: #64748b !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    background: rgba(11, 91, 211, 0.1) !important;
    color: #0b5bd3 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 20, 52, 0.05) !important;
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card img {
    width: 96px !important;
    height: 96px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin: 0 0 8px !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(11, 91, 211, 0.1) !important;
    color: #0b5bd3 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-dots {
    display: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card strong,
  body[data-page="solutions"] .solutions-mobile-case-card strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card div,
  body[data-page="solutions"] .solutions-mobile-case-card div {
    min-width: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card {
    min-height: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card {
    width: auto !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 8px !important;
    gap: 6px !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card img {
    height: 72px !important;
    border-radius: 10px !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card div {
    gap: 4px !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card span {
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card {
    align-items: center !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card small,
  body[data-page="solutions"] .solutions-mobile-case-card p {
    display: none !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card {
    padding: 8px !important;
    gap: 10px !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card div {
    padding: 0 !important;
    gap: 4px !important;
  }

  body[data-page="solutions"] .solutions-mobile-case-card img {
    width: 96px !important;
    height: 84px !important;
  }

  body[data-page="solutions"] .solutions-mobile-equip-card span,
  body[data-page="solutions"] .solutions-mobile-case-card span {
    margin-top: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-height: 136px !important;
    margin: 24px 16px !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(10, 51, 164, 0.98) 0%, rgba(11, 91, 211, 0.98) 55%, rgba(15, 73, 207, 0.98) 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 40px rgba(0, 20, 52, 0.18) !important;
    gap: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding-right: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__copy strong {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__copy p {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__actions {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: auto !important;
    z-index: 1 !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__actions .btn {
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__media {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(120deg, rgb(1, 26, 69) 0%, rgb(2, 47, 126) 100%) !important;
    overflow-x: hidden !important;
  }

  body[data-page="solutions"] .site-footer .footer-main {
    display: block !important;
    padding: 12px 0 4px !important;
  }

  body[data-page="solutions"] .site-footer .footer-main .container,
  body[data-page="solutions"] .site-footer .footer-bottom .container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
  }

  body[data-page="solutions"] .site-footer .footer-main__grid {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="solutions"] .site-footer .footer-main__grid > .footer-links,
  body[data-page="solutions"] .site-footer .footer-main__grid > .footer-qrcode,
  body[data-page="solutions"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-company h2 {
    margin: 0 0 4px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  body[data-page="solutions"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-contact {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 4px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body[data-page="solutions"] .site-footer .footer-contact li:nth-child(n+4) {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom {
    padding: 8px 0 12px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 0 !important;
    display: grid !important;
    gap: 6px !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px 12px !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner nav a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
  }

  body[data-page="solutions"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    display: flex !important;
    height: 64px !important;
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] .mobile-bottom-nav--main a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  body[data-page="solutions"] .mobile-bottom-nav--main a[href="solutions.html"],
  body[data-page="solutions"] .mobile-bottom-nav--main a[data-nav="solutions"],
  body[data-page="solutions"] .mobile-bottom-nav--main a.is-active {
    color: #0A6CFF !important;
  }

  body[data-page="solutions"] .mobile-bottom-nav--main a[href="solutions.html"] svg,
  body[data-page="solutions"] .mobile-bottom-nav--main a[href="solutions.html"] small,
  body[data-page="solutions"] .mobile-bottom-nav--main a[data-nav="solutions"] svg,
  body[data-page="solutions"] .mobile-bottom-nav--main a[data-nav="solutions"] small,
  body[data-page="solutions"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="solutions"] .mobile-bottom-nav--main a.is-active small {
    color: inherit !important;
  }
}

/* video-detail.html absolute final override: one fixed nav, 80px body buffer, 24px chapter rhythm. */
@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="video-detail"] main,
  body[data-page="video-detail"] main.service-page,
  body[data-page="video-detail"] .service-main-section,
  body[data-page="video-detail"] .service-detail-layout.service-video-detail-layout {
    padding-bottom: 80px !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main,
  body[data-page="video-detail"] .bottom-nav,
  body[data-page="video-detail"] .mobile-tabbar,
  body[data-page="video-detail"] .footer-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .chapter-section,
  body[data-page="video-detail"] .video-chapters-section {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-chapters-title,
  body[data-page="video-detail"] .chapter-title,
  body[data-page="video-detail"] .video-section-title,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2 {
    margin: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .guess-like-section,
  body[data-page="video-detail"] .video-recommend-section,
  body[data-page="video-detail"] .related-videos-section {
    margin-top: 24px !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-related,
  body[data-page="video-detail"] .related-tutorial-section,
  body[data-page="video-detail"] .video-related-section {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta,
  body[data-page="video-detail"] .video-help-cta,
  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .service-support-strip {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .site-footer,
  body[data-page="video-detail"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2 {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* support.html mobile banner final override: match the unified 180px banner style. */
@media (max-width: 768px) {
  body[data-page="support"] .service-banner {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="support"] .service-banner__inner {
    position: relative !important;
    width: 100% !important;
    min-height: 180px !important;
    height: 180px !important;
    max-height: 180px !important;
    padding: 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    background:
      linear-gradient(90deg, rgba(8, 34, 80, 0.85) 0%, rgba(8, 34, 80, 0.55) 50%, rgba(8, 34, 80, 0.15) 100%),
      var(--banner-image, url("../images/support/support-banner-machine-01.jpg")) center right / cover no-repeat !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .service-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="support"] .service-banner p {
    margin: 6px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    max-width: 84% !important;
  }

  body[data-page="support"] .service-banner-points,
  body[data-page="support"] .banner-search {
    display: none !important;
  }

  body[data-page="support"] .support-desktop-only {
    display: none !important;
  }

  body[data-page="support"] .support-mobile-only {
    display: inline !important;
  }
}

/* support.html mobile download center final override: keep PDF/DWG tags fully inside cards. */
@media (max-width: 768px) {
  body[data-page="support"] .support-mobile-download .support-download-strip {
    gap: 10px !important;
  }

  body[data-page="support"] .support-download-card,
  body[data-page="support"] .download-card,
  body[data-page="support"] .download-item {
    position: relative !important;
    overflow: hidden !important;
    padding-top: 20px !important;
    height: 100px !important;
    min-height: 100px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .support-download-card__icon,
  body[data-page="support"] .download-tag,
  body[data-page="support"] .pdf-tag,
  body[data-page="support"] .dwg-tag {
    position: absolute !important;
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    z-index: 2 !important;
    margin: 0 !important;
    width: auto !important;
  }

  body[data-page="support"] .support-download-card__body,
  body[data-page="support"] .download-item__body {
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 10px !important;
  }
}

/* Video detail final rhythm override: compress inter-module gaps to 24px. */
@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="video-detail"] main.service-page {
    padding-bottom: 72px !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .chapter-section,
  body[data-page="video-detail"] .video-chapters-section {
    margin-bottom: 24px !important;
    padding-bottom: 12px !important;
  }

  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .guess-like-section,
  body[data-page="video-detail"] .video-recommend-section,
  body[data-page="video-detail"] .related-videos-section {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-related,
  body[data-page="video-detail"] .related-tutorial-section,
  body[data-page="video-detail"] .video-related-section {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta,
  body[data-page="video-detail"] .video-help-cta,
  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .service-support-strip {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .site-footer,
  body[data-page="video-detail"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    transform: none !important;
  }
}

/* video-detail.html final nav and rhythm override: keep the bottom nav fixed and the chapters tightly spaced. */
@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="video-detail"] main,
  body[data-page="video-detail"] main.service-page,
  body[data-page="video-detail"] .video-detail-page,
  body[data-page="video-detail"] .mobile-page {
    padding-bottom: 80px !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main,
  body[data-page="video-detail"] .bottom-nav,
  body[data-page="video-detail"] .mobile-tabbar,
  body[data-page="video-detail"] .footer-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="video-detail"] .video-chapters-title,
  body[data-page="video-detail"] .chapter-title,
  body[data-page="video-detail"] .video-section-title,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2 {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="video-detail"] .video-chapters-title,
  body[data-page="video-detail"] .chapter-title,
  body[data-page="video-detail"] .video-section-title,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head {
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .chapter-section,
  body[data-page="video-detail"] .video-chapters-section {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2 {
    margin: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .guess-like-section,
  body[data-page="video-detail"] .video-recommend-section,
  body[data-page="video-detail"] .related-videos-section {
    margin-top: 24px !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-related,
  body[data-page="video-detail"] .related-tutorial-section,
  body[data-page="video-detail"] .video-related-section {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta,
  body[data-page="video-detail"] .video-help-cta,
  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .service-support-strip {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .site-footer,
  body[data-page="video-detail"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .service-video-detail > section {
    margin-top: 24px !important;
  }
}

/* Video detail final mobile spacing override: compress gaps to a true 24px rhythm. */
@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="video-detail"] main.service-page {
    padding-bottom: 72px !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] .service-video-detail > section {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .chapter-section,
  body[data-page="video-detail"] .video-chapters-section {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .guess-like-section,
  body[data-page="video-detail"] .video-recommend-section,
  body[data-page="video-detail"] .related-videos-section {
    margin-top: 24px !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-related,
  body[data-page="video-detail"] .related-tutorial-section,
  body[data-page="video-detail"] .video-related-section {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta,
  body[data-page="video-detail"] .video-help-cta,
  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .service-support-strip {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .site-footer,
  body[data-page="video-detail"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    transform: none !important;
  }
}

/* video-detail.html true EOF override: keep the bottom nav fixed and chapter/title rhythm visible. */
@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="video-detail"] main,
  body[data-page="video-detail"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main,
  body[data-page="video-detail"] .bottom-nav,
  body[data-page="video-detail"] .mobile-tabbar,
  body[data-page="video-detail"] .footer-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .chapter-section,
  body[data-page="video-detail"] .video-chapters-section {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-chapters-title,
  body[data-page="video-detail"] .chapter-title,
  body[data-page="video-detail"] .video-section-title,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head,
  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2 {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }

  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .guess-like-section,
  body[data-page="video-detail"] .video-recommend-section,
  body[data-page="video-detail"] .related-videos-section {
    margin-top: 24px !important;
    padding-top: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-related,
  body[data-page="video-detail"] .related-tutorial-section,
  body[data-page="video-detail"] .video-related-section {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta,
  body[data-page="video-detail"] .video-help-cta,
  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .service-support-strip {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .site-footer,
  body[data-page="video-detail"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* cases.html true EOF override: lighter mobile layout, two-row industries, load-more pagination. */
@media (max-width: 768px) {
  body[data-page="cases"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="cases"] *,
  body[data-page="cases"] *::before,
  body[data-page="cases"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="cases"] main.case-page {
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="cases"] .case-banner,
  body[data-page="cases"] .case-list-section,
  body[data-page="cases"] .case-feature,
  body[data-page="cases"] .case-related-strip,
  body[data-page="cases"] .case-inquiry {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile {
    display: block !important;
    padding: 0 0 24px !important;
  }

  body[data-page="cases"] .cases-mobile > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
  }

  body[data-page="cases"] .cases-mobile__hero {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 24px !important;
    background:
      linear-gradient(90deg, rgba(8, 34, 80, 0.85) 0%, rgba(8, 34, 80, 0.55) 50%, rgba(8, 34, 80, 0.15) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) right center / cover no-repeat !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
  }

  body[data-page="cases"] .cases-mobile__hero-copy {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="cases"] .cases-mobile__hero-copy h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
  }

  body[data-page="cases"] .cases-mobile__hero-copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    max-width: 84% !important;
  }

  body[data-page="cases"] .cases-mobile__metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 12px 0 16px !important;
  }

  body[data-page="cases"] .cases-mobile__metric {
    display: grid !important;
    justify-items: center !important;
    gap: 6px !important;
    min-height: 88px !important;
    padding: 12px 10px !important;
    border: 1px solid rgba(13, 36, 79, 0.08) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    color: #0b2348 !important;
    text-align: center !important;
  }

  body[data-page="cases"] .cases-mobile__metric-icon {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
  }

  body[data-page="cases"] .cases-mobile__metric-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  body[data-page="cases"] .cases-mobile__metric strong {
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #0b2348 !important;
  }

  body[data-page="cases"] .cases-mobile__metric small {
    font-size: 10px !important;
    line-height: 1.2 !important;
    color: #64748b !important;
  }

  body[data-page="cases"] .cases-mobile__panel {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="cases"] .cases-mobile__industries {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }

  body[data-page="cases"] .cases-mobile__industries a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 8px 6px !important;
    border: 1px solid rgba(13, 36, 79, 0.10) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 6px 14px rgba(0, 18, 48, 0.06) !important;
    color: #1b2d4c !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="cases"] .cases-mobile__industries a.is-active {
    color: #fff !important;
    background: linear-gradient(135deg, #0059d2 0%, #0a46bd 100%) !important;
    border-color: rgba(0, 70, 184, 0.22) !important;
    box-shadow: 0 8px 18px rgba(0, 70, 184, 0.18) !important;
  }

  body[data-page="cases"] .cases-mobile__toolbar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  body[data-page="cases"] .cases-mobile__toolbar button {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(13, 36, 79, 0.10) !important;
    background: #fff !important;
    box-shadow: 0 6px 14px rgba(0, 18, 48, 0.06) !important;
    color: #1b2d4c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-page="cases"] .cases-mobile__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 16px !important;
  }

  body[data-page="cases"] .cases-mobile-card {
    overflow: hidden !important;
    border: 1px solid rgba(13, 36, 79, 0.08) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    min-width: 0 !important;
  }

  body[data-page="cases"] .cases-mobile-card__media img {
    width: 100% !important;
    height: 108px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 16px 16px 0 0 !important;
  }

  body[data-page="cases"] .cases-mobile-card__body {
    padding: 10px 10px 12px !important;
    min-width: 0 !important;
  }

  body[data-page="cases"] .cases-mobile-card__body h2 {
    margin: 0 0 6px !important;
    color: #091c3a !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="cases"] .cases-mobile-card__body p,
  body[data-page="cases"] .cases-mobile-card__stats {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile-card__body a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 8px !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  body[data-page="cases"] .cases-mobile__pagination {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile__load-more {
    margin: 24px 0 !important;
  }

  body[data-page="cases"] .cases-mobile__load-more-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(10, 108, 255, 0.18) !important;
    background: #fff !important;
    color: #0a6cff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(15, 35, 80, 0.04) !important;
  }

  body[data-page="cases"] .cases-mobile-cta {
    display: block !important;
    margin: 24px 0 24px !important;
  }

  body[data-page="cases"] .cases-mobile-cta__card {
    min-height: 128px !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }

  body[data-page="cases"] .cases-mobile-cta__copy strong {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  body[data-page="cases"] .cases-mobile-cta__copy p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  body[data-page="cases"] .cases-mobile-cta__actions {
    margin-top: 12px !important;
    gap: 8px !important;
  }

  body[data-page="cases"] .cases-mobile-cta__actions .btn {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  body[data-page="cases"] .cases-mobile-cta__media {
    display: none !important;
  }

  body[data-page="cases"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 64px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 9999 !important;
    background: #fff !important;
    box-shadow: 0 -4px 18px rgba(11, 35, 72, 0.08) !important;
    border-radius: 14px 14px 0 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    padding: 6px 8px !important;
  }

  body[data-page="cases"] .mobile-bottom-nav--main a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 46px !important;
  }

  body[data-page="cases"] .mobile-bottom-nav--main a[href="solutions.html"],
  body[data-page="cases"] .mobile-bottom-nav--main a[data-nav="solutions"] {
    color: #0a6cff !important;
  }

  body[data-page="cases"] .mobile-bottom-nav--main a[href="solutions.html"] svg,
  body[data-page="cases"] .mobile-bottom-nav--main a[href="solutions.html"] small,
  body[data-page="cases"] .mobile-bottom-nav--main a[data-nav="solutions"] svg,
  body[data-page="cases"] .mobile-bottom-nav--main a[data-nav="solutions"] small {
    color: inherit !important;
  }

  body[data-page="cases"] .floating-contact {
    display: none !important;
  }

  body[data-page="cases"] .site-footer {
    margin: 0 !important;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="cases"] .site-footer a {
    color: #64748b !important;
  }

  body[data-page="cases"] .site-footer .footer-main,
  body[data-page="cases"] .site-footer .footer-cta,
  body[data-page="cases"] .site-footer .footer-brand,
  body[data-page="cases"] .site-footer .footer-links,
  body[data-page="cases"] .site-footer .footer-qrcode,
  body[data-page="cases"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 12px 0 24px !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px 16px !important;
    text-align: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}

/* support.html true EOF override: image-backed 180px banner, aligned with news/contact. */
@media (max-width: 768px) {
  body[data-page="support"] {
    overflow-x: hidden !important;
  }

  body[data-page="support"] .service-page {
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="support"] .service-banner {
    width: auto !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="support"] .service-banner__inner {
    position: relative !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="support"] .service-banner__bg,
  body[data-page="support"] .support-banner__bg {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center right !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  body[data-page="support"] .service-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  body[data-page="support"] .service-banner__content,
  body[data-page="support"] .support-banner__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    min-width: 0 !important;
  }

  body[data-page="support"] .service-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="support"] .service-banner p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: none !important;
  }

  body[data-page="support"] .support-desktop-only {
    display: none !important;
  }

  body[data-page="support"] .support-mobile-only {
    display: inline !important;
  }

  body[data-page="support"] .service-banner-points,
  body[data-page="support"] .banner-search {
    display: none !important;
  }
}

/* video-detail.html final spacing override: tighten chapter rhythm and keep the shared bottom nav fixed. */
@media (max-width: 768px) {
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="video-detail"] main,
  body[data-page="video-detail"] main.service-page,
  body[data-page="video-detail"] .service-detail-layout.service-video-detail-layout,
  body[data-page="video-detail"] .video-detail-page,
  body[data-page="video-detail"] .mobile-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main,
  body[data-page="video-detail"] .bottom-nav,
  body[data-page="video-detail"] .mobile-tabbar,
  body[data-page="video-detail"] .footer-nav {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="video-detail"] .video-detail-chapters,
  body[data-page="video-detail"] .chapter-section,
  body[data-page="video-detail"] .video-chapters-section {
    margin: 24px 16px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head,
  body[data-page="video-detail"] .video-chapters-title,
  body[data-page="video-detail"] .chapter-title,
  body[data-page="video-detail"] .video-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2,
  body[data-page="video-detail"] .video-chapters-title h2,
  body[data-page="video-detail"] .chapter-title h2,
  body[data-page="video-detail"] .video-section-title h2 {
    margin: 0 !important;
    line-height: 1.3 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-toggle {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: 18px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-page="video-detail"] .service-chapter-row {
    display: none !important;
  }

  body[data-page="video-detail"] .video-chapter-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-chapter-card > .video-chapter-item {
    margin: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #dce7f7 !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .video-chapter-card > .video-chapter-item:nth-child(n+5) {
    display: none !important;
  }

  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .guess-like-section,
  body[data-page="video-detail"] .video-recommend-section,
  body[data-page="video-detail"] .related-videos-section {
    margin: 24px 16px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-like .video-section-head,
  body[data-page="video-detail"] .guess-like-section .video-section-head,
  body[data-page="video-detail"] .video-recommend-section .video-section-head,
  body[data-page="video-detail"] .related-videos-section .video-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-like .video-section-head h2,
  body[data-page="video-detail"] .guess-like-section .video-section-head h2,
  body[data-page="video-detail"] .video-recommend-section .video-section-head h2,
  body[data-page="video-detail"] .related-videos-section .video-section-head h2 {
    margin: 0 !important;
    line-height: 1.3 !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-related,
  body[data-page="video-detail"] .related-tutorial-section,
  body[data-page="video-detail"] .video-related-section {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-related .video-section-head,
  body[data-page="video-detail"] .related-tutorial-section .video-section-head,
  body[data-page="video-detail"] .video-related-section .video-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-related .video-section-head h2,
  body[data-page="video-detail"] .related-tutorial-section .video-section-head h2,
  body[data-page="video-detail"] .video-related-section .video-section-head h2 {
    margin: 0 !important;
    line-height: 1.3 !important;
  }

  body[data-page="video-detail"] .video-related-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .video-related-item {
    margin: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta,
  body[data-page="video-detail"] .video-help-cta,
  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .service-support-strip {
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .site-footer,
  body[data-page="video-detail"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}


/* About mobile EOF override: final cascade winner. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  body[data-page="about"] *,
  body[data-page="about"] *::before,
  body[data-page="about"] *::after {
    box-sizing: border-box !important;
  }

  body[data-page="about"] main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] .page-banner.about-banner {
    position: relative !important;
    width: auto !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: var(--banner-image, url("../images/banners/about-factory-workshop.png")) center right / cover no-repeat !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="about"] .page-banner.about-banner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background: linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.84) 46%, rgba(0, 44, 103, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-banner__inner > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
  }

  body[data-page="about"] .about-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
  }

  body[data-page="about"] .about-banner p::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-desktop-only {
    display: none !important;
  }

  body[data-page="about"] .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-mobile-desc,
  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-mobile-cta,
  body[data-page="about"] .about-contact-strip {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-block {
    padding: 20px 16px !important;
  }

  body[data-page="about"] .about-v3-card h2,
  body[data-page="about"] .about-v3-block h2 {
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 10px !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-intro__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  body[data-page="about"] .about-v3-intro__stats div {
    min-height: 80px !important;
    padding: 12px 10px !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-page="about"] .about-v3-intro__stats div::before {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 0 6px !important;
    border-radius: 8px !important;
    background-color: rgba(10, 108, 255, 0.1) !important;
    border: 1px solid rgba(10, 108, 255, 0.14) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px 12px !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(1)::before {
    background-image: var(--about3-icon-building) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(2)::before {
    background-image: var(--about3-icon-factory) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(3)::before {
    background-image: var(--about3-icon-users) !important;
  }

  body[data-page="about"] .about-v3-intro__stats div:nth-child(4)::before {
    background-image: var(--about3-icon-globe) !important;
  }

  body[data-page="about"] .about-v3-intro__stats strong {
    display: block !important;
    color: #0a6cff !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-intro__stats span {
    display: block !important;
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-adv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-adv-grid article {
    min-height: 100px !important;
    padding: 14px 12px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-adv-grid article::before,
  body[data-page="about"] .about-v3-adv-grid strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong {
    position: relative !important;
    margin: 0 0 6px !important;
    padding-top: 32px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-adv-grid strong::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(1) strong::before {
    background-image: var(--about3-icon-spark) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(2) strong::before {
    background-image: var(--about3-icon-shield) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(3) strong::before {
    background-image: var(--about3-icon-chip) !important;
  }

  body[data-page="about"] .about-v3-adv-grid article:nth-child(4) strong::before {
    background-image: var(--about3-icon-headset) !important;
  }

  body[data-page="about"] .about-v3-adv-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-timeline-card {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
  }

  body[data-page="about"] .about-v3-timeline {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-v3-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    min-height: 48px !important;
    padding: 4px 0 !important;
  }

  body[data-page="about"] .about-v3-timeline > div strong {
    color: #0a6cff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .about-v3-timeline > div span {
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="about"] .about-v3-culture article {
    min-height: 90px !important;
    padding: 12px 8px 10px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-culture article::before,
  body[data-page="about"] .about-v3-culture strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    position: relative !important;
    margin: 0 0 6px !important;
    padding-top: 32px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-culture strong::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(1) strong::before {
    background-image: var(--about3-icon-flag) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(2) strong::before {
    background-image: var(--about3-icon-compass) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(3) strong::before {
    background-image: var(--about3-icon-value) !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail,
  body[data-page="about"] .about-v3-honor-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail article,
  body[data-page="about"] .about-v3-honor-rail a,
  body[data-page="about"] .about-v3-honor-rail article {
    min-width: 0 !important;
    border-radius: 12px !important;
    border: 1px solid #e8eef8 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-team-rail img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="about"] .about-v3-honor-rail img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    background: #fff !important;
  }

  body[data-page="about"] .about-v3-honor-rail span {
    display: block !important;
    margin: 0 !important;
    padding: 8px 8px 10px !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    margin: 0 !important;
    padding: 20px 16px !important;
    min-height: 136px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
    position: relative !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(11, 35, 72, 0.96) 0%, rgba(10, 108, 255, 0.9) 52%, rgba(10, 108, 255, 0.18) 100%) !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy,
  body[data-page="about"] .about-v3-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy {
    max-width: none !important;
    margin: 0 0 16px !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-outline {
    background: #fff !important;
    color: #0a6cff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 24px !important;
    background: #f5f7fa !important;
    color: #64748b !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar,
  body[data-page="about"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }
}
/* about.html mobile EOF override v5: true end-of-file lock. */
@media (max-width: 768px) {
  body[data-page="about"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] main.about-page {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="about"] .about-intro-section,
  body[data-page="about"] .about-timeline-section,
  body[data-page="about"] .about-factory-section,
  body[data-page="about"] .about-triple-section,
  body[data-page="about"] .about-team-section,
  body[data-page="about"] .about-values-section,
  body[data-page="about"] .about-contact-strip {
    display: none !important;
  }

  body[data-page="about"] .page-banner.about-banner {
    width: auto !important;
    max-width: none !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .page-banner.about-banner .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-banner__inner {
    position: relative !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #0b2348 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-banner__bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    z-index: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .about-banner__inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(5, 25, 65, 0.82), rgba(10, 108, 255, 0.45)) !important;
  }

  body[data-page="about"] .about-banner__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 6px !important;
  }

  body[data-page="about"] .about-banner__content > * {
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-page="about"] .about-banner__content h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="about"] .about-banner__content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .about-banner__content p .about-desktop-only,
  body[data-page="about"] .about-mobile-desc {
    display: none !important;
  }

  body[data-page="about"] .about-banner__content p .about-mobile-only {
    display: inline !important;
  }

  body[data-page="about"] .about-banner-crumb,
  body[data-page="about"] .about-breadcrumb,
  body[data-page="about"] .about-tabs,
  body[data-page="about"] .about-mobile-timeline-media {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile {
    display: block !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    display: grid !important;
    gap: 24px !important;
  }

  body[data-page="about"] .about-v3-card,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(11, 35, 72, 0.06) !important;
    overflow: hidden !important;
  }

  body[data-page="about"] .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-block,
  body[data-page="about"] .about-v3-mobile-cta {
    padding: 18px 16px !important;
  }

  body[data-page="about"] .about-v3-card > h2,
  body[data-page="about"] .about-v3-block > h2,
  body[data-page="about"] .about-v3-block__head h2 {
    position: relative !important;
    display: block !important;
    margin: 0 0 16px !important;
    padding-left: 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  body[data-page="about"] .about-v3-card > h2::before,
  body[data-page="about"] .about-v3-block > h2::before,
  body[data-page="about"] .about-v3-block__head h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 999px !important;
    transform: translateY(-50%) !important;
    background: linear-gradient(180deg, #0a6cff 0%, #69a8ff 100%) !important;
  }

  body[data-page="about"] .about-v3-block__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  body[data-page="about"] .about-v3-block__head h2 {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-block__head a {
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-intro p {
    margin: 0 0 12px !important;
    color: #4b5b73 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }

  body[data-page="about"] .about-v3-culture {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-culture article {
    min-height: 72px !important;
    padding: 12px 14px !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    text-align: left !important;
  }

  body[data-page="about"] .about-v3-culture article::before,
  body[data-page="about"] .about-v3-culture article::after,
  body[data-page="about"] .about-v3-culture strong::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="about"] .about-v3-culture strong {
    position: relative !important;
    flex: 0 0 auto !important;
    min-width: 84px !important;
    margin: 0 !important;
    padding: 0 0 0 36px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .about-v3-culture strong::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    transform: translateY(-50%) !important;
    background: #eef4ff !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px 14px !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(1) strong::before {
    background-image: var(--about3-icon-flag) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(2) strong::before {
    background-image: var(--about3-icon-compass) !important;
  }

  body[data-page="about"] .about-v3-culture article:nth-child(3) strong::before {
    background-image: var(--about3-icon-value) !important;
  }

  body[data-page="about"] .about-v3-culture p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 24px !important;
    color: rgba(255, 255, 255, 0.88) !important;
    background: linear-gradient(180deg, #0b2348 0%, #07172f 100%) !important;
  }

  body[data-page="about"] .site-footer .footer-main {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-main__grid > :not(.footer-company) {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page="about"] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="about"] .site-footer .footer-company p {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page="about"] .site-footer .footer-contact li {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page="about"] .site-footer .footer-links,
  body[data-page="about"] .site-footer .footer-qrcode,
  body[data-page="about"] .site-footer .social-links,
  body[data-page="about"] .site-footer .footer-cta,
  body[data-page="about"] .site-footer .footer-brand,
  body[data-page="about"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="about"] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 8px 0 24px !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page="about"] .site-footer .footer-bottom__inner nav a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="about"] .mobile-bottom-nav,
  body[data-page="about"] .bottom-nav,
  body[data-page="about"] .mobile-tabbar,
  body[data-page="about"] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page="about"] .floating-contact {
    display: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-banner {
    display: none !important;
  }

  body[data-page="about"] .mobile-page-hero,
  body[data-page="about"] .mobile-about-hero {
    position: relative !important;
    display: block !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .mobile-page-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      90deg,
      rgba(5, 25, 65, 0.88) 0%,
      rgba(5, 25, 65, 0.58) 52%,
      rgba(5, 25, 65, 0.18) 100%
    ) !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .mobile-page-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  body {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
  }

  body[data-page] {
    overflow-x: hidden !important;
  }

  main,
  .mobile-page,
  .page-main {
    padding-bottom: 80px !important;
  }

  .mobile-unified-hero {
    position: relative !important;
    display: block !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  .mobile-unified-hero--home {
    height: 220px !important;
  }

  .mobile-unified-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  .mobile-unified-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(5, 25, 65, 0.88) 0%, rgba(5, 25, 65, 0.58) 52%, rgba(5, 25, 65, 0.2) 100%) !important;
    z-index: 1 !important;
  }

  .mobile-unified-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .mobile-unified-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 10px !important;
  }

  .mobile-unified-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page="home"] .home-hero,
  body[data-page="about"] .about-banner,
  body[data-page="about"] .mobile-page-hero,
  body[data-page="about"] .mobile-about-hero,
  body[data-page="solutions"] .solution-hero,
  body[data-page="solutions-s"] .solutions-s-banner,
  body[data-page="solutions-y"] .solutions-y-banner,
  body[data-page="cases"] .case-banner,
  body[data-page="support"] .service-banner,
  body[data-page="faq"] .service-banner,
  body[data-page="video"] .service-banner,
  body[data-page="news"] .news-banner,
  body[data-page="news-detail"] .news-banner,
  body[data-page="contact"] .contact-hero,
  body[data-page="solutions-s"] .solutions-s-mobile__hero,
  body[data-page="cases"] .cases-mobile__hero,
  body[data-page="case-detail"] .case-detail-mobile__hero,
  body[data-page="product-detail"] .pdm-mobile-hero,
  body[data-page="faq"] .faq-hub-hero,
  body[data-page="video"] .video-portal-hero,
  body[data-page="news-detail"] .news-detail-mobile__head,
  body[data-page="news-detail"] .news-detail-mobile__hero-image,
  body[data-page="contact"] .contact-mobile__hero {
    display: none !important;
  }

  body[data-page="home"] .home-news-heading a::after,
  body[data-page="product-detail"] .detail-panel-head a::after,
  body[data-page="solutions"] .solution-more::after,
  body[data-page="support"] .service-section-head a::after,
  body[data-page="faq"] .faq-hub-more::after,
  body[data-page="video"] .video-section-more::after,
  body[data-page="video-detail"] .video-section-more::after,
  body[data-page="support"] .service-card-link::after,
  body[data-page="contact"] .contact-mobile__more-link::after,
  body[data-page="solutions-s"] .solutions-s-mobile__section-head a::after {
    content: " >" !important;
  }

  body[data-page] .mobile-bottom-nav,
  body[data-page] .bottom-nav,
  body[data-page] .mobile-tabbar,
  body[data-page] .mobile-bottom-nav--main {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page] .mobile-bottom-nav--main {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  body[data-page] .site-footer {
    margin-top: 24px !important;
    padding-bottom: 0 !important;
    background: linear-gradient(180deg, #0b2348 0%, #07172f 100%) !important;
  }

  body[data-page] .site-footer .footer-main,
  body[data-page] .site-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
  }

  body[data-page] .site-footer .footer-main__grid > :not(.footer-company),
  body[data-page] .site-footer .footer-company p,
  body[data-page] .site-footer .footer-links,
  body[data-page] .site-footer .footer-qrcode,
  body[data-page] .site-footer .social-links,
  body[data-page] .site-footer .footer-cta,
  body[data-page] .site-footer .footer-brand,
  body[data-page] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page] .site-footer .footer-company {
    padding: 18px 16px 10px !important;
  }

  body[data-page] .site-footer .footer-company h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page] .site-footer .footer-contact {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body[data-page] .site-footer .footer-contact li,
  body[data-page] .site-footer .footer-bottom__inner p,
  body[data-page] .site-footer .footer-bottom__inner nav a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner p {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 8px 0 24px !important;
  }

  body[data-page] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body[data-page] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner nav a {
    text-decoration: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page] .floating-contact {
    display: none !important;
  }

  body[data-page="video"] .video-mobile-portal--cases-rhythm .video-portal-hero,
  body[data-page="video"] .video-mobile-portal .video-portal-hero {
    display: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .solution-page > section.mobile-unified-hero {
    display: block !important;
  }

  body[data-page="solutions"] .solutions-mobile-hero,
  body[data-page="solutions"] .solution-page > .solutions-mobile-hero {
    display: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="support"] .support-mobile-cta {
    margin: 24px 0 !important;
  }

  body[data-page="support"] .support-mobile-cta__card {
    display: block !important;
    min-height: 120px !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #12376f 0%, #1f5fc5 100%) !important;
    box-shadow: 0 16px 32px rgba(10, 34, 84, 0.18) !important;
  }

  body[data-page="support"] .support-mobile-cta__body {
    display: block !important;
  }

  body[data-page="support"] .support-mobile-cta__body strong {
    display: block !important;
    margin: 0 0 8px !important;
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  body[data-page="support"] .support-mobile-cta__body p {
    margin: 0 0 16px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body[data-page="support"] .support-mobile-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="support"] .support-mobile-cta__actions .btn,
  body[data-page="support"] .support-mobile-cta__actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] .support-mobile-cta__actions .btn-accent,
  body[data-page="support"] .support-mobile-cta__actions a[href^="tel"] {
    background: #ff6b1a !important;
    border-color: #ff6b1a !important;
    color: #ffffff !important;
  }

  body[data-page="support"] .support-mobile-cta__actions .btn-primary,
  body[data-page="support"] .support-mobile-cta__actions a[href$="contact.html"] {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #1248aa !important;
  }

  body[data-page="support"] .support-mobile-cta__media {
    display: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page] main,
  body[data-page] .mobile-page,
  body[data-page] .page-main {
    padding-bottom: 0 !important;
  }

  body[data-page] :is(
    .need-help-section,
    .contact-cta,
    .support-cta,
    .page-cta,
    .support-mobile-cta,
    .contact-mobile__tech-cta,
    .home-service-cta,
    .home-mobile-cta,
    .product-mobile-cta,
    .solutions-mobile-cta,
    .cases-mobile-cta,
    .about-mobile-cta,
    .about-v3-mobile-cta,
    .pdm-cta,
    .faq-hub-cta,
    .video-portal-cta,
    .video-detail-cta
  ) {
    margin-bottom: 0 !important;
  }

  body[data-page] .site-footer {
    margin-top: 0 !important;
    padding: 24px 16px 80px !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    box-shadow: none !important;
  }

  body[data-page] .site-footer .footer-main,
  body[data-page] .site-footer .footer-main__grid,
  body[data-page] .site-footer .footer-company,
  body[data-page] .site-footer .footer-company p,
  body[data-page] .site-footer .footer-links,
  body[data-page] .site-footer .footer-qrcode,
  body[data-page] .site-footer .social-links,
  body[data-page] .site-footer .footer-cta,
  body[data-page] .site-footer .footer-brand,
  body[data-page] .site-footer .footer-columns,
  body[data-page] .site-footer .footer-contact {
    display: none !important;
  }

  body[data-page] .site-footer .footer-bottom {
    background: transparent !important;
    border-top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body[data-page] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #334155 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page] .site-footer .footer-bottom__inner nav a + a::before {
    content: "｜" !important;
    display: inline-block !important;
    margin: 0 8px !important;
    color: #cbd5e1 !important;
  }

  body[data-page="contact"] .contact-mobile {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page] :is(
    .home-service-cta,
    .solutions-mobile-cta,
    .cases-mobile-cta,
    .support-mobile-cta,
    .contact-mobile__tech-cta,
    .faq-hub-cta,
    .video-portal-cta,
    .video-detail-cta,
    .product-mobile-cta,
    .pdm-cta,
    .news-mobile-cta,
    .about-mobile-cta,
    .about-v3-mobile-cta,
    .need-help-section,
    .contact-cta,
    .support-cta,
    .page-cta
  ) {
    box-sizing: border-box !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    overflow-x: hidden !important;
  }

  body[data-page] :is(
    .home-service-cta__actions .btn,
    .home-service-cta__actions a,
    .solutions-mobile-cta__actions .btn,
    .solutions-mobile-cta__actions a,
    .cases-mobile-cta__actions .btn,
    .cases-mobile-cta__actions a,
    .support-mobile-cta__actions .btn,
    .support-mobile-cta__actions a,
    .contact-mobile__tech-cta-actions .btn,
    .contact-mobile__tech-cta-actions a,
    .product-mobile-cta__actions .btn,
    .product-mobile-cta__actions a,
    .news-cta-card__actions .btn,
    .news-cta-card__actions a,
    .faq-hub-cta__actions .btn,
    .faq-hub-cta__actions a,
    .video-portal-cta__actions .btn,
    .video-portal-cta__actions a,
    .video-cta-actions .btn,
    .video-cta-actions a,
    .pdm-cta__actions .btn,
    .pdm-cta__actions a,
    .about-mobile-cta__actions .btn,
    .about-mobile-cta__actions a,
    .about-v3-mobile-cta__actions .btn,
    .about-v3-mobile-cta__actions a
  ) {
    min-height: 44px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page] :is(
    .home-service-cta__media,
    .home-service-cta__image,
    .home-service-cta img,
    .solutions-mobile-cta__media,
    .solutions-mobile-cta img,
    .cases-mobile-cta__media,
    .cases-mobile-cta img,
    .support-mobile-cta__media,
    .support-mobile-cta img,
    .contact-mobile__tech-cta-media,
    .contact-mobile__tech-cta img,
    .product-mobile-cta__media,
    .product-mobile-cta img,
    .news-cta-card__media,
    .news-cta-card img,
    .faq-hub-cta__art,
    .video-portal-cta__media,
    .video-portal-cta img,
    .video-cta-media,
    .video-cta-media img,
    .pdm-cta__media,
    .pdm-cta img,
    .about-mobile-cta img,
    .about-v3-mobile-cta img,
    .service-hotline,
    .pdm-cta__chips
  ) {
    max-width: 100% !important;
    display: block !important;
  }

  body[data-page] :is(
    .home-service-cta,
    .solutions-mobile-cta,
    .cases-mobile-cta,
    .support-mobile-cta,
    .contact-mobile__tech-cta,
    .faq-hub-cta,
    .video-portal-cta,
    .video-detail-cta,
    .product-mobile-cta,
    .pdm-cta,
    .news-mobile-cta,
    .about-mobile-cta,
    .about-v3-mobile-cta
  ) + .site-footer {
    margin-top: 24px !important;
  }
}

@media (max-width: 768px) {
  /* Download pages final hero normalization: match the shared mobile hero rhythm and remove the legacy blue download card header. */
  body[data-page="download"] .download-mobile-center .mobile-unified-hero,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero--download,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero--download-detail {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 0 24px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__image,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__image,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__overlay,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__overlay,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content {
    position: absolute !important;
    inset: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__image,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__image {
    z-index: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__image img,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__overlay,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__overlay {
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(8, 32, 82, 0.82) 0%, rgba(8, 32, 82, 0.55) 100%) !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content {
    z-index: 2 !important;
    inset: auto !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content h1,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content p,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="download"] .download-center-hero,
  body[data-page="download"] .download-center-hero__copy h1,
  body[data-page="download"] .download-center-hero__subtitle,
  body[data-page="download-detail"] .download-hero,
  body[data-page="download-detail"] .download-hero__cta,
  body[data-page="download-detail"] .download-hero__back {
    display: none !important;
  }

  body[data-page="download"] .download-center-search {
    margin-top: 0 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile__download {
    display: block !important;
    margin: 0 0 24px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile__download .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 768px) {
  .footer,
  .site-footer,
  .mobile-footer {
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    padding: 20px 16px 80px !important;
    margin-top: 24px !important;
    min-height: auto !important;
    box-shadow: none !important;
  }

  .footer-main,
  .footer-main__grid,
  .footer-company,
  .footer-company p,
  .footer-links,
  .footer-qrcode,
  .social-links,
  .footer-cta,
  .footer-brand,
  .footer-columns,
  .footer-contact {
    display: none !important;
  }

  .footer-bottom,
  .site-footer .footer-bottom,
  .mobile-footer .footer-bottom {
    display: block !important;
    background: transparent !important;
    border-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer-bottom__inner,
  .site-footer .footer-bottom__inner,
  .mobile-footer .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .footer-bottom__inner p,
  .footer-copyright,
  .mobile-footer-copyright {
    display: block !important;
    margin: 0 !important;
    color: #334155 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  .footer-bottom__inner nav,
  .mobile-footer-links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #64748b !important;
    flex-wrap: nowrap !important;
  }

  .footer-bottom__inner nav a,
  .mobile-footer-links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .footer-bottom__inner nav a + a::before,
  .mobile-footer-links a + a::before {
    content: " | " !important;
    display: inline-block !important;
    color: #94a3b8 !important;
    margin: 0 4px 0 0 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body[data-page] .site-footer .footer-contact,
  body[data-page] .site-footer .footer-company,
  body[data-page] .site-footer .footer-qrcode,
  body[data-page] .site-footer .social-links,
  body[data-page] .site-footer .footer-links,
  body[data-page] .site-footer .footer-main,
  body[data-page] .site-footer .footer-main__grid,
  body[data-page] .site-footer .footer-cta,
  body[data-page] .site-footer .footer-brand,
  body[data-page] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page] .site-footer .footer-bottom {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body[data-page] .site-footer .footer-bottom__inner p {
    display: block !important;
    margin: 0 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
  }

  body[data-page] .site-footer .footer-bottom__inner nav a + a::before {
    content: " | " !important;
    display: inline-block !important;
    margin: 0 4px 0 0 !important;
    color: #94a3b8 !important;
  }
}

@media (max-width: 768px) {
  body[data-page] .mobile-unified-hero {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .mobile-unified-hero,
  body[data-page="home"] .mobile-unified-hero--home {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
  }

  body[data-page] .mobile-unified-hero__content {
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
  }

  body[data-page] .mobile-unified-hero__content h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page] .mobile-unified-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body[data-page] .mobile-unified-hero + * {
    margin-top: 0 !important;
  }

  body[data-page] .mobile-unified-hero + .container {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page] :is(
    .home-hero,
    .about-banner,
    .support-banner,
    .page-banner,
    .hero-banner,
    .mobile-old-hero,
    .mobile-page-hero,
    .contact-hero,
    .news-banner,
    .solution-hero,
    .case-banner,
    .solutions-s-banner,
    .solutions-y-banner,
    .faq-hub-hero,
    .video-portal-hero,
    .news-detail-mobile__head,
    .news-detail-mobile__hero-image,
    .case-detail-mobile__hero,
    .pdm-mobile-hero,
    .contact-mobile__hero
  ) {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page] .mobile-unified-hero {
    position: relative !important;
    margin: 32px 32px 40px !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    border-radius: 32px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .mobile-unified-hero,
  body[data-page="home"] .mobile-unified-hero--home {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }

  body[data-page] .mobile-unified-hero__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 0 !important;
  }

  body[data-page] .mobile-unified-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(5, 25, 65, 0.88) 0%, rgba(5, 25, 65, 0.58) 55%, rgba(5, 25, 65, 0.18) 100%) !important;
    z-index: 1 !important;
  }

  body[data-page] .mobile-unified-hero__content {
    position: absolute !important;
    left: 32px !important;
    right: 32px !important;
    bottom: 32px !important;
    top: auto !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body[data-page] .mobile-unified-hero__content h1 {
    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page="home"] .mobile-unified-hero__content h1 {
    font-size: 36px !important;
  }

  body[data-page] .mobile-unified-hero__content p {
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page] .mobile-unified-hero + * {
    margin-top: 0 !important;
  }

  body[data-page] .mobile-unified-hero + .container {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page] :is(
    .contact-cta,
    .page-cta,
    .mobile-cta,
    .about-mobile-cta,
    .about-v3-mobile-cta,
    .home-service-cta,
    .solutions-mobile-cta,
    .cases-mobile-cta,
    .support-mobile-cta,
    .product-mobile-cta,
    .news-mobile-cta,
    .faq-hub-cta,
    .video-portal-cta,
    .video-detail-cta,
    .pdm-cta,
    .contact-mobile__tech-cta
  ) {
    margin: 24px 16px !important;
    width: calc(100% - 32px) !important;
    box-sizing: border-box !important;
  }

  body[data-page] :is(
    .contact-cta,
    .page-cta,
    .mobile-cta,
    .about-mobile-cta,
    .about-v3-mobile-cta,
    .home-service-cta,
    .solutions-mobile-cta,
    .cases-mobile-cta,
    .support-mobile-cta,
    .product-mobile-cta,
    .news-mobile-cta,
    .faq-hub-cta,
    .video-portal-cta,
    .video-detail-cta,
    .pdm-cta,
    .contact-mobile__tech-cta
  ) :is(.btn, a) {
    min-height: 44px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page] :is(
    .contact-cta,
    .page-cta,
    .mobile-cta,
    .about-mobile-cta,
    .about-v3-mobile-cta,
    .home-service-cta,
    .solutions-mobile-cta,
    .cases-mobile-cta,
    .support-mobile-cta,
    .product-mobile-cta,
    .news-mobile-cta,
    .faq-hub-cta,
    .video-portal-cta,
    .video-detail-cta,
    .pdm-cta,
    .contact-mobile__tech-cta
  ) img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .footer,
  .site-footer,
  .mobile-footer {
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page] .footer-wrapper,
  body[data-page] .footer-inner,
  body[data-page] .footer-content,
  body[data-page] .footer-main,
  body[data-page] .footer-main__grid,
  body[data-page] .footer-company,
  body[data-page] .footer-company p,
  body[data-page] .footer-links,
  body[data-page] .footer-qrcode,
  body[data-page] .social-links,
  body[data-page] .footer-cta,
  body[data-page] .footer-brand,
  body[data-page] .footer-columns,
  body[data-page] .footer-contact {
    display: none !important;
  }

  body[data-page] .site-footer .footer-bottom,
  body[data-page] .footer-bottom,
  body[data-page] .mobile-footer .footer-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
  }

  body[data-page] .site-footer .footer-bottom__inner,
  body[data-page] .footer-bottom__inner,
  body[data-page] .mobile-footer .footer-bottom__inner {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body[data-page="about"] :is(.about-v3-mobile-cta, .about-mobile-cta) {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > p,
  body[data-page] .footer-copyright,
  body[data-page] .mobile-footer-copyright {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-align: center !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > p::before,
  body[data-page] .footer-copyright::before,
  body[data-page] .mobile-footer-copyright::before {
    content: "Copyright © 2024 兆展数控 版权所有" !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > p::after,
  body[data-page] .footer-copyright::after,
  body[data-page] .mobile-footer-copyright::after {
    content: "All Rights Reserved." !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > nav,
  body[data-page] .footer-bottom__inner nav,
  body[data-page] .mobile-footer-links {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > nav a,
  body[data-page] .footer-bottom__inner nav a,
  body[data-page] .mobile-footer-links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > nav a + a::before,
  body[data-page] .footer-bottom__inner nav a + a::before,
  body[data-page] .mobile-footer-links a + a::before {
    content: " | " !important;
    display: inline-block !important;
    color: #94a3b8 !important;
    margin: 0 4px 0 0 !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner,
  body[data-page] .footer-bottom .container.footer-bottom__inner,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner {
    display: block !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > p,
  body[data-page] .footer-bottom .container.footer-bottom__inner > p,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > p {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-align: center !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > p::before,
  body[data-page] .footer-bottom .container.footer-bottom__inner > p::before,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > p::before {
    content: "Copyright © 2024 兆展数控 版权所有" !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > p::after,
  body[data-page] .footer-bottom .container.footer-bottom__inner > p::after,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > p::after {
    content: "All Rights Reserved." !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > nav,
  body[data-page] .footer-bottom .container.footer-bottom__inner > nav,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > nav {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > nav a,
  body[data-page] .footer-bottom .container.footer-bottom__inner > nav a,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > nav a + a::before,
  body[data-page] .footer-bottom .container.footer-bottom__inner > nav a + a::before,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > nav a + a::before {
    content: " | " !important;
    display: inline-block !important;
    color: #94a3b8 !important;
    margin: 0 4px 0 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page] {
    overflow-x: hidden !important;
  }

  body[data-page="faq"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="faq"].has-main-bottom-nav,
  body[data-page="faq"].nav-open,
  body[data-page="faq"].has-main-bottom-nav.nav-open {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline: 0 !important;
  }

  body[data-page="faq"] main.service-page,
  body[data-page="faq"] .service-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page] .page-banner,
  body[data-page] .page-banner__inner,
  body[data-page] .home-hero,
  body[data-page] .home-hero__inner,
  body[data-page] .about-banner,
  body[data-page] .about-banner__inner,
  body[data-page] .mobile-page-hero,
  body[data-page] .mobile-about-hero,
  body[data-page] .product-banner__inner,
  body[data-page] .solution-hero,
  body[data-page] .solution-hero__inner,
  body[data-page] .case-banner,
  body[data-page] .case-banner__inner,
  body[data-page] .service-banner,
  body[data-page] .service-banner__inner,
  body[data-page] .news-banner,
  body[data-page] .news-banner__inner,
  body[data-page] .contact-hero,
  body[data-page] .contact-hero__inner,
  body[data-page] .contact-mobile__hero,
  body[data-page] .faq-hub-hero,
  body[data-page] .video-portal-hero,
  body[data-page] .video-mobile-portal .video-hero,
  body[data-page] .solutions-mobile-hero,
  body[data-page] .pdm-mobile-hero,
  body[data-page] .case-detail-mobile__hero,
  body[data-page] .news-detail-mobile__head {
    display: none !important;
    visibility: hidden !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body[data-page] .mobile-unified-hero {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (max-width: 768px) {
  body[data-page] :is(
    .contact-cta,
    .page-cta,
    .mobile-cta,
    .home-service-cta,
    .home-cta,
    .need-help-section,
    .about-mobile-cta,
    .about-v3-mobile-cta,
    .product-mobile-cta,
    .solutions-mobile-cta,
    .cases-mobile-cta,
    .support-mobile-cta,
    .news-mobile-cta,
    .faq-hub-cta,
    .video-portal-cta,
    .video-detail-cta,
    .pdm-cta,
    .contact-mobile__tech-cta
  ) {
    width: calc(100% - 32px) !important;
    margin: 24px 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page] :is(
    .contact-cta,
    .page-cta,
    .mobile-cta,
    .home-service-cta,
    .home-cta,
    .need-help-section,
    .about-mobile-cta,
    .about-v3-mobile-cta,
    .product-mobile-cta,
    .solutions-mobile-cta,
    .cases-mobile-cta,
    .support-mobile-cta,
    .news-mobile-cta,
    .faq-hub-cta,
    .video-portal-cta,
    .video-detail-cta,
    .pdm-cta,
    .contact-mobile__tech-cta
  ) > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page] :is(
    .home-service-cta__card,
    .about-mobile-cta__card,
    .about-v3-mobile-cta__card,
    .product-mobile-cta__card,
    .solutions-mobile-cta__card,
    .cases-mobile-cta__card,
    .support-mobile-cta__card,
    .news-mobile-cta__card,
    .faq-hub-cta__card,
    .video-portal-cta__card,
    .video-detail-cta__card,
    .pdm-cta__card,
    .contact-mobile__tech-cta-card
  ) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .footer,
  .site-footer,
  .mobile-footer {
    margin-top: 16px !important;
    padding: 12px 16px 12px !important;
    min-height: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
  }

  body[data-page] .site-footer .footer-bottom,
  body[data-page] .footer-bottom,
  body[data-page] .mobile-footer .footer-bottom {
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner,
  body[data-page] .footer-bottom__inner,
  body[data-page] .mobile-footer .footer-bottom__inner {
    gap: 4px !important;
    row-gap: 4px !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > p,
  body[data-page] .footer-copyright,
  body[data-page] .mobile-footer-copyright {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > p::before,
  body[data-page] .footer-copyright::before,
  body[data-page] .mobile-footer-copyright::before,
  body[data-page] .site-footer .footer-bottom__inner > p::after,
  body[data-page] .footer-copyright::after,
  body[data-page] .mobile-footer-copyright::after {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > nav,
  body[data-page] .footer-bottom__inner nav,
  body[data-page] .mobile-footer-links {
    margin-top: 0 !important;
    gap: 10px !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > nav a,
  body[data-page] .footer-bottom__inner nav a,
  body[data-page] .mobile-footer-links a {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 768px) {
  /* About page final override: align the mobile CTA and remove the footer gap. */
  body[data-page="about"] main.about-page {
    padding-bottom: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile {
    padding-bottom: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    padding-bottom: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    width: auto !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-v3-mobile-cta img,
  body[data-page="about"] .about-v3-mobile-cta figure,
  body[data-page="about"] .about-v3-mobile-cta__media {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 80px !important;
    min-height: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 768px) {
  /* Home page final override: keep the bottom CTA aligned with the news cards. */
  body[data-page="home"] .home-service-cta,
  body[data-page="home"] .home-cta {
    width: auto !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta > .container,
  body[data-page="home"] .home-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta__card,
  body[data-page="home"] .home-cta__card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: calc(100% - 32px) !important;
    max-width: none !important;
    min-height: auto !important;
    padding: 20px 16px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-service-cta__body,
  body[data-page="home"] .home-cta__body,
  body[data-page="home"] .home-service-cta__content,
  body[data-page="home"] .home-cta__content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-right: 0 !important;
  }

  body[data-page="home"] .home-service-cta > .container,
  body[data-page="home"] .home-cta > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-page="home"] .home-service-cta__body strong,
  body[data-page="home"] .home-cta__body strong,
  body[data-page="home"] .home-service-cta__title,
  body[data-page="home"] .home-cta__title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
  }

  body[data-page="home"] .home-service-cta__body p,
  body[data-page="home"] .home-cta__body p,
  body[data-page="home"] .home-service-cta__desc,
  body[data-page="home"] .home-cta__desc {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body[data-page="home"] .home-service-cta__actions,
  body[data-page="home"] .home-cta__actions {
    display: flex !important;
    width: 100% !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  body[data-page="home"] .home-service-cta__actions .btn,
  body[data-page="home"] .home-cta__actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    justify-content: center !important;
  }

  body[data-page="home"] .home-service-cta__media,
  body[data-page="home"] .home-cta__media,
  body[data-page="home"] .home-service-cta__image,
  body[data-page="home"] .home-cta__image,
  body[data-page="home"] .home-service-cta img,
  body[data-page="home"] .home-cta img,
  body[data-page="home"] .mobile-home-cta img {
    display: none !important;
  }

  body[data-page="home"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-right: 0 !important;
    padding-bottom: 80px !important;
    padding-left: 0 !important;
    min-height: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
    background: #f5f7fa !important;
    background-color: #f5f7fa !important;
  }

  body[data-page="home"] .site-footer .footer-main,
  body[data-page="home"] .site-footer .footer-main__grid,
  body[data-page="home"] .site-footer .footer-company,
  body[data-page="home"] .site-footer .footer-contact,
  body[data-page="home"] .site-footer .footer-links,
  body[data-page="home"] .site-footer .footer-qrcode,
  body[data-page="home"] .site-footer .footer-cta,
  body[data-page="home"] .site-footer .footer-brand,
  body[data-page="home"] .site-footer .footer-columns,
  body[data-page="home"] .site-footer .social-links {
    display: none !important;
  }

  body[data-page="home"] .site-footer .footer-bottom {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner,
  body[data-page="home"] .footer-bottom__inner,
  body[data-page="home"] .mobile-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner > p,
  body[data-page="home"] .footer-copyright,
  body[data-page="home"] .mobile-footer-copyright {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-align: center !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner > p::before,
  body[data-page="home"] .footer-copyright::before,
  body[data-page="home"] .mobile-footer-copyright::before {
    content: "Copyright © 2024 兆展数控 版权所有" !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    text-align: center !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner > p::after,
  body[data-page="home"] .footer-copyright::after,
  body[data-page="home"] .mobile-footer-copyright::after {
    content: "All Rights Reserved." !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    text-align: center !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner > nav,
  body[data-page="home"] .footer-bottom__inner nav,
  body[data-page="home"] .mobile-footer-links {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner > nav a,
  body[data-page="home"] .footer-bottom__inner nav a,
  body[data-page="home"] .mobile-footer-links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner > nav a + a::before,
  body[data-page="home"] .footer-bottom__inner nav a + a::before,
  body[data-page="home"] .mobile-footer-links a + a::before {
    content: " | " !important;
    display: inline-block !important;
    color: #94a3b8 !important;
    margin: 0 4px 0 0 !important;
  }
}

@media (max-width: 768px) {
  /* About page true EOF override: must win over the generic CTA footer rules above. */
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-mobile-cta {
    width: auto !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] main.about-page {
    padding-bottom: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile {
    padding-bottom: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile__wrap {
    padding-bottom: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    width: auto !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="about"] .about-v3-mobile-cta img,
  body[data-page="about"] .about-v3-mobile-cta figure,
  body[data-page="about"] .about-v3-mobile-cta__media {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    white-space: nowrap !important;
  }

  body[data-page="about"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 80px !important;
    min-height: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 768px) {
  /* About page background simplification: keep only the inner business cards white. */
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-card.about-v3-intro,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-card.about-v3-intro {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block {
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-card.about-v3-intro > h2,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block > h2,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-block__head {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-card.about-v3-intro .about-v3-intro__stats,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-adv-grid,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-timeline-card,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-culture,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-rail {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-adv-grid article,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-culture article,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-rail article,
  body[data-page="about"] .about-v3-mobile .about-v3-mobile__wrap > .about-v3-block .about-v3-rail a {
    background: #fff !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
  }
}

@media (max-width: 768px) {
  /* Unified mobile hero final tuning: keep the banner light, aligned, and compact. */
  body[data-page] main > .mobile-unified-hero,
  body[data-page="contact"] .contact-mobile > .mobile-unified-hero {
    margin: 12px 16px 24px !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    flex: 0 0 auto !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] main > .mobile-unified-hero,
  body[data-page="home"] main > .mobile-unified-hero--home {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }

  body[data-page] .mobile-unified-hero__content {
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
  }

  body[data-page] .mobile-unified-hero__content h1 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin: 0 0 10px !important;
  }

  body[data-page="home"] .mobile-unified-hero__content h1 {
    font-size: 28px !important;
  }

  body[data-page] .mobile-unified-hero__content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 768px) {
  /* Products page final EOF override: align the bottom CTA with the product cards and trim the gap to the footer. */
  body[data-page="products"] main.product-page {
    padding-bottom: 0 !important;
  }

  body[data-page="products"] .product-mobile-cta,
  body[data-page="products"] .mobile-unified-cta.product-mobile-cta {
    margin-top: 24px !important;
    margin-right: 0 !important;
    margin-bottom: 24px !important;
    margin-left: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
  }

  body[data-page="products"] .product-mobile-cta__card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="products"] main.product-page .product-mobile-cta__card {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  body[data-page="products"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 768px) {
  /* Solutions page final EOF override: align the CTA with the content gutter and keep the buttons in one row. */
  body[data-page="solutions"] .solutions-mobile-cta {
    margin: 24px 16px 24px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 136px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding-right: 0 !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__actions {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__actions .btn {
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    white-space: nowrap !important;
  }

  body[data-page="solutions"] .solutions-mobile-cta__media {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 768px) {
  /* Higher-specificity solutions CTA override to beat the global mobile section gutter rule. */
  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta .solutions-mobile-cta__card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 136px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta .solutions-mobile-cta__copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding-right: 0 !important;
  }

  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta .solutions-mobile-cta__actions {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta .solutions-mobile-cta__actions .btn {
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    white-space: nowrap !important;
  }

  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta .solutions-mobile-cta__media,
  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta img {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* Product detail page EOF override: keep the CTA aligned with the upper cards and tighten the footer gap. */
  body[data-page="product-detail"] .product-detail-mobile {
    padding-block: 10px 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 0 24px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta > .pdm-cta__copy {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta .pdm-cta__actions {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta .pdm-cta__actions .btn {
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    white-space: nowrap !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta .pdm-cta__media,
  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta img {
    display: none !important;
  }

  body[data-page="product-detail"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 768px) {
  /* Support page EOF override: align the technical support CTA with the content gutter and remove the media block. */
  body[data-page="support"] main.service-page {
    padding-bottom: 0 !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 120px !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__body {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: grid !important;
    gap: 8px !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__body strong {
    margin: 0 !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__body p {
    margin: 0 !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__actions {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__actions .btn,
  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__media,
  body[data-page="support"] main.service-page > section.support-mobile-cta .support-mobile-cta__media *,
  body[data-page="support"] .support-cta img,
  body[data-page="support"] .support-cta-image,
  body[data-page="support"] .support-cta .cta-image,
  body[data-page="support"] .support-cta .illustration,
  body[data-page="support"] .support-final-cta img {
    display: none !important;
  }

  body[data-page="support"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 768px) {
  /* Video page EOF override: restore the mobile portal hero, keep the search on one row, and tighten the footer gap. */
  body[data-page="video"] main.service-page {
    padding-bottom: 0 !important;
  }

  body[data-page="video"] main > section.mobile-unified-hero.mobile-unified-hero--video {
    margin-top: 16px !important;
    margin-right: 16px !important;
    margin-bottom: 24px !important;
    margin-left: 16px !important;
  }

  body[data-page="video"] .video-mobile-portal {
    padding-bottom: 0 !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: center !important;
    width: auto !important;
    max-width: none !important;
    margin: 16px 16px 24px !important;
    min-height: 180px !important;
    height: 180px !important;
    padding: 0 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background:
      linear-gradient(90deg, rgba(0, 18, 48, 0.94) 0%, rgba(0, 43, 102, 0.78) 52%, rgba(0, 43, 102, 0.18) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) center center / cover no-repeat !important;
    box-shadow: 0 16px 34px rgba(0, 20, 52, 0.16) !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-hero__copy {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-hero__copy h1 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-hero__subtitle {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-hero__desc,
  body[data-page="video"] .video-mobile-portal > .container > .video-portal-hero__art {
    display: none !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-search {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 78px !important;
    gap: 0 !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    margin: 16px !important;
    padding: 0 16px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 1px solid rgba(13, 36, 79, 0.08) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 24px rgba(0, 18, 48, 0.08) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-search__icon {
    width: 34px !important;
    height: 44px !important;
    background: rgba(11, 91, 211, 0.08) !important;
    -webkit-mask: var(--icon-search) center / 18px 18px no-repeat !important;
            mask: var(--icon-search) center / 18px 18px no-repeat !important;
    background-color: var(--color-blue-700) !important;
    opacity: 0.88 !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-search input {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    line-height: 44px !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-search input:focus {
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-search .btn {
    width: 78px !important;
    min-width: 78px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-search input::-webkit-search-decoration,
  body[data-page="video"] .video-mobile-portal > .container > .video-portal-search input::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-portal-cta,
  body[data-page="video"] .video-portal-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px 24px !important;
    padding: 16px !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
  }

  body[data-page="video"] .video-portal-cta__copy {
    min-width: 0 !important;
  }

  body[data-page="video"] .video-portal-cta__actions {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body[data-page="video"] .video-portal-cta__actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    padding-inline: 14px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
  }

  body[data-page="video"] .video-portal-cta__actions .btn.btn-accent {
    font-size: 13px !important;
  }

  body[data-page="video"] .video-portal-cta__media {
    width: 92px !important;
    height: 92px !important;
    justify-self: end !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }

  body[data-page="video"] .video-portal-cta__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body[data-page="video"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 80px !important;
  }

  body[data-page="video"] .site-footer .footer-main {
    padding-top: 10px !important;
    padding-bottom: 4px !important;
  }

  body[data-page="video"] .site-footer .footer-bottom {
    padding: 6px 0 8px !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner p {
    margin: 0 !important;
    color: #334155 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner nav a {
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="video"] .site-footer .footer-bottom__inner nav a + a::before {
    content: " | " !important;
    display: inline-block !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }
}

@media (max-width: 768px) {
  /* Video detail final EOF override: remove the injected hero, remove the support strip, and normalize chapter and CTA spacing. */
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 80px !important;
  }

  body[data-page="video-detail"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] .mobile-unified-hero,
  body[data-page="video-detail"] .mobile-unified-hero--video-detail {
    display: none !important;
    visibility: hidden !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body[data-page="video-detail"] .service-main-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .service-breadcrumb,
  body[data-page="video-detail"] .service-sidebar,
  body[data-page="video-detail"] .floating-contact {
    display: none !important;
  }

  body[data-page="video-detail"] .service-video-detail {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px 0 !important;
  }

  body[data-page="video-detail"] .service-detail-layout.service-video-detail-layout {
    padding-bottom: 0 !important;
  }

  body[data-page="video-detail"] .service-video-player {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
  }

  body[data-page="video-detail"] .service-video-detail h1,
  body[data-page="video-detail"] .news-meta,
  body[data-page="video-detail"] .service-video-detail > section,
  body[data-page="video-detail"] .video-detail-actions {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-actions {
    margin-top: 20px !important;
  }

  body[data-page="video-detail"] article.service-video-detail > section.video-detail-chapters,
  body[data-page="video-detail"] .service-video-detail > section.video-detail-chapters,
  body[data-page="video-detail"] .video-detail-chapters {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="video-detail"] .video-detail-chapters .video-section-head h2 {
    margin: 0 !important;
    line-height: 1.3 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="video-detail"] .service-chapter-row {
    display: none !important;
  }

  body[data-page="video-detail"] article.service-video-detail > section.video-detail-chapters > .video-chapter-card,
  body[data-page="video-detail"] .service-video-detail > section.video-detail-chapters > .video-chapter-card,
  body[data-page="video-detail"] .video-detail-chapters > .video-chapter-card,
  body[data-page="video-detail"] .video-chapter-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-chapter-item {
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  body[data-page="video-detail"] .video-detail-like,
  body[data-page="video-detail"] .video-detail-related {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-related {
    display: block !important;
    margin-bottom: 24px !important;
  }

  body[data-page="video-detail"] .video-detail-related .video-section-head {
    margin: 0 0 12px !important;
  }

  body[data-page="video-detail"] .service-video-strip--compact {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .product-inquiry.service-support-strip,
  body[data-page="video-detail"] .service-support-strip {
    display: none !important;
  }

  body[data-page="video-detail"] main.service-page > section.video-detail-cta.mobile-unified-cta,
  body[data-page="video-detail"] .video-detail-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] main.service-page > section.video-detail-cta.mobile-unified-cta > .container,
  body[data-page="video-detail"] .video-detail-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] main.service-page > section.video-detail-cta.mobile-unified-cta .video-cta-card,
  body[data-page="video-detail"] .video-detail-cta .video-cta-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="video-detail"] main.service-page > section.video-detail-cta.mobile-unified-cta .video-cta-media,
  body[data-page="video-detail"] main.service-page > section.video-detail-cta.mobile-unified-cta .video-cta-media img,
  body[data-page="video-detail"] .video-detail-cta .video-cta-media,
  body[data-page="video-detail"] .video-detail-cta .video-cta-media img {
    display: none !important;
  }

  body[data-page="video-detail"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 80px !important;
  }

  body[data-page="video-detail"] .mobile-bottom-nav,
  body[data-page="video-detail"] .mobile-bottom-nav--main,
  body[data-page="video-detail"] .bottom-nav,
  body[data-page="video-detail"] .mobile-tabbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  /* News page final EOF override: align the bottom CTA with the card gutter, hide the media image, and force the buttons into one row. */
  body[data-page="news"] {
    overflow-x: hidden !important;
  }

  body[data-page="news"] .news-mobile-cta,
  body[data-page="news"] .news-cta,
  body[data-page="news"] .news-more-cta,
  body[data-page="news"] .mobile-news-cta {
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px !important;
    padding: 0 !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .news-mobile-cta > .container,
  body[data-page="news"] .news-cta > .container,
  body[data-page="news"] .news-more-cta > .container,
  body[data-page="news"] .mobile-news-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-cta-card {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: block !important;
  }

  body[data-page="news"] .news-cta-card__copy {
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="news"] .news-cta-card__copy h2,
  body[data-page="news"] .news-cta-card__copy h3 {
    margin: 0 0 8px !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="news"] .news-cta-card__copy p {
    margin: 0 0 16px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="news"] .news-cta-card__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="news"] .news-cta-card__actions .btn,
  body[data-page="news"] .news-cta-card__actions a,
  body[data-page="news"] .news-cta-card__copy .btn,
  body[data-page="news"] .news-cta-card__copy button {
    flex: 0 0 calc((100% - 12px) / 2) !important;
    width: calc((100% - 12px) / 2) !important;
    max-width: calc((100% - 12px) / 2) !important;
    min-width: 0 !important;
    height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-cta .news-cta-card__media,
  body[data-page="news"] .news-mobile-cta .news-cta-card__media *,
  body[data-page="news"] .news-mobile-cta .news-cta-card__media img,
  body[data-page="news"] .news-cta-card__media,
  body[data-page="news"] .news-cta-card__media *,
  body[data-page="news"] .news-cta-card__media img,
  body[data-page="news"] .news-cta img,
  body[data-page="news"] .news-more-cta img,
  body[data-page="news"] .mobile-news-cta img,
  body[data-page="news"] .news-cta .cta-image,
  body[data-page="news"] .news-more-cta .cta-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .news-mobile-cta + .news-feature-section,
  body[data-page="news"] .news-mobile-cta + section,
  body[data-page="news"] .news-mobile-cta + * {
    margin-top: 24px !important;
  }

  body[data-page="news"] .site-footer,
  body[data-page="news"] .footer,
  body[data-page="news"] .mobile-footer {
    margin-top: 0 !important;
  }

  body[data-page="news"] main.news-page > section.news-mobile-cta.mobile-unified-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="news"] main.news-page > section.news-mobile-cta.mobile-unified-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] main.news-page > section.news-mobile-cta.mobile-unified-cta .news-cta-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Global mobile shell EOF override: keep the shared header fixed and the drawer anchored below it. */
  body[data-page] {
    overflow-x: hidden !important;
  }

  body[data-page] > header.site-header,
  body[data-page] > header.header,
  body[data-page] .site-header,
  body[data-page] .mobile-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    z-index: 10000 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page] > header.site-header .topbar,
  body[data-page] > header.header .topbar,
  body[data-page] .site-header .topbar,
  body[data-page] .mobile-header .topbar {
    display: none !important;
  }

  body[data-page] > header.site-header .navbar,
  body[data-page] > header.site-header .navbar__inner,
  body[data-page] > header.header .navbar,
  body[data-page] > header.header .navbar__inner,
  body[data-page] .site-header .navbar,
  body[data-page] .site-header .navbar__inner,
  body[data-page] .mobile-header .navbar,
  body[data-page] .mobile-header .navbar__inner {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page] > header.site-header .navbar,
  body[data-page] > header.header .navbar,
  body[data-page] .site-header .navbar,
  body[data-page] .mobile-header .navbar {
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
  }

  body[data-page] > header.site-header .navbar__inner,
  body[data-page] > header.header .navbar__inner,
  body[data-page] .site-header .navbar__inner,
  body[data-page] .mobile-header .navbar__inner {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: space-between !important;
    padding-inline: 16px !important;
  }

  body[data-page] > header.site-header .topbar__inner,
  body[data-page] > header.header .topbar__inner,
  body[data-page] .site-header .topbar__inner,
  body[data-page] .mobile-header .topbar__inner {
    display: none !important;
  }

  body[data-page] > header.site-header .brand,
  body[data-page] > header.header .brand,
  body[data-page] .site-header .brand,
  body[data-page] .mobile-header .brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body[data-page] > header.site-header .nav-toggle,
  body[data-page] > header.header .nav-toggle,
  body[data-page] .site-header .nav-toggle,
  body[data-page] .mobile-header .nav-toggle,
  .menu-toggle,
  .mobile-menu-toggle,
  .hamburger {
    position: relative !important;
    z-index: 10001 !important;
  }

  body[data-page] > header.site-header .main-nav,
  body[data-page] > header.header .main-nav,
  body[data-page] .site-header .main-nav,
  body[data-page] .mobile-header .main-nav,
  .drawer-menu,
  .mobile-drawer,
  .mobile-nav-panel {
    position: fixed !important;
    top: 72px !important;
    right: 0 !important;
    bottom: 64px !important;
    left: auto !important;
    width: min(82vw, 330px) !important;
    height: auto !important;
    max-height: calc(100dvh - 136px) !important;
    z-index: 10002 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  body.nav-open {
    overflow: hidden !important;
  }

  body[data-page] main,
  body[data-page] .page-content,
  body[data-page] .mobile-page {
    padding-top: 72px !important;
  }
}

@media (max-width: 768px) {
  /* Global mobile footer EOF override: compress the footer to two centered lines and keep nav-safe spacing in the page body instead of the footer box. */
  body[data-page] {
    padding-bottom: 72px !important;
  }

  body[data-page] main,
  body[data-page] .page-content,
  body[data-page] .mobile-page {
    padding-bottom: 72px !important;
  }

  body[data-page] main > :last-child,
  body[data-page] .page-content > :last-child,
  body[data-page] .mobile-page > :last-child {
    margin-bottom: 24px !important;
  }

  body[data-page] .footer,
  body[data-page] .site-footer,
  body[data-page] .mobile-footer {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 16px !important;
    padding-right: 0 !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;
    min-height: auto !important;
    height: auto !important;
    background: #F5F7FA !important;
    border-top: 1px solid #E5EAF3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page] .footer-main,
  body[data-page] .site-footer .footer-main,
  body[data-page] .mobile-footer .footer-main,
  body[data-page] .footer-main__grid,
  body[data-page] .footer-company,
  body[data-page] .footer-company > p,
  body[data-page] .footer-contact,
  body[data-page] .footer-links,
  body[data-page] .footer-qrcode,
  body[data-page] .social-links,
  body[data-page] .footer-cta,
  body[data-page] .footer-brand,
  body[data-page] .footer-columns,
  body[data-page] .footer-links > div,
  body[data-page] .footer-qrcode img,
  body[data-page] .footer-qrcode h3,
  body[data-page] .footer-qrcode p {
    display: none !important;
  }

  body[data-page] .site-footer .footer-bottom,
  body[data-page] .footer-bottom,
  body[data-page] .mobile-footer .footer-bottom {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page] .site-footer .footer-bottom__inner,
  body[data-page] .footer-bottom__inner,
  body[data-page] .mobile-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > p,
  body[data-page] .footer-copyright,
  body[data-page] .mobile-footer-copyright {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #334155 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > p::before,
  body[data-page] .site-footer .footer-bottom__inner > p::after,
  body[data-page] .footer-copyright::before,
  body[data-page] .footer-copyright::after,
  body[data-page] .mobile-footer-copyright::before,
  body[data-page] .mobile-footer-copyright::after {
    content: none !important;
    display: none !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > nav,
  body[data-page] .footer-bottom__inner nav,
  body[data-page] .footer-links,
  body[data-page] .mobile-footer-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
    color: #64748B !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > nav a,
  body[data-page] .footer-bottom__inner nav a,
  body[data-page] .footer-links a,
  body[data-page] .mobile-footer-links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748B !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page] .site-footer .footer-bottom__inner > nav a + a::before,
  body[data-page] .footer-bottom__inner nav a + a::before,
  body[data-page] .footer-links a + a::before,
  body[data-page] .mobile-footer-links a + a::before {
    content: "｜" !important;
    display: inline-block !important;
    margin: 0 4px 0 2px !important;
    color: #94A3B8 !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner,
  body[data-page] .footer-bottom .container.footer-bottom__inner,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > p,
  body[data-page] .footer-bottom .container.footer-bottom__inner > p,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > p {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #334155 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > p::before,
  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > p::after,
  body[data-page] .footer-bottom .container.footer-bottom__inner > p::before,
  body[data-page] .footer-bottom .container.footer-bottom__inner > p::after,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > p::before,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > p::after {
    content: none !important;
    display: none !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > nav,
  body[data-page] .footer-bottom .container.footer-bottom__inner > nav,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
    color: #64748B !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > nav a,
  body[data-page] .footer-bottom .container.footer-bottom__inner > nav a,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748B !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page] .site-footer .footer-bottom .container.footer-bottom__inner > nav a + a::before,
  body[data-page] .footer-bottom .container.footer-bottom__inner > nav a + a::before,
  body[data-page] .mobile-footer .footer-bottom .container.footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    display: inline-block !important;
    margin: 0 2px 0 0 !important;
    color: #94A3B8 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .about-v3-mobile .about-v3-timeline-card {
    padding: 16px !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-timeline {
    display: grid !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 6px 0 6px 24px !important;
    margin: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 2px !important;
    background: #d7e6ff !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 50% !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    transform: translateY(-50%) !important;
    background: #0a6cff !important;
    box-shadow: 0 0 0 4px rgba(10, 108, 255, 0.12) !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div strong::before,
  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div strong::after,
  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div span::before,
  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div span::after,
  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div i,
  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div svg,
  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div .year-icon {
    display: none !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div strong {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    color: #0a6cff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-timeline > div span {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-wrap: anywhere !important;
    align-self: center !important;
  }
}

@media (max-width: 768px) {
  body[data-page="contact"] {
    padding-top: 72px !important;
    overflow-x: hidden !important;
  }

  body[data-page="contact"] .contact-mobile {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }

  body[data-page="contact"] main.contact-page {
    display: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="contact"] .contact-mobile__hero {
    display: flex !important;
  }

  body[data-page="contact"] .contact-mobile__hero {
    margin: 12px 0 24px !important;
  }

  body[data-page="contact"] .contact-mobile__section-head,
  body[data-page="contact"] .contact-mobile__section-head--center,
  body[data-page="contact"] .contact-mobile__section-head--split {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    position: relative !important;
  }

  body[data-page="contact"] .contact-mobile__section-head::before,
  body[data-page="contact"] .contact-mobile__section-head::after,
  body[data-page="contact"] .contact-mobile__section-head--center::before,
  body[data-page="contact"] .contact-mobile__section-head--center::after,
  body[data-page="contact"] .contact-mobile__section-head--split::before,
  body[data-page="contact"] .contact-mobile__section-head--split::after,
  body[data-page="contact"] .contact-mobile__section-head h2::after,
  body[data-page="contact"] .contact-mobile__section-head--center h2::after,
  body[data-page="contact"] .contact-mobile__section-head--split h2::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body[data-page="contact"] .contact-mobile__section-head h2 {
    position: relative !important;
    padding-left: 12px !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta,
  body[data-page="contact"] .contact-mobile__tech-cta.mobile-unified-cta {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 24px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta-card .contact-mobile__tech-cta-copy,
  body[data-page="contact"] .contact-mobile__tech-cta-copy {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta-actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 12px !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta-actions .btn,
  body[data-page="contact"] .contact-mobile__tech-cta-actions a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta-media,
  body[data-page="contact"] .contact-mobile__tech-cta-media *,
  body[data-page="contact"] .contact-mobile__tech-cta img,
  body[data-page="contact"] .contact-mobile__tech-cta .cta-image,
  body[data-page="contact"] .contact-mobile__tech-cta .illustration,
  body[data-page="contact"] .contact-mobile__tech-cta .contact-mobile__tech-cta-illustration {
    display: none !important;
  }

  body[data-page="contact"] .contact-mobile__message {
    margin-bottom: 24px !important;
  }

  body[data-page="contact"] .site-footer {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  /* FAQ page true EOF override: keep the bottom CTA aligned with the FAQ cards and remove any leftover shell gap. */
  body[data-page="faq"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .faq-hub-cta,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    transform: translateX(-16px) !important;
    box-sizing: border-box !important;
    padding: 20px 16px !important;
    min-height: 124px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta::before,
  body[data-page="faq"] .faq-hub-cta::after,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta::before,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__art,
  body[data-page="faq"] .faq-hub-cta__art * {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn,
  body[data-page="faq"] .faq-hub-cta__actions a {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    border: 0 !important;
    color: #fff !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-outline {
    background: #fff !important;
    border: 0 !important;
    color: #0a6cff !important;
  }

  body[data-page="faq"] .site-footer,
  body[data-page="faq"] .footer,
  body[data-page="faq"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border-top: 0 !important;
  }

  body[data-page="faq"] .site-footer .footer-main,
  body[data-page="faq"] .footer-main,
  body[data-page="faq"] .mobile-footer .footer-main {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .site-footer .footer-main__grid,
  body[data-page="faq"] .footer-main__grid,
  body[data-page="faq"] .mobile-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom,
  body[data-page="faq"] .footer-bottom,
  body[data-page="faq"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom__inner,
  body[data-page="faq"] .footer-bottom__inner,
  body[data-page="faq"] .mobile-footer .footer-bottom__inner {
    padding: 0 16px !important;
  }
}

@media (max-width: 768px) {
  /* Download pages shell normalization: shared fixed header, minimal footer, and support-active bottom nav. */
  body[data-page="download"],
  body[data-page="download-detail"] {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
    background: #f7faff !important;
  }

  body[data-page="download"] .site-header,
  body[data-page="download-detail"] .site-header {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 72px !important;
    margin: 0 !important;
    z-index: 120 !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(5, 30, 76, 0.08) !important;
  }

  body[data-page="download"] .site-header .topbar,
  body[data-page="download-detail"] .site-header .topbar,
  body[data-page="download"] .site-header .topbar__links,
  body[data-page="download-detail"] .site-header .topbar__links,
  body[data-page="download"] .site-header .header-actions,
  body[data-page="download-detail"] .site-header .header-actions {
    display: none !important;
  }

  body[data-page="download"] .site-header .container,
  body[data-page="download-detail"] .site-header .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-header .navbar,
  body[data-page="download-detail"] .site-header .navbar,
  body[data-page="download"] .site-header .navbar__inner,
  body[data-page="download-detail"] .site-header .navbar__inner {
    min-height: 72px !important;
  }

  body[data-page="download"] .site-header .navbar__inner,
  body[data-page="download-detail"] .site-header .navbar__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-block: 8px !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-header .brand,
  body[data-page="download-detail"] .site-header .brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin-right: auto !important;
  }

  body[data-page="download"] .site-header .brand__mark,
  body[data-page="download-detail"] .site-header .brand__mark {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  body[data-page="download"] .site-header .brand__text strong,
  body[data-page="download-detail"] .site-header .brand__text strong {
    font-size: 16px !important;
  }

  body[data-page="download"] .site-header .brand__text small,
  body[data-page="download-detail"] .site-header .brand__text small {
    margin-top: 1px !important;
    font-size: 10px !important;
  }

  body[data-page="download"] .site-header .nav-toggle,
  body[data-page="download-detail"] .site-header .nav-toggle {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-page="download"] .site-header .main-nav,
  body[data-page="download-detail"] .site-header .main-nav {
    display: none !important;
  }

  body[data-page="download"] .download-center-cta,
  body[data-page="download-detail"] .download-cta {
    margin-bottom: 24px !important;
  }

  body[data-page="download"] .site-footer,
  body[data-page="download-detail"] .site-footer {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="download"] .site-footer {
    margin-left: -16px !important;
  }

  body[data-page="download"] .site-footer .footer-main,
  body[data-page="download-detail"] .site-footer .footer-main,
  body[data-page="download"] .site-footer .footer-main__grid,
  body[data-page="download-detail"] .site-footer .footer-main__grid,
  body[data-page="download"] .site-footer .footer-company,
  body[data-page="download-detail"] .site-footer .footer-company,
  body[data-page="download"] .site-footer .footer-contact,
  body[data-page="download-detail"] .site-footer .footer-contact,
  body[data-page="download"] .site-footer .footer-links,
  body[data-page="download-detail"] .site-footer .footer-links,
  body[data-page="download"] .site-footer .footer-qrcode,
  body[data-page="download-detail"] .site-footer .footer-qrcode,
  body[data-page="download"] .site-footer .social-links,
  body[data-page="download-detail"] .site-footer .social-links,
  body[data-page="download"] .site-footer .footer-cta,
  body[data-page="download-detail"] .site-footer .footer-cta,
  body[data-page="download"] .site-footer .footer-brand,
  body[data-page="download-detail"] .site-footer .footer-brand,
  body[data-page="download"] .site-footer .footer-columns,
  body[data-page="download-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom,
  body[data-page="download-detail"] .site-footer .footer-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .site-footer {
    margin-left: -16px !important;
  }

  body[data-page="download"] .site-footer .container,
  body[data-page="download-detail"] .site-footer .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > p,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav a,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav a + a::before,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main,
  body[data-page="download-detail"] .mobile-bottom-nav--main {
    display: grid !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 8px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    border-radius: 14px 14px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -8px 26px rgba(5, 30, 76, 0.12) !important;
    z-index: 999 !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] {
    color: #1a57bb !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] small {
    color: inherit !important;
  }
}
@media (max-width: 768px) {
  body[data-page] :is(
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  ) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  )::before {
    content: "";
    display: inline-block;
    flex: 0 0 4px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #0a6cff;
  }

  body[data-page] :is(
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  )::after {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .home-section-title > a,
    .home-news-heading > a,
    .about-v3-block__head > a,
    .service-section-head > a,
    .section-more,
    .service-card-link,
    .pdm-card-more,
    .solution-more,
    .faq-hub-more,
    .contact-mobile__more-link,
    .video-section-more,
    .news-detail-mobile__related header > a
  ) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page] :is(
    .home-section-title > a::before,
    .home-news-heading > a::before,
    .about-v3-block__head > a::before,
    .service-section-head > a::before,
    .section-more::before,
    .service-card-link::before,
    .pdm-card-more::before,
    .solution-more::before,
    .faq-hub-more::before,
    .contact-mobile__more-link::before,
    .video-section-more::before,
    .news-detail-mobile__related header > a::before
  ) {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .home-section-title > a::after,
    .home-news-heading > a::after,
    .about-v3-block__head > a::after,
    .service-section-head > a::after,
    .section-more::after,
    .service-card-link::after,
    .pdm-card-more::after,
    .solution-more::after,
    .faq-hub-more::after,
    .contact-mobile__more-link::after,
    .video-section-more::after,
    .news-detail-mobile__related header > a::after
  ) {
    content: ">" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    font: inherit !important;
    line-height: 1 !important;
  }

  body[data-page] :is(
    .product-mobile-categories__grid a,
    .product-mobile-filterbar__row > a,
    .news-mobile-categories__grid a,
    .download-cat-card,
    .download-tabs button,
    .faq-cat-pill,
    .service-category-card a,
    .service-nav-card a,
    .service-tabs a,
    .service-tabs button,
    .video-cat-card,
    .cases-mobile__industries a,
    .solutions-mobile-industry__grid a,
    .solutions-y-industry__grid a,
    .case-filter-bar a,
    .case-filter-bar button,
    .home-support-tabs button
  ) {
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    color: #0b2348 !important;
  }

  body[data-page]:not([data-page="download-detail"]) :is(
    .product-mobile-categories__grid a.is-active,
    .product-mobile-categories__grid a[aria-current="page"],
    .product-mobile-filterbar__row > a.is-active,
    .news-mobile-categories__grid a.is-active,
    .news-mobile-categories__grid a[aria-selected="true"],
    .download-cat-card.is-active,
    .download-tabs button.is-active,
    .download-tabs button[aria-selected="true"],
    .faq-cat-pill.is-active,
    .service-category-card a.is-active,
    .service-nav-card a.is-active,
    .service-tabs a.is-active,
    .service-tabs a[aria-current="page"],
    .service-tabs button.is-active,
    .service-tabs button[aria-selected="true"],
    .video-cat-card.is-active,
    .cases-mobile__industries a.is-active,
    .solutions-mobile-industry__grid a.is-active,
    .solutions-y-industry__grid a.is-active,
    .case-filter-bar a.is-active,
    .case-filter-bar button.is-active,
    .home-support-tabs button.is-active,
    .home-support-tabs button[aria-selected="true"],
    .mobile-bottom-nav--main a.is-active,
    .mobile-bottom-nav--main a[aria-current="page"]
  ) {
    background: linear-gradient(135deg, #0a6cff, #0048a8) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(10, 108, 255, 0.18) !important;
  }
}

@media (max-width: 768px) {
  body[data-page] :is(
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-left: 0 !important;
    position: relative !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    position: relative !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  )::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page] :is(
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  )::after {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav,
    .bottom-nav,
    .mobile-tabbar,
    .mobile-bottom-nav--main
  ) {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100vw !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 8px calc(8px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a,
    .bottom-nav a,
    .mobile-tabbar a,
    .mobile-bottom-nav--main a
  ) {
    flex: 1 1 0 !important;
    height: 64px !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a svg,
    .bottom-nav a svg,
    .mobile-tabbar a svg,
    .mobile-bottom-nav--main a svg
  ) {
    width: 22px !important;
    height: 22px !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a small,
    .bottom-nav a small,
    .mobile-tabbar a small,
    .mobile-bottom-nav--main a small
  ) {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active,
    .bottom-nav .active,
    .mobile-tabbar .active,
    .mobile-bottom-nav--main a.is-active,
    .mobile-bottom-nav--main a[aria-current="page"]
  ) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    border-radius: 0 !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active .icon,
    .mobile-bottom-nav .active svg,
    .bottom-nav .active .icon,
    .bottom-nav .active svg,
    .mobile-tabbar .active .icon,
    .mobile-tabbar .active svg,
    .mobile-bottom-nav--main a.is-active .icon,
    .mobile-bottom-nav--main a.is-active svg,
    .mobile-bottom-nav--main a[aria-current="page"] .icon,
    .mobile-bottom-nav--main a[aria-current="page"] svg
  ) {
    color: #0a6cff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    background: transparent !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active span,
    .bottom-nav .active span,
    .mobile-tabbar .active span,
    .mobile-bottom-nav--main a.is-active span,
    .mobile-bottom-nav--main a.is-active small,
    .mobile-bottom-nav--main a[aria-current="page"] span,
    .mobile-bottom-nav--main a[aria-current="page"] small
  ) {
    color: #0a6cff !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 768px) {
  body[data-page] :is(
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-left: 0 !important;
    position: relative !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    position: relative !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  )::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page] :is(
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  )::after {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav,
    .bottom-nav,
    .mobile-tabbar,
    .mobile-bottom-nav--main
  ) {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100vw !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 8px calc(8px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a,
    .bottom-nav a,
    .mobile-tabbar a,
    .mobile-bottom-nav--main a
  ) {
    flex: 1 1 0 !important;
    height: 64px !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a svg,
    .bottom-nav a svg,
    .mobile-tabbar a svg,
    .mobile-bottom-nav--main a svg
  ) {
    width: 22px !important;
    height: 22px !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a small,
    .bottom-nav a small,
    .mobile-tabbar a small,
    .mobile-bottom-nav--main a small
  ) {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active,
    .bottom-nav .active,
    .mobile-tabbar .active,
    .mobile-bottom-nav--main a.is-active,
    .mobile-bottom-nav--main a[aria-current="page"]
  ) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    border-radius: 0 !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active .icon,
    .mobile-bottom-nav .active svg,
    .bottom-nav .active .icon,
    .bottom-nav .active svg,
    .mobile-tabbar .active .icon,
    .mobile-tabbar .active svg,
    .mobile-bottom-nav--main a.is-active .icon,
    .mobile-bottom-nav--main a.is-active svg,
    .mobile-bottom-nav--main a[aria-current="page"] .icon,
    .mobile-bottom-nav--main a[aria-current="page"] svg
  ) {
    color: #0a6cff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    background: transparent !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active span,
    .bottom-nav .active span,
    .mobile-tabbar .active span,
    .mobile-bottom-nav--main a.is-active span,
    .mobile-bottom-nav--main a.is-active small,
    .mobile-bottom-nav--main a[aria-current="page"] span,
    .mobile-bottom-nav--main a[aria-current="page"] small
  ) {
    color: #0a6cff !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="download-detail"] {
    overflow-x: hidden !important;
    padding-top: 72px !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  body[data-page="download-detail"] .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 72px !important;
    z-index: 10000 !important;
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(11, 35, 72, 0.08) !important;
  }

  body[data-page="download-detail"] .service-main-section {
    display: none !important;
  }

  body[data-page="download-detail"] .product-inquiry.service-support-strip {
    display: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="download-detail"] .download-detail-mobile > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-preview {
    display: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related {
    margin-bottom: 0 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-item {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 64px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 76px !important;
    padding: 3px 12px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05) !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-main {
    min-width: 0 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-main h3 {
    margin: 0 0 4px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-main h3 a {
    color: #0b2348 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-meta {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 6px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #6b7280 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-item .btn {
    justify-self: end !important;
    grid-column: 3 / 4 !important;
    grid-row: 1 !important;
    width: 64px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }

  body[data-page="download-detail"] .download-cta {
    margin: 0 16px 24px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(10, 108, 255, 0.08), rgba(0, 72, 168, 0.08)) !important;
    overflow: hidden !important;
  }

  body[data-page="download-detail"] .download-cta__media {
    display: none !important;
  }

  body[data-page="download-detail"] .download-cta__copy {
    width: 100% !important;
    max-width: none !important;
  }

  body[data-page="download-detail"] .download-cta__copy h2 {
    margin-bottom: 8px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  body[data-page="download-detail"] .download-cta__copy p {
    margin-bottom: 14px !important;
  }

  body[data-page="download-detail"] .download-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body[data-page="download-detail"] .download-cta__actions .btn {
    width: 100% !important;
    height: 44px !important;
    border-radius: 12px !important;
  }

  body[data-page="download-detail"] .site-footer {
    margin-top: 24px !important;
    padding: 16px 0 calc(16px + env(safe-area-inset-bottom)) !important;
    background: #f5f7fb !important;
    border-top: 1px solid rgba(229, 234, 243, 0.9) !important;
  }

  body[data-page="download-detail"] .site-footer .footer-main,
  body[data-page="download-detail"] .site-footer .footer-main__grid,
  body[data-page="download-detail"] .site-footer .footer-company,
  body[data-page="download-detail"] .site-footer .footer-contact,
  body[data-page="download-detail"] .site-footer .footer-links,
  body[data-page="download-detail"] .site-footer .footer-qrcode,
  body[data-page="download-detail"] .site-footer .social-links,
  body[data-page="download-detail"] .site-footer .footer-cta,
  body[data-page="download-detail"] .site-footer .footer-brand,
  body[data-page="download-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="download-detail"] .site-footer .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > p,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav {
    margin: 0 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #6b7280 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a {
    font-size: 12px !important;
    color: #6b7280 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    color: #c7ced9 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main {
    height: 64px !important;
    border-top: 1px solid rgba(229, 234, 243, 0.95) !important;
    background: rgba(255, 255, 255, 0.98) !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    color: #0a6cff !important;
    font-weight: 700 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] small {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] {
    background: transparent !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"]::before,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"]::before {
    display: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="download-detail"] {
    overflow-x: hidden !important;
    padding-top: 72px !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  body[data-page="download-detail"] .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 72px !important;
    z-index: 10000 !important;
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(14, 39, 88, 0.08) !important;
  }

  body[data-page="download-detail"] .service-main-section {
    display: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 24px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="download-detail"] .download-detail-mobile > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-preview {
    display: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related {
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head h2 {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head h2::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head a {
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page="download-detail"] .download-related-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body[data-page="download-detail"] .download-related-item {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 64px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 76px !important;
    padding: 10px 12px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-related-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }

  body[data-page="download-detail"] .download-related-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="download-detail"] .download-related-main h3 {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="download-detail"] .download-related-main h3 a {
    color: #0b2348 !important;
    text-decoration: none !important;
  }

  body[data-page="download-detail"] .download-related-meta {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 6px !important;
    margin-top: 0 !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-page="download-detail"] .download-related-item .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: 3 / 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body[data-page="download-detail"] .download-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: auto !important;
    margin: 0 16px 24px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-cta__media {
    display: none !important;
  }

  body[data-page="download-detail"] .download-cta__copy {
    min-width: 0 !important;
  }

  body[data-page="download-detail"] .download-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="download-detail"] .download-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="download-detail"] .download-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="download-detail"] .download-cta__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 24px 0 0 !important;
    padding: 16px 0 calc(16px + env(safe-area-inset-bottom)) !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="download-detail"] .site-footer .footer-main,
  body[data-page="download-detail"] .site-footer .footer-main__grid,
  body[data-page="download-detail"] .site-footer .footer-company,
  body[data-page="download-detail"] .site-footer .footer-contact,
  body[data-page="download-detail"] .site-footer .footer-links,
  body[data-page="download-detail"] .site-footer .footer-qrcode,
  body[data-page="download-detail"] .site-footer .social-links,
  body[data-page="download-detail"] .site-footer .footer-cta,
  body[data-page="download-detail"] .site-footer .footer-brand,
  body[data-page="download-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="download-detail"] .site-footer .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main {
    display: grid !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 8px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    border-radius: 14px 14px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -8px 26px rgba(5, 30, 76, 0.12) !important;
    z-index: 999 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #0a6cff !important;
    font-weight: 700 !important;
    transform: none !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] small {
    color: inherit !important;
  }
}

@media (max-width: 768px) {
  body[data-page="download-detail"] {
    overflow-x: hidden !important;
    padding-top: 72px !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  body[data-page="download-detail"] .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 72px !important;
    z-index: 10000 !important;
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(14, 39, 88, 0.08) !important;
  }

  body[data-page="download-detail"] .service-main-section {
    display: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 24px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="download-detail"] .download-detail-mobile > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-preview {
    display: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related {
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head h2 {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head h2::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head a {
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page="download-detail"] .download-related-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body[data-page="download-detail"] .download-related-item {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 64px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 76px !important;
    padding: 10px 12px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-related-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }

  body[data-page="download-detail"] .download-related-main {
    min-width: 0 !important;
  }

  body[data-page="download-detail"] .download-related-main h3 {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body[data-page="download-detail"] .download-related-main h3 a {
    color: #0b2348 !important;
    text-decoration: none !important;
  }

  body[data-page="download-detail"] .download-related-meta {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px 6px !important;
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  body[data-page="download-detail"] .download-related-item .btn {
    justify-self: end !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }

  body[data-page="download-detail"] .download-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: auto !important;
    margin: 0 16px 24px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-cta__media {
    display: none !important;
  }

  body[data-page="download-detail"] .download-cta__copy {
    min-width: 0 !important;
  }

  body[data-page="download-detail"] .download-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="download-detail"] .download-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="download-detail"] .download-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="download-detail"] .download-cta__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 24px 0 0 !important;
    padding: 16px 0 calc(16px + env(safe-area-inset-bottom)) !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="download-detail"] .site-footer .footer-main,
  body[data-page="download-detail"] .site-footer .footer-main__grid,
  body[data-page="download-detail"] .site-footer .footer-company,
  body[data-page="download-detail"] .site-footer .footer-contact,
  body[data-page="download-detail"] .site-footer .footer-links,
  body[data-page="download-detail"] .site-footer .footer-qrcode,
  body[data-page="download-detail"] .site-footer .social-links,
  body[data-page="download-detail"] .site-footer .footer-cta,
  body[data-page="download-detail"] .site-footer .footer-brand,
  body[data-page="download-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="download-detail"] .site-footer .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main {
    display: grid !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 8px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    border-radius: 14px 14px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -8px 26px rgba(5, 30, 76, 0.12) !important;
    z-index: 999 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #0a6cff !important;
    font-weight: 700 !important;
    transform: none !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] small {
    color: inherit !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="support"] .service-home-faq .service-section-head h2,
  html body[data-page="support"] .service-home-download .service-section-head h2,
  html body[data-page="support"] .support-mobile-services__head h2,
  html body[data-page="support"] .support-mobile-faq .service-section-head h2,
  html body[data-page="support"] .support-mobile-download .service-section-head h2,
  html body[data-page="support"] .support-video-section .service-section-head h2 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }
}
@media (max-width: 768px) {
  body[data-page] :is(
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  ) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  )::before {
    content: "";
    display: inline-block;
    flex: 0 0 4px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #0a6cff;
  }

  body[data-page] :is(
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  )::after {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .home-section-title > a,
    .home-news-heading > a,
    .about-v3-block__head > a,
    .service-section-head > a,
    .section-more,
    .service-card-link,
    .pdm-card-more,
    .solution-more,
    .faq-hub-more,
    .contact-mobile__more-link,
    .video-section-more,
    .news-detail-mobile__related header > a
  ) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page] :is(
    .home-section-title > a::before,
    .home-news-heading > a::before,
    .about-v3-block__head > a::before,
    .service-section-head > a::before,
    .section-more::before,
    .service-card-link::before,
    .pdm-card-more::before,
    .solution-more::before,
    .faq-hub-more::before,
    .contact-mobile__more-link::before,
    .video-section-more::before,
    .news-detail-mobile__related header > a::before
  ) {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .home-section-title > a::after,
    .home-news-heading > a::after,
    .about-v3-block__head > a::after,
    .service-section-head > a::after,
    .section-more::after,
    .service-card-link::after,
    .pdm-card-more::after,
    .solution-more::after,
    .faq-hub-more::after,
    .contact-mobile__more-link::after,
    .video-section-more::after,
    .news-detail-mobile__related header > a::after
  ) {
    content: ">" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    font: inherit !important;
    line-height: 1 !important;
  }

  body[data-page] :is(
    .product-mobile-categories__grid a,
    .product-mobile-filterbar__row > a,
    .news-mobile-categories__grid a,
    .download-cat-card,
    .download-tabs button,
    .faq-cat-pill,
    .service-category-card a,
    .service-nav-card a,
    .service-tabs a,
    .service-tabs button,
    .video-cat-card,
    .cases-mobile__industries a,
    .solutions-mobile-industry__grid a,
    .solutions-y-industry__grid a,
    .case-filter-bar a,
    .case-filter-bar button,
    .home-support-tabs button
  ) {
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    color: #0b2348 !important;
  }

  body[data-page] :is(
    .product-mobile-categories__grid a.is-active,
    .product-mobile-categories__grid a[aria-current="page"],
    .product-mobile-filterbar__row > a.is-active,
    .news-mobile-categories__grid a.is-active,
    .news-mobile-categories__grid a[aria-selected="true"],
    .download-cat-card.is-active,
    .download-tabs button.is-active,
    .download-tabs button[aria-selected="true"],
    .faq-cat-pill.is-active,
    .service-category-card a.is-active,
    .service-nav-card a.is-active,
    .service-tabs a.is-active,
    .service-tabs a[aria-current="page"],
    .service-tabs button.is-active,
    .service-tabs button[aria-selected="true"],
    .video-cat-card.is-active,
    .cases-mobile__industries a.is-active,
    .solutions-mobile-industry__grid a.is-active,
    .solutions-y-industry__grid a.is-active,
    .case-filter-bar a.is-active,
    .case-filter-bar button.is-active,
    .home-support-tabs button.is-active,
    .home-support-tabs button[aria-selected="true"],
    .mobile-bottom-nav--main a.is-active,
    .mobile-bottom-nav--main a[aria-current="page"]
  ) {
    background: linear-gradient(135deg, #0a6cff, #0048a8) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(10, 108, 255, 0.18) !important;
  }
}
@media (max-width: 768px) {
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    color: #0a6cff !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a.is-active small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[aria-current="page"] small {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}

@media (max-width: 768px) {
  /* Final global shell override: normalize the shared header, drawer, and bottom nav on every mobile page. */
  body[data-page] > header.site-header,
  body[data-page] > header.header,
  body[data-page] .site-header,
  body[data-page] .mobile-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    z-index: 10000 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page] > header.site-header .topbar,
  body[data-page] > header.header .topbar,
  body[data-page] .site-header .topbar,
  body[data-page] .mobile-header .topbar {
    display: none !important;
  }

  body[data-page] > header.site-header .navbar,
  body[data-page] > header.site-header .navbar__inner,
  body[data-page] > header.header .navbar,
  body[data-page] > header.header .navbar__inner,
  body[data-page] .site-header .navbar,
  body[data-page] .site-header .navbar__inner,
  body[data-page] .mobile-header .navbar,
  body[data-page] .mobile-header .navbar__inner {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page] > header.site-header .navbar,
  body[data-page] > header.header .navbar,
  body[data-page] .site-header .navbar,
  body[data-page] .mobile-header .navbar {
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
  }

  body[data-page] > header.site-header .navbar__inner,
  body[data-page] > header.header .navbar__inner,
  body[data-page] .site-header .navbar__inner,
  body[data-page] .mobile-header .navbar__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-inline: 16px !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body[data-page] > header.site-header .brand,
  body[data-page] > header.header .brand,
  body[data-page] .site-header .brand,
  body[data-page] .mobile-header .brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin-right: auto !important;
  }

  body[data-page] > header.site-header .brand__mark,
  body[data-page] > header.header .brand__mark,
  body[data-page] .site-header .brand__mark,
  body[data-page] .mobile-header .brand__mark {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  body[data-page] > header.site-header .brand__text strong,
  body[data-page] > header.header .brand__text strong,
  body[data-page] .site-header .brand__text strong,
  body[data-page] .mobile-header .brand__text strong {
    font-size: 16px !important;
  }

  body[data-page] > header.site-header .brand__text small,
  body[data-page] > header.header .brand__text small,
  body[data-page] .site-header .brand__text small,
  body[data-page] .mobile-header .brand__text small {
    margin-top: 1px !important;
    font-size: 10px !important;
  }

  body[data-page] > header.site-header .nav-toggle,
  body[data-page] > header.header .nav-toggle,
  body[data-page] .site-header .nav-toggle,
  body[data-page] .mobile-header .nav-toggle,
  .menu-toggle,
  .mobile-menu-toggle,
  .hamburger {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    border: 0 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 10001 !important;
  }

  body[data-page] > header.site-header .main-nav,
  body[data-page] > header.header .main-nav,
  body[data-page] .site-header .main-nav,
  body[data-page] .mobile-header .main-nav,
  .drawer-menu,
  .mobile-drawer,
  .mobile-nav-panel {
    display: none !important;
    position: fixed !important;
    top: 72px !important;
    right: 0 !important;
    bottom: 64px !important;
    left: auto !important;
    width: min(82vw, 330px) !important;
    height: auto !important;
    max-height: calc(100dvh - 136px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    z-index: 10002 !important;
    background: #ffffff !important;
    box-shadow: -18px 0 40px rgba(0, 20, 52, 0.18) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    transform: translateX(100%) !important;
    transition: transform 220ms ease, opacity 180ms ease, visibility 180ms ease !important;
  }

  body.nav-open > header.site-header .main-nav,
  body.nav-open > header.header .main-nav,
  body.nav-open .site-header .main-nav,
  body.nav-open .mobile-header .main-nav,
  body.nav-open .drawer-menu,
  body.nav-open .mobile-drawer,
  body.nav-open .mobile-nav-panel {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    transform: translateX(0) !important;
  }

  body.nav-open {
    overflow: hidden !important;
  }

  body[data-page] > header.site-header .main-nav a,
  body[data-page] > header.header .main-nav a,
  body[data-page] .site-header .main-nav a,
  body[data-page] .mobile-header .main-nav a,
  .drawer-menu a,
  .mobile-drawer a,
  .mobile-nav-panel a {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 0 8px !important;
    border-bottom: 1px solid rgba(14, 39, 88, 0.08) !important;
    color: #0b2348 !important;
    font-size: 16px !important;
  }

  body[data-page] > header.site-header .main-nav a::after,
  body[data-page] > header.header .main-nav a::after,
  body[data-page] .site-header .main-nav a::after,
  body[data-page] .mobile-header .main-nav a::after,
  .drawer-menu a::after,
  .mobile-drawer a::after,
  .mobile-nav-panel a::after {
    display: none !important;
  }

  body[data-page] .mobile-bottom-nav,
  body[data-page] .bottom-nav,
  body[data-page] .mobile-tabbar,
  body[data-page] .footer-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-page] .mobile-bottom-nav--main {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: center !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border-top: 1px solid rgba(14, 39, 88, 0.08) !important;
    box-shadow: 0 -8px 24px rgba(9, 28, 58, 0.12) !important;
    padding: 6px 8px 8px !important;
  }

  body[data-page] .mobile-bottom-nav--main a {
    color: rgba(14, 39, 88, 0.68) !important;
    min-width: 0 !important;
  }

  body[data-page] .mobile-bottom-nav--main a.is-active {
    color: #0b2348 !important;
  }

  body[data-page] .mobile-bottom-nav--main svg {
    width: 22px !important;
    height: 22px !important;
  }

  body[data-page] .mobile-bottom-nav--main small {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="solutions"] .site-footer,
  body[data-page="solutions"] .mobile-footer,
  body[data-page="solutions"] .footer,
  body[data-page="support"] .site-footer,
  body[data-page="support"] .mobile-footer,
  body[data-page="support"] .footer {
    margin-top: 0 !important;
    padding: 16px 16px !important;
    min-height: auto !important;
    height: auto !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="solutions"] .site-footer .footer-main,
  body[data-page="solutions"] .site-footer .footer-cta,
  body[data-page="solutions"] .site-footer .footer-brand,
  body[data-page="solutions"] .site-footer .footer-company,
  body[data-page="solutions"] .site-footer .footer-contact,
  body[data-page="solutions"] .site-footer .footer-links,
  body[data-page="solutions"] .site-footer .footer-qrcode,
  body[data-page="solutions"] .site-footer .footer-columns,
  body[data-page="solutions"] .site-footer .social-links,
  body[data-page="solutions"] .mobile-footer .footer-main,
  body[data-page="solutions"] .mobile-footer .footer-cta,
  body[data-page="solutions"] .mobile-footer .footer-brand,
  body[data-page="solutions"] .mobile-footer .footer-company,
  body[data-page="solutions"] .mobile-footer .footer-contact,
  body[data-page="solutions"] .mobile-footer .footer-links,
  body[data-page="solutions"] .mobile-footer .footer-qrcode,
  body[data-page="solutions"] .mobile-footer .footer-columns,
  body[data-page="solutions"] .mobile-footer .social-links,
  body[data-page="support"] .site-footer .footer-main,
  body[data-page="support"] .site-footer .footer-cta,
  body[data-page="support"] .site-footer .footer-brand,
  body[data-page="support"] .site-footer .footer-company,
  body[data-page="support"] .site-footer .footer-contact,
  body[data-page="support"] .site-footer .footer-links,
  body[data-page="support"] .site-footer .footer-qrcode,
  body[data-page="support"] .site-footer .footer-columns,
  body[data-page="support"] .site-footer .social-links,
  body[data-page="support"] .mobile-footer .footer-main,
  body[data-page="support"] .mobile-footer .footer-cta,
  body[data-page="support"] .mobile-footer .footer-brand,
  body[data-page="support"] .mobile-footer .footer-company,
  body[data-page="support"] .mobile-footer .footer-contact,
  body[data-page="support"] .mobile-footer .footer-links,
  body[data-page="support"] .mobile-footer .footer-qrcode,
  body[data-page="support"] .mobile-footer .footer-columns,
  body[data-page="support"] .mobile-footer .social-links {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom,
  body[data-page="solutions"] .mobile-footer .footer-bottom,
  body[data-page="support"] .site-footer .footer-bottom,
  body[data-page="support"] .mobile-footer .footer-bottom {
    display: block !important;
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner,
  body[data-page="support"] .site-footer .footer-bottom__inner,
  body[data-page="support"] .mobile-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner > p,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner > p,
  body[data-page="support"] .site-footer .footer-bottom__inner > p,
  body[data-page="support"] .mobile-footer .footer-bottom__inner > p {
    display: block !important;
    margin: 0 !important;
    color: #334155 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner > nav,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner > nav,
  body[data-page="support"] .site-footer .footer-bottom__inner > nav,
  body[data-page="support"] .mobile-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner > nav a,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner > nav a,
  body[data-page="support"] .site-footer .footer-bottom__inner > nav a,
  body[data-page="support"] .mobile-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner > nav a + a::before,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner > nav a + a::before,
  body[data-page="support"] .site-footer .footer-bottom__inner > nav a + a::before,
  body[data-page="support"] .mobile-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }
}

@media (max-width: 768px) {
  /* Video page final mobile search override: replace the old wrapped search box with the same independent input + button structure used on products. */
  body[data-page="video"] .video-search,
  body[data-page="video"] .video-portal-search,
  body[data-page="video"] .video-search-box,
  body[data-page="video"] .mobile-video-search {
    display: none !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-mobile-search__form {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: auto !important;
    max-width: none !important;
    margin: 16px 16px 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="video"] .video-mobile-search__input {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body[data-page="video"] .video-mobile-search__input:focus {
    border-color: #0a6cff !important;
    box-shadow: 0 0 0 3px rgba(10, 108, 255, 0.10) !important;
    background: #fff !important;
  }

  body[data-page="video"] .video-mobile-search__input::-webkit-search-decoration,
  body[data-page="video"] .video-mobile-search__input::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body[data-page="video"] .video-mobile-search__btn {
    width: 88px !important;
    min-width: 88px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 14px !important;
    background: #0048a8 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 768px) {
  /* Download pages final top-gap fix: cancel the generic mobile main padding so the shared hero sits 12px below the fixed header. */
  body[data-page="download"] main.service-page,
  body[data-page="download-detail"] main.service-page {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body[data-page="download"] .download-mobile-center,
  body[data-page="download-detail"] .download-detail-mobile {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body[data-page="download"] .page-banner.service-banner,
  body[data-page="download-detail"] .page-banner.service-banner {
    display: none !important;
  }

  body[data-page="download"] .mobile-unified-hero,
  body[data-page="download-detail"] .mobile-unified-hero {
    margin-top: 12px !important;
  }
}

@media (max-width: 768px) {
  /* video-detail CTA final lock: keep the CTA aligned with the content cards and force a shared one-row button layout. */
  body[data-page="video-detail"] {
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="video-detail"] main.service-page > section.video-detail-cta.mobile-unified-cta,
  body[data-page="video-detail"] .video-detail-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="video-detail"] .video-detail-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] main.service-page > section.video-detail-cta.mobile-unified-cta .video-cta-card,
  body[data-page="video-detail"] .video-detail-cta .video-cta-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px 16px !important;
    gap: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body[data-page="video-detail"] .video-detail-cta .video-cta-copy {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-cta .video-cta-copy h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="video-detail"] .video-detail-cta .video-cta-copy p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="video-detail"] .video-detail-cta .video-cta-actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 16px !important;
    align-items: stretch !important;
  }

  body[data-page="video-detail"] .video-detail-cta .video-cta-actions .btn,
  body[data-page="video-detail"] .video-detail-cta .video-cta-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body[data-page="video-detail"] .video-detail-cta .video-cta-actions .btn.btn-accent,
  body[data-page="video-detail"] .video-detail-cta .video-cta-actions a[href^="tel"] {
    background: #ff7a1a !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .video-detail-cta .video-cta-actions .btn.btn-outline,
  body[data-page="video-detail"] .video-detail-cta .video-cta-actions a[href="contact.html"] {
    background: #fff !important;
    border: 0 !important;
    color: #0a6cff !important;
    box-shadow: none !important;
  }

  body[data-page="video-detail"] .video-detail-cta .video-cta-media,
  body[data-page="video-detail"] .video-detail-cta .video-cta-media img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Solutions mobile shell final lock: keep the shared injected hero, minimal footer, and fixed bottom nav aligned with the standard pages. */
  body[data-page="solutions"] {
    overflow-x: hidden !important;
    padding-bottom: 72px !important;
  }

  body[data-page="solutions"] .solution-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="solutions"] .solution-page > .page-banner.solution-hero,
  body[data-page="solutions"] .solution-page > .solutions-mobile-hero {
    display: none !important;
    visibility: hidden !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="solutions"] main.solution-page > .mobile-unified-hero {
    margin: 12px 16px 24px !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body[data-page="solutions"] .site-footer,
  body[data-page="solutions"] .footer,
  body[data-page="solutions"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-right: 0 !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;
    min-height: auto !important;
    height: auto !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-main,
  body[data-page="solutions"] .site-footer .footer-cta,
  body[data-page="solutions"] .site-footer .footer-brand,
  body[data-page="solutions"] .site-footer .footer-links,
  body[data-page="solutions"] .site-footer .footer-qrcode,
  body[data-page="solutions"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom,
  body[data-page="solutions"] .footer-bottom,
  body[data-page="solutions"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner,
  body[data-page="solutions"] .footer-bottom__inner,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner > p,
  body[data-page="solutions"] .footer-bottom__inner > p,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner > nav,
  body[data-page="solutions"] .footer-bottom__inner > nav,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner > nav a,
  body[data-page="solutions"] .footer-bottom__inner > nav a,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  body[data-page="solutions"] .site-footer .footer-bottom__inner > nav a + a::before,
  body[data-page="solutions"] .footer-bottom__inner > nav a + a::before,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }

  body[data-page="solutions"] .mobile-bottom-nav--main {
    display: grid !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    border-radius: 14px 14px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -8px 26px rgba(5, 30, 76, 0.12) !important;
    z-index: 999 !important;
  }

  body[data-page="solutions"] .mobile-bottom-nav--main a[href="solutions.html"],
  body[data-page="solutions"] .mobile-bottom-nav--main a[data-nav="solutions"],
  body[data-page="solutions"] .mobile-bottom-nav--main a.is-active {
    color: #0a6cff !important;
  }

  body[data-page="solutions"] .mobile-bottom-nav--main a[href="solutions.html"] svg,
  body[data-page="solutions"] .mobile-bottom-nav--main a[href="solutions.html"] small,
  body[data-page="solutions"] .mobile-bottom-nav--main a[data-nav="solutions"] svg,
  body[data-page="solutions"] .mobile-bottom-nav--main a[data-nav="solutions"] small,
  body[data-page="solutions"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="solutions"] .mobile-bottom-nav--main a.is-active small {
    color: inherit !important;
  }
}

@media (max-width: 768px) {
  /* Solutions page EOF cleanup: keep only the mobile flow, unify visible section titles, and normalize all visible "查看更多" links. */
  body[data-page="solutions"] .solution-page > section.page-banner.solution-hero,
  body[data-page="solutions"] .solution-page > section.solution-stats,
  body[data-page="solutions"] .solution-page > section.solution-section,
  body[data-page="solutions"] .solution-page > section.product-inquiry.solution-inquiry {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry h2,
  body[data-page="solutions"] .solutions-mobile-showcase__head h2,
  body[data-page="solutions"] .solutions-mobile-showcase__scenes h3,
  body[data-page="solutions"] .solutions-mobile-section-head h3 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body[data-page="solutions"] .solutions-mobile-industry h2::before,
  body[data-page="solutions"] .solutions-mobile-showcase__head h2::before,
  body[data-page="solutions"] .solutions-mobile-showcase__scenes h3::before,
  body[data-page="solutions"] .solutions-mobile-section-head h3::before {
    content: "" !important;
    display: inline-block !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    flex: 0 0 4px !important;
  }

  body[data-page="solutions"] .solutions-mobile-section-head a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page="solutions"] .solutions-mobile-section-head a::after {
    content: " >" !important;
    display: inline-block !important;
  }
}

@media (max-width: 768px) {
  /* Download pages final drawer override: keep the shared header visible and let the menu open exactly like other pages. */
  body[data-page="download"] .site-header,
  body[data-page="download-detail"] .site-header {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    z-index: 10000 !important;
    margin: 0 !important;
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
  }

  body[data-page="download"] .site-header .topbar,
  body[data-page="download-detail"] .site-header .topbar,
  body[data-page="download"] .site-header .topbar__links,
  body[data-page="download-detail"] .site-header .topbar__links,
  body[data-page="download"] .site-header .header-actions,
  body[data-page="download-detail"] .site-header .header-actions {
    display: none !important;
  }

  body[data-page="download"] .site-header .container,
  body[data-page="download-detail"] .site-header .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-header .navbar,
  body[data-page="download-detail"] .site-header .navbar,
  body[data-page="download"] .site-header .navbar__inner,
  body[data-page="download-detail"] .site-header .navbar__inner {
    min-height: 72px !important;
  }

  body[data-page="download"] .site-header .navbar__inner,
  body[data-page="download-detail"] .site-header .navbar__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-block: 8px !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-header .brand,
  body[data-page="download-detail"] .site-header .brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin-right: auto !important;
  }

  body[data-page="download"] .site-header .brand__mark,
  body[data-page="download-detail"] .site-header .brand__mark {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  body[data-page="download"] .site-header .brand__text strong,
  body[data-page="download-detail"] .site-header .brand__text strong {
    font-size: 16px !important;
  }

  body[data-page="download"] .site-header .brand__text small,
  body[data-page="download-detail"] .site-header .brand__text small {
    margin-top: 1px !important;
    font-size: 10px !important;
  }

  body[data-page="download"] .site-header .nav-toggle,
  body[data-page="download-detail"] .site-header .nav-toggle {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    border: 0 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 10001 !important;
  }

  body[data-page="download"] .site-header .nav-toggle span,
  body[data-page="download-detail"] .site-header .nav-toggle span {
    width: 24px !important;
    height: 2px !important;
    margin: 3px 0 !important;
    border-radius: 999px !important;
    background: #0b2348 !important;
    transition: transform 220ms ease, opacity 180ms ease !important;
  }

  body.nav-open[data-page="download"] .site-header .nav-toggle span:nth-child(1),
  body.nav-open[data-page="download-detail"] .site-header .nav-toggle span:nth-child(1) {
    transform: translateY(8px) rotate(45deg) !important;
  }

  body.nav-open[data-page="download"] .site-header .nav-toggle span:nth-child(2),
  body.nav-open[data-page="download-detail"] .site-header .nav-toggle span:nth-child(2) {
    opacity: 0 !important;
  }

  body.nav-open[data-page="download"] .site-header .nav-toggle span:nth-child(3),
  body.nav-open[data-page="download-detail"] .site-header .nav-toggle span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg) !important;
  }

  body[data-page="download"] .site-header .main-nav,
  body[data-page="download-detail"] .site-header .main-nav {
    display: flex !important;
    position: fixed !important;
    top: 72px !important;
    right: 0 !important;
    bottom: 64px !important;
    left: auto !important;
    width: min(82vw, 330px) !important;
    height: auto !important;
    max-height: calc(100dvh - 136px) !important;
    padding: 104px 20px 28px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    border-left: 1px solid rgba(14, 39, 88, 0.08) !important;
    background: #fff !important;
    box-shadow: -18px 0 40px rgba(0, 20, 52, 0.18) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(100%) !important;
    transition: transform 220ms ease, opacity 180ms ease, visibility 180ms ease !important;
    z-index: 10002 !important;
  }

  body.nav-open[data-page="download"] .site-header .main-nav,
  body.nav-open[data-page="download-detail"] .site-header .main-nav {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  body[data-page="download"] .site-header .main-nav a,
  body[data-page="download-detail"] .site-header .main-nav a {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 0 8px !important;
    border-bottom: 1px solid rgba(14, 39, 88, 0.08) !important;
    color: #0b2348 !important;
    font-size: 16px !important;
  }

  body[data-page="download"] .site-header .main-nav a.is-active,
  body[data-page="download-detail"] .site-header .main-nav a.is-active {
    color: #0a6cff !important;
    font-weight: 700 !important;
  }

  body[data-page="download"] .site-header .main-nav a::after,
  body[data-page="download-detail"] .site-header .main-nav a::after {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 768px) {
  /* Download hero EOF lock: keep the download center and detail hero titles at the shared 22px rhythm. */
  body[data-page="download"] .download-mobile-center .mobile-unified-hero,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero--download,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero--download-detail {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content h1,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content h1 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content p,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
}

@media (max-width: 768px) {
  /* FAQ page true EOF override: keep the bottom CTA aligned with the FAQ cards and remove any leftover shell gap. */
  body[data-page="faq"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .faq-hub-cta,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    transform: translateX(-16px) !important;
    box-sizing: border-box !important;
    padding: 20px 16px !important;
    min-height: 124px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta::before,
  body[data-page="faq"] .faq-hub-cta::after,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta::before,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__art,
  body[data-page="faq"] .faq-hub-cta__art * {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn,
  body[data-page="faq"] .faq-hub-cta__actions a {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    border: 0 !important;
    color: #fff !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-outline {
    background: #fff !important;
    border: 0 !important;
    color: #0a6cff !important;
  }

  body[data-page="faq"] .faq-hub-more {
    margin-bottom: 24px !important;
  }

  body[data-page="faq"] .site-footer,
  body[data-page="faq"] .footer,
  body[data-page="faq"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border-top: 0 !important;
  }

  body[data-page="faq"] .site-footer .footer-main,
  body[data-page="faq"] .footer-main,
  body[data-page="faq"] .mobile-footer .footer-main {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .site-footer .footer-main__grid,
  body[data-page="faq"] .footer-main__grid,
  body[data-page="faq"] .mobile-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom,
  body[data-page="faq"] .footer-bottom,
  body[data-page="faq"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom__inner,
  body[data-page="faq"] .footer-bottom__inner,
  body[data-page="faq"] .mobile-footer .footer-bottom__inner {
    padding: 0 16px !important;
  }
}

@media (max-width: 768px) {
  /* FAQ page final EOF override: keep the bottom CTA aligned with the FAQ cards and remove any leftover shell gap. */
  body[data-page="faq"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .faq-hub-cta,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    transform: translateX(-16px) !important;
    box-sizing: border-box !important;
    padding: 20px 16px !important;
    min-height: 124px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta::before,
  body[data-page="faq"] .faq-hub-cta::after,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta::before,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__art,
  body[data-page="faq"] .faq-hub-cta__art * {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn,
  body[data-page="faq"] .faq-hub-cta__actions a {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    border: 0 !important;
    color: #fff !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-outline {
    background: #fff !important;
    border: 0 !important;
    color: #0a6cff !important;
  }

  body[data-page="faq"] .faq-hub-more {
    margin-bottom: 24px !important;
  }

  body[data-page="faq"] .site-footer,
  body[data-page="faq"] .footer,
  body[data-page="faq"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border-top: 0 !important;
  }

  body[data-page="faq"] .site-footer .footer-main,
  body[data-page="faq"] .footer-main,
  body[data-page="faq"] .mobile-footer .footer-main {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .site-footer .footer-main__grid,
  body[data-page="faq"] .footer-main__grid,
  body[data-page="faq"] .mobile-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom,
  body[data-page="faq"] .footer-bottom,
  body[data-page="faq"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom__inner,
  body[data-page="faq"] .footer-bottom__inner,
  body[data-page="faq"] .mobile-footer .footer-bottom__inner {
    padding: 0 16px !important;
  }
}

@media (max-width: 768px) {
  /* FAQ page true EOF override: keep the bottom CTA aligned and clear the shell gap. */
  body[data-page="faq"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .faq-hub-cta {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-hub-cta__art,
  body[data-page="faq"] .faq-hub-cta__art * {
    display: none !important;
  }

  body[data-page="faq"] .site-footer,
  body[data-page="faq"] .footer,
  body[data-page="faq"] .mobile-footer,
  body[data-page="faq"] .site-footer .footer-bottom,
  body[data-page="faq"] .footer-bottom,
  body[data-page="faq"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  /* FAQ page final EOF override: win the cascade after all shared mobile CTA rules. */
  body[data-page="faq"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .faq-hub-cta {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-hub-cta__art,
  body[data-page="faq"] .faq-hub-cta__art * {
    display: none !important;
  }

  body[data-page="faq"] .site-footer,
  body[data-page="faq"] .footer,
  body[data-page="faq"] .mobile-footer {
    margin-top: 0 !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom,
  body[data-page="faq"] .footer-bottom,
  body[data-page="faq"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Download page EOF override: align the whole mobile shell to 16px, keep the CTA/footer gap at 24px, and keep the footer minimal. */
  body[data-page="download"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 72px) !important;
    background: #f5f7fa !important;
    overflow-x: hidden !important;
  }

  body[data-page="download"] main.service-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="download"] .download-mobile-center {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 24px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-mobile-center > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-center-cta {
    margin: 24px 0 24px !important;
    width: 100% !important;
    max-width: none !important;
  }

  body[data-page="download"] .download-center-cta__media,
  body[data-page="download"] .download-center-cta__media img {
    display: none !important;
  }

  body[data-page="download"] .site-footer,
  body[data-page="download"] .footer,
  body[data-page="download"] .mobile-footer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 16px !important;
    padding-right: 0 !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;
    min-height: auto !important;
    height: auto !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .site-footer .footer-main,
  body[data-page="download"] .site-footer .footer-main__grid,
  body[data-page="download"] .site-footer .footer-company,
  body[data-page="download"] .site-footer .footer-company > p,
  body[data-page="download"] .site-footer .footer-contact,
  body[data-page="download"] .site-footer .footer-links,
  body[data-page="download"] .site-footer .footer-qrcode,
  body[data-page="download"] .site-footer .social-links,
  body[data-page="download"] .site-footer .footer-cta,
  body[data-page="download"] .site-footer .footer-brand,
  body[data-page="download"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom,
  body[data-page="download"] .footer-bottom,
  body[data-page="download"] .mobile-footer .footer-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner,
  body[data-page="download"] .footer-bottom__inner,
  body[data-page="download"] .mobile-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    min-height: auto !important;
    height: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-footer .footer-bottom .container.footer-bottom__inner {
    padding: 16px 0 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    display: inline-block !important;
    margin: 0 4px !important;
    color: #cbd5e1 !important;
  }

  body[data-page="download"] .mobile-bottom-nav,
  body[data-page="download"] .mobile-bottom-nav--cases,
  body[data-page="download"] .mobile-bottom-nav--support,
  body[data-page="download"] .mobile-bottom-nav--contact,
  body[data-page="download"] .mobile-bottom-nav--news {
    display: none !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main {
    display: grid !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    border-radius: 14px 14px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -8px 26px rgba(5, 30, 76, 0.12) !important;
    z-index: 999 !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a {
    display: grid !important;
    justify-items: center !important;
    gap: 4px !important;
    min-height: 46px !important;
    color: rgba(14, 39, 88, 0.68) !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] {
    color: #1a57bb !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] small {
    color: inherit !important;
  }

  body[data-page="download"] .floating-contact {
    display: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="download"] .download-center-filter {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body[data-page="download"] .download-center-filter *,
  body[data-page="download"] .download-filter-bar,
  body[data-page="download"] .download-tabs {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body[data-page="download"] .download-card-title {
    margin: 0 16px 16px !important;
  }

  body[data-page="download"] .download-card-title .mobile-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="download"] .download-card-title .mobile-section-title::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page="download"] .download-card-title .mobile-section-title::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="download"] .download-center-cta {
    display: block !important;
    width: auto !important;
    margin: 0 16px 24px !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-center-cta__copy,
  body[data-page="download"] .download-center-cta__media,
  body[data-page="download"] .download-center-cta__media img {
    display: none !important;
  }

  body[data-page="download"] .download-center-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body[data-page="download"] .download-center-cta__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }
}

@media (max-width: 768px) {
  /* FAQ page EOF override: align the bottom CTA with the FAQ cards and remove the leftover main shell gap. */
  body[data-page="faq"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .faq-hub-cta {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-hub-cta__art,
  body[data-page="faq"] .faq-hub-cta__art * {
    display: none !important;
  }

  body[data-page="faq"] .site-footer,
  body[data-page="faq"] .footer,
  body[data-page="faq"] .mobile-footer {
    margin-top: 0 !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom,
  body[data-page="faq"] .footer-bottom,
  body[data-page="faq"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Download page final mobile rebuild: unified hero, compact list, slim CTA, and minimal footer. */
  body[data-page="download"] {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  body[data-page="download"] main.service-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="download"] .site-header,
  body[data-page="download"] .service-banner,
  body[data-page="download"] .service-banner__inner,
  body[data-page="download"] .banner-search,
  body[data-page="download"] .service-breadcrumb,
  body[data-page="download"] .service-main-section,
  body[data-page="download"] .service-support-strip {
    display: none !important;
  }

  body[data-page="download"] .download-mobile-center {
    display: block !important;
    width: calc(100vw - 32px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  body[data-page="download"] .download-mobile-center .container {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero--download {
    position: relative !important;
    display: grid !important;
    align-items: end !important;
    width: 100% !important;
    min-height: 180px !important;
    height: 180px !important;
    max-height: 180px !important;
    margin: 12px 0 24px !important;
    padding: 20px 20px 18px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(90deg, rgba(8, 32, 82, 0.82) 0%, rgba(8, 32, 82, 0.55) 100%) !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__image,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__overlay,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content {
    position: absolute !important;
    inset: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__image {
    z-index: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__overlay {
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(8, 32, 82, 0.82) 0%, rgba(8, 32, 82, 0.55) 100%) !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    display: grid !important;
    gap: 8px !important;
    align-content: end !important;
    min-width: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content h1 {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content p {
    margin: 0 !important;
    max-width: 260px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
  }

  body[data-page="download"] .download-center-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 0 !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(14, 39, 88, 0.10) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 43, 102, 0.06) !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-center-search__icon {
    display: none !important;
  }

  body[data-page="download"] .download-center-search input {
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 0 !important;
    background: transparent !important;
    color: #0e274f !important;
    font-size: 13px !important;
    outline: none !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .download-center-search .btn {
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 0 14px 14px 0 !important;
    background: linear-gradient(180deg, #0b4fc4 0%, #083ea7 100%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .download-center-section {
    margin-top: 12px !important;
  }

  body[data-page="download"] .download-center-cats {
    margin-top: 12px !important;
  }

  body[data-page="download"] .download-center-cats .download-cat-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-page="download"] .download-cat-card {
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    min-height: 76px !important;
    padding: 10px 6px !important;
    border: 1px solid rgba(0, 68, 184, 0.10) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.06) !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-cat-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: #edf4ff !important;
    color: var(--color-blue-700) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-page="download"] .download-cat-icon svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  body[data-page="download"] .download-cat-card strong {
    color: var(--color-text) !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
  }

  body[data-page="download"] .download-cat-card small {
    color: rgba(16, 24, 40, 0.58) !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  body[data-page="download"] .download-cat-card.is-active {
    border-color: transparent !important;
    background: linear-gradient(180deg, #0b4fc4 0%, #0b3f9d 100%) !important;
    box-shadow: 0 12px 26px rgba(0, 68, 184, 0.18) !important;
  }

  body[data-page="download"] .download-cat-card.is-active .download-cat-icon {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
  }

  body[data-page="download"] .download-cat-card.is-active strong,
  body[data-page="download"] .download-cat-card.is-active small {
    color: rgba(255, 255, 255, 0.96) !important;
  }

  body[data-page="download"] .download-filter-bar {
    display: block !important;
    gap: 0 !important;
    align-items: stretch !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="download"] .download-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  body[data-page="download"] .download-tabs button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(14, 39, 88, 0.10) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #0e274f !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-tabs button {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 16px !important;
  }

  body[data-page="download"] .download-tabs button.is-active {
    border-color: rgba(0, 70, 184, 0.18) !important;
    background: linear-gradient(135deg, rgba(0, 70, 184, 0.94), rgba(0, 43, 102, 0.94)) !important;
    color: #fff !important;
  }

  body[data-page="download"] .download-tabs button.is-active::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="download"] .download-filter-btn {
    display: none !important;
  }

  body[data-page="download"] .download-filter-btn::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="download"] .download-file-list {
    display: grid !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  body[data-page="download"] .download-file-item {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) 76px !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 104px !important;
    padding: 12px !important;
    border: 1px solid rgba(0, 68, 184, 0.10) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.06) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-file-icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
    font-size: 11px !important;
  }

  body[data-page="download"] .download-file-main {
    min-width: 0 !important;
  }

  body[data-page="download"] .download-file-main h3 {
    margin: 0 0 4px !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
  }

  body[data-page="download"] .download-file-main h3 a {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: var(--color-text) !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="download"] .download-file-main p {
    display: -webkit-box !important;
    overflow: hidden !important;
    margin: 0 0 6px !important;
    color: rgba(16, 24, 40, 0.62) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }

  body[data-page="download"] .download-file-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
    color: rgba(16, 24, 40, 0.58) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body[data-page="download"] .download-file-actions {
    display: grid !important;
    justify-items: end !important;
    gap: 0 !important;
    text-align: right !important;
  }

  body[data-page="download"] .download-file-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    min-width: 72px !important;
    padding: 0 12px !important;
    border: 1px solid var(--color-blue-700) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--color-blue-700) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-file-actions .btn::before {
    content: "" !important;
    width: 12px !important;
    height: 12px !important;
    background: currentColor !important;
    flex: 0 0 12px !important;
  }

  body[data-page="download"] .download-file-actions small {
    display: none !important;
  }

  body[data-page="download"] .download-center-pagination {
    display: block !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 0 !important;
    margin-top: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    scrollbar-width: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .download-center-pagination::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="download"] .download-center-pagination a:not(.download-center-pagination__more),
  body[data-page="download"] .download-center-pagination span {
    display: none !important;
  }

  body[data-page="download"] .download-center-pagination__more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(0, 70, 184, 0.18) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--color-blue-700) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-center-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    align-items: start !important;
    margin: 24px 0 24px !important;
    padding: 18px 16px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #0b3d91 0%, #0b5bd3 100%) !important;
    color: #fff !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body[data-page="download"] .download-center-cta__copy {
    min-width: 0 !important;
  }

  body[data-page="download"] .download-center-cta__copy h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
  }

  body[data-page="download"] .download-center-cta__copy p {
    margin: 0 0 12px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="download"] .download-center-cta__actions {
    display: flex !important;
    width: 100% !important;
    gap: 12px !important;
  }

  body[data-page="download"] .download-center-cta__actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .download-center-cta__actions .btn.btn-accent {
    border-color: #ff7a1a !important;
    background: #ff7a1a !important;
    color: #fff !important;
  }

  body[data-page="download"] .download-center-cta__actions .btn.btn-outline {
    border-color: rgba(255, 255, 255, 0.54) !important;
    background: transparent !important;
    color: #fff !important;
  }

  body[data-page="download"] .download-center-cta__media,
  body[data-page="download"] .download-center-cta__media img {
    display: none !important;
  }

  body[data-page="download"] .site-footer {
    margin-top: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .site-footer .footer-main,
  body[data-page="download"] .site-footer .footer-main__grid,
  body[data-page="download"] .site-footer .footer-company,
  body[data-page="download"] .site-footer .footer-company > p,
  body[data-page="download"] .site-footer .footer-contact,
  body[data-page="download"] .site-footer .footer-links,
  body[data-page="download"] .site-footer .footer-qrcode,
  body[data-page="download"] .site-footer .social-links,
  body[data-page="download"] .site-footer .footer-cta,
  body[data-page="download"] .site-footer .footer-brand,
  body[data-page="download"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom {
    display: block !important;
    background: transparent !important;
    border-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    min-height: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-footer .footer-bottom .container.footer-bottom__inner {
    padding: 16px 0 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }

  body[data-page="download"] .mobile-bottom-nav,
  body[data-page="download"] .mobile-bottom-nav--cases,
  body[data-page="download"] .mobile-bottom-nav--support,
  body[data-page="download"] .mobile-bottom-nav--contact,
  body[data-page="download"] .mobile-bottom-nav--news {
    display: none !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main {
    display: grid !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    border-radius: 14px 14px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -8px 26px rgba(5, 30, 76, 0.12) !important;
    z-index: 999 !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a {
    display: grid !important;
    justify-items: center !important;
    gap: 4px !important;
    min-height: 46px !important;
    color: rgba(14, 39, 88, 0.68) !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] {
    color: #1a57bb !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] small {
    color: inherit !important;
  }

  body[data-page="download"] .floating-contact {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* Home and cases CTA final cleanup: remove the right-side media and let the text area span the full card width. */
  body[data-page="home"] .home-service-cta__body,
  body[data-page="home"] .home-cta__body,
  body[data-page="home"] .home-service-cta__content,
  body[data-page="home"] .home-cta__content,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta .cases-mobile-cta__copy,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card > .cases-mobile-cta__copy {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body[data-page="home"] .home-service-cta__media,
  body[data-page="home"] .home-cta__media,
  body[data-page="home"] .home-service-cta__image,
  body[data-page="home"] .home-cta__image,
  body[data-page="home"] .home-service-cta picture,
  body[data-page="home"] .home-cta picture,
  body[data-page="home"] .home-service-cta figure,
  body[data-page="home"] .home-cta figure,
  body[data-page="home"] .home-service-cta img,
  body[data-page="home"] .home-cta img,
  body[data-page="home"] .home-service-cta .cta-image,
  body[data-page="home"] .home-cta .cta-image,
  body[data-page="home"] .home-service-cta .cta-thumb,
  body[data-page="home"] .home-cta .cta-thumb,
  body[data-page="home"] .home-service-cta .cta-visual,
  body[data-page="home"] .home-cta .cta-visual,
  body[data-page="home"] .home-service-cta .cta-banner-image,
  body[data-page="home"] .home-cta .cta-banner-image,
  body[data-page="home"] .home-service-cta__card::before,
  body[data-page="home"] .home-service-cta__card::after,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card > .cases-mobile-cta__media,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card picture,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card figure,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card img,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card .cta-image,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card .cta-thumb,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card .cta-visual,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card .cta-banner-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta .cases-mobile-cta__actions,
  body[data-page="cases"] main.case-page section.cases-mobile-cta.mobile-unified-cta > .cases-mobile-cta__card > .cases-mobile-cta__actions {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 768px) {
  /* Final footer-gap normalization for the four requested mobile pages. */
  body[data-page="home"] .home-service-cta,
  body[data-page="home"] .home-cta,
  body[data-page="solutions"] main.solution-page > section.solutions-mobile-cta,
  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta,
  body[data-page="contact"] .contact-mobile__tech-cta,
  body[data-page="contact"] .contact-mobile__tech-cta.mobile-unified-cta {
    margin-bottom: 24px !important;
  }

  body[data-page="home"] .footer,
  body[data-page="home"] .site-footer,
  body[data-page="home"] .mobile-footer,
  body[data-page="solutions"] .footer,
  body[data-page="solutions"] .site-footer,
  body[data-page="solutions"] .mobile-footer,
  body[data-page="product-detail"] .footer,
  body[data-page="product-detail"] .site-footer,
  body[data-page="product-detail"] .mobile-footer,
  body[data-page="contact"] .footer,
  body[data-page="contact"] .site-footer,
  body[data-page="contact"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-right: 0 !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;
    min-height: auto !important;
    height: auto !important;
  }

  body[data-page="home"] .site-footer .footer-bottom,
  body[data-page="home"] .footer-bottom,
  body[data-page="home"] .mobile-footer .footer-bottom,
  body[data-page="solutions"] .site-footer .footer-bottom,
  body[data-page="solutions"] .footer-bottom,
  body[data-page="solutions"] .mobile-footer .footer-bottom,
  body[data-page="product-detail"] .site-footer .footer-bottom,
  body[data-page="product-detail"] .footer-bottom,
  body[data-page="product-detail"] .mobile-footer .footer-bottom,
  body[data-page="contact"] .site-footer .footer-bottom,
  body[data-page="contact"] .footer-bottom,
  body[data-page="contact"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
  }

  body[data-page="home"] .site-footer .footer-bottom__inner,
  body[data-page="home"] .footer-bottom__inner,
  body[data-page="home"] .mobile-footer .footer-bottom__inner,
  body[data-page="solutions"] .site-footer .footer-bottom__inner,
  body[data-page="solutions"] .footer-bottom__inner,
  body[data-page="solutions"] .mobile-footer .footer-bottom__inner,
  body[data-page="product-detail"] .site-footer .footer-bottom__inner,
  body[data-page="product-detail"] .footer-bottom__inner,
  body[data-page="product-detail"] .mobile-footer .footer-bottom__inner,
  body[data-page="contact"] .site-footer .footer-bottom__inner,
  body[data-page="contact"] .footer-bottom__inner,
  body[data-page="contact"] .mobile-footer .footer-bottom__inner {
    padding: 0 16px !important;
  }

  body[data-page="home"] main.home-main,
  body[data-page="solutions"] main.solution-page,
  body[data-page="product-detail"] main.product-detail-page {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Final footer-gap normalization for cases/news only. */
  body[data-page="cases"] main.case-page,
  body[data-page="news"] main.news-page {
    padding-bottom: 0 !important;
  }

  body[data-page="cases"] .cases-mobile {
    padding-bottom: 0 !important;
  }

  body[data-page="cases"] .cases-mobile-cta,
  body[data-page="news"] .news-mobile-cta {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
  }

  body[data-page="cases"] .footer,
  body[data-page="cases"] .site-footer,
  body[data-page="cases"] .mobile-footer,
  body[data-page="news"] .footer,
  body[data-page="news"] .site-footer,
  body[data-page="news"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-right: 0 !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;
    min-height: auto !important;
    height: auto !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom,
  body[data-page="cases"] .footer-bottom,
  body[data-page="cases"] .mobile-footer .footer-bottom,
  body[data-page="news"] .site-footer .footer-bottom,
  body[data-page="news"] .footer-bottom,
  body[data-page="news"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner,
  body[data-page="cases"] .footer-bottom__inner,
  body[data-page="cases"] .mobile-footer .footer-bottom__inner,
  body[data-page="news"] .site-footer .footer-bottom__inner,
  body[data-page="news"] .footer-bottom__inner,
  body[data-page="news"] .mobile-footer .footer-bottom__inner {
    padding: 0 16px !important;
  }
}

@media (max-width: 768px) {
  /* Contact page final cleanup: align the tech CTA with the form and remove the residual light shadow area. */
  body[data-page="contact"] .contact-mobile__tech-cta,
  body[data-page="contact"] .contact-mobile__tech-cta.mobile-unified-cta {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    border: none !important;
    overflow: visible !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta::before,
  body[data-page="contact"] .contact-mobile__tech-cta::after,
  body[data-page="contact"] .contact-mobile__tech-cta.mobile-unified-cta::before,
  body[data-page="contact"] .contact-mobile__tech-cta.mobile-unified-cta::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta > .contact-mobile__tech-cta-card,
  body[data-page="contact"] .contact-mobile__tech-cta.mobile-unified-cta > .contact-mobile__tech-cta-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    background: #0b2348 !important;
    box-shadow: none !important;
    filter: none !important;
    border: none !important;
    overflow: hidden !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta > .contact-mobile__tech-cta-card::before,
  body[data-page="contact"] .contact-mobile__tech-cta > .contact-mobile__tech-cta-card::after,
  body[data-page="contact"] .contact-mobile__tech-cta.mobile-unified-cta > .contact-mobile__tech-cta-card::before,
  body[data-page="contact"] .contact-mobile__tech-cta.mobile-unified-cta > .contact-mobile__tech-cta-card::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta .contact-mobile__tech-cta-copy,
  body[data-page="contact"] .contact-mobile__tech-cta-copy {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta-actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 12px !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta-actions .btn,
  body[data-page="contact"] .contact-mobile__tech-cta-actions a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="contact"] .contact-mobile__tech-cta-media,
  body[data-page="contact"] .contact-mobile__tech-cta-media *,
  body[data-page="contact"] .contact-mobile__tech-cta img,
  body[data-page="contact"] .contact-mobile__tech-cta .cta-image,
  body[data-page="contact"] .contact-mobile__tech-cta .illustration,
  body[data-page="contact"] .contact-mobile__tech-cta .contact-mobile__tech-cta-illustration {
    display: none !important;
  }

  body[data-page="contact"] .contact-mobile__section-head:not(.contact-mobile__section-head--split),
  body[data-page="contact"] .contact-mobile__section-head--center {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
    text-align: left !important;
  }

  body[data-page="contact"] .contact-mobile__section-head:not(.contact-mobile__section-head--split) h2,
  body[data-page="contact"] .contact-mobile__section-head--center h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding-left: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  body[data-page="contact"] .contact-mobile__section-head:not(.contact-mobile__section-head--split) h2::before,
  body[data-page="contact"] .contact-mobile__section-head--center h2::before {
    position: static !important;
    display: block !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    transform: none !important;
    flex: 0 0 4px !important;
  }

  body[data-page="contact"] .contact-mobile__section-head--center h2::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="contact"] .contact-mobile__branches .contact-mobile__more-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    margin-top: 12px !important;
    padding: 0 16px !important;
    border: 1px solid #c7d8ff !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #0a6cff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  body[data-page="contact"] .contact-mobile__branches .contact-mobile__more-link::before,
  body[data-page="contact"] .contact-mobile__branches .contact-mobile__more-link::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="contact"] .site-footer {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  /* FAQ page true EOF override: keep the bottom CTA aligned with the FAQ cards and remove any leftover shell gap. */
  body[data-page="faq"] main.service-page {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .faq-hub-cta,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    transform: translateX(-16px) !important;
    box-sizing: border-box !important;
    padding: 20px 16px !important;
    min-height: 124px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(90deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta::before,
  body[data-page="faq"] .faq-hub-cta::after,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta::before,
  body[data-page="faq"] .faq-hub-cta.mobile-unified-cta::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__art,
  body[data-page="faq"] .faq-hub-cta__art * {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq"] .faq-hub-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn,
  body[data-page="faq"] .faq-hub-cta__actions a {
    flex: 1 !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-accent {
    background: #ff7a14 !important;
    border: 0 !important;
    color: #fff !important;
  }

  body[data-page="faq"] .faq-hub-cta__actions .btn.btn-outline {
    background: #fff !important;
    border: 0 !important;
    color: #0a6cff !important;
  }

  body[data-page="faq"] .site-footer,
  body[data-page="faq"] .footer,
  body[data-page="faq"] .mobile-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
    height: auto !important;
  }

  body[data-page="faq"] .site-footer .footer-main,
  body[data-page="faq"] .footer-main,
  body[data-page="faq"] .mobile-footer .footer-main {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .site-footer .footer-main__grid,
  body[data-page="faq"] .footer-main__grid,
  body[data-page="faq"] .mobile-footer .footer-main__grid {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom,
  body[data-page="faq"] .footer-bottom,
  body[data-page="faq"] .mobile-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq"] .site-footer .footer-bottom__inner,
  body[data-page="faq"] .footer-bottom__inner,
  body[data-page="faq"] .mobile-footer .footer-bottom__inner {
    padding: 0 16px !important;
  }
}

@media (max-width: 768px) {
  /* Download pages true EOF override: shared fixed header, minimal footer, and support-active bottom nav. */
  body[data-page="download"],
  body[data-page="download-detail"] {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    overflow-x: hidden !important;
    background: #f7faff !important;
  }

  body[data-page="download"] .site-header,
  body[data-page="download-detail"] .site-header {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 72px !important;
    margin: 0 !important;
    z-index: 120 !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(5, 30, 76, 0.08) !important;
  }

  body[data-page="download"] .site-header .topbar,
  body[data-page="download-detail"] .site-header .topbar,
  body[data-page="download"] .site-header .topbar__links,
  body[data-page="download-detail"] .site-header .topbar__links,
  body[data-page="download"] .site-header .header-actions,
  body[data-page="download-detail"] .site-header .header-actions {
    display: none !important;
  }

  body[data-page="download"] .site-header .container,
  body[data-page="download-detail"] .site-header .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-header .navbar,
  body[data-page="download-detail"] .site-header .navbar,
  body[data-page="download"] .site-header .navbar__inner,
  body[data-page="download-detail"] .site-header .navbar__inner {
    min-height: 72px !important;
  }

  body[data-page="download"] .site-header .navbar__inner,
  body[data-page="download-detail"] .site-header .navbar__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-block: 8px !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-header .brand,
  body[data-page="download-detail"] .site-header .brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin-right: auto !important;
  }

  body[data-page="download"] .site-header .brand__mark,
  body[data-page="download-detail"] .site-header .brand__mark {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  body[data-page="download"] .site-header .brand__text strong,
  body[data-page="download-detail"] .site-header .brand__text strong {
    font-size: 16px !important;
  }

  body[data-page="download"] .site-header .brand__text small,
  body[data-page="download-detail"] .site-header .brand__text small {
    margin-top: 1px !important;
    font-size: 10px !important;
  }

  body[data-page="download"] .site-header .nav-toggle,
  body[data-page="download-detail"] .site-header .nav-toggle {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    border: 0 !important;
    background: transparent !important;
  }

  body[data-page="download"] .site-header .main-nav,
  body[data-page="download-detail"] .site-header .main-nav {
    display: none !important;
  }

  body[data-page="download"] .download-center-cta,
  body[data-page="download-detail"] .download-cta {
    margin-bottom: 24px !important;
  }

  body[data-page="download"] .site-footer,
  body[data-page="download-detail"] .site-footer {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="download"] .site-footer {
    margin-left: -16px !important;
  }

  body[data-page="download"] .site-footer .footer-main,
  body[data-page="download-detail"] .site-footer .footer-main,
  body[data-page="download"] .site-footer .footer-main__grid,
  body[data-page="download-detail"] .site-footer .footer-main__grid,
  body[data-page="download"] .site-footer .footer-company,
  body[data-page="download-detail"] .site-footer .footer-company,
  body[data-page="download"] .site-footer .footer-contact,
  body[data-page="download-detail"] .site-footer .footer-contact,
  body[data-page="download"] .site-footer .footer-links,
  body[data-page="download-detail"] .site-footer .footer-links,
  body[data-page="download"] .site-footer .footer-qrcode,
  body[data-page="download-detail"] .site-footer .footer-qrcode,
  body[data-page="download"] .site-footer .social-links,
  body[data-page="download-detail"] .site-footer .social-links,
  body[data-page="download"] .site-footer .footer-cta,
  body[data-page="download-detail"] .site-footer .footer-cta,
  body[data-page="download"] .site-footer .footer-brand,
  body[data-page="download-detail"] .site-footer .footer-brand,
  body[data-page="download"] .site-footer .footer-columns,
  body[data-page="download-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom,
  body[data-page="download-detail"] .site-footer .footer-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .site-footer .container,
  body[data-page="download-detail"] .site-footer .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > p,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav a,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  body[data-page="download"] .site-footer .footer-bottom__inner > nav a + a::before,
  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main,
  body[data-page="download-detail"] .mobile-bottom-nav--main {
    display: grid !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 8px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(12, 44, 108, 0.1) !important;
    border-radius: 14px 14px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -8px 26px rgba(5, 30, 76, 0.12) !important;
    z-index: 999 !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"],
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] {
    color: #1a57bb !important;
  }

  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="download"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="download"] .mobile-bottom-nav--main a[data-nav="support"] small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[href="support.html"] small,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] svg,
  body[data-page="download-detail"] .mobile-bottom-nav--main a[data-nav="support"] small {
    color: inherit !important;
  }
}

@media (max-width: 768px) {
  body[data-page] :is(
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  ) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  )::before {
    content: "";
    display: inline-block;
    flex: 0 0 4px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #0a6cff;
  }

  body[data-page] :is(
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  )::after {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .home-section-title > a,
    .home-news-heading > a,
    .about-v3-block__head > a,
    .service-section-head > a,
    .section-more,
    .service-card-link,
    .pdm-card-more,
    .solution-more,
    .faq-hub-more,
    .contact-mobile__more-link,
    .video-section-more,
    .news-detail-mobile__related header > a
  ) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page] :is(
    .home-section-title > a::before,
    .home-news-heading > a::before,
    .about-v3-block__head > a::before,
    .service-section-head > a::before,
    .section-more::before,
    .service-card-link::before,
    .pdm-card-more::before,
    .solution-more::before,
    .faq-hub-more::before,
    .contact-mobile__more-link::before,
    .video-section-more::before,
    .news-detail-mobile__related header > a::before
  ) {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .home-section-title > a::after,
    .home-news-heading > a::after,
    .about-v3-block__head > a::after,
    .service-section-head > a::after,
    .section-more::after,
    .service-card-link::after,
    .pdm-card-more::after,
    .solution-more::after,
    .faq-hub-more::after,
    .contact-mobile__more-link::after,
    .video-section-more::after,
    .news-detail-mobile__related header > a::after
  ) {
    content: ">" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    font: inherit !important;
    line-height: 1 !important;
  }

  body[data-page] :is(
    .product-mobile-categories__grid a,
    .product-mobile-filterbar__row > a,
    .news-mobile-categories__grid a,
    .download-cat-card,
    .download-tabs button,
    .faq-cat-pill,
    .service-category-card a,
    .service-nav-card a,
    .service-tabs a,
    .service-tabs button,
    .video-cat-card,
    .cases-mobile__industries a,
    .solutions-mobile-industry__grid a,
    .solutions-y-industry__grid a,
    .case-filter-bar a,
    .case-filter-bar button,
    .home-support-tabs button
  ) {
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    color: #0b2348 !important;
  }

  body[data-page]:not([data-page="download-detail"]) :is(
    .product-mobile-categories__grid a.is-active,
    .product-mobile-categories__grid a[aria-current="page"],
    .product-mobile-filterbar__row > a.is-active,
    .news-mobile-categories__grid a.is-active,
    .news-mobile-categories__grid a[aria-selected="true"],
    .download-cat-card.is-active,
    .download-tabs button.is-active,
    .download-tabs button[aria-selected="true"],
    .faq-cat-pill.is-active,
    .service-category-card a.is-active,
    .service-nav-card a.is-active,
    .service-tabs a.is-active,
    .service-tabs a[aria-current="page"],
    .service-tabs button.is-active,
    .service-tabs button[aria-selected="true"],
    .video-cat-card.is-active,
    .cases-mobile__industries a.is-active,
    .solutions-mobile-industry__grid a.is-active,
    .solutions-y-industry__grid a.is-active,
    .case-filter-bar a.is-active,
    .case-filter-bar button.is-active,
    .home-support-tabs button.is-active,
    .home-support-tabs button[aria-selected="true"],
    .mobile-bottom-nav--main a.is-active,
    .mobile-bottom-nav--main a[aria-current="page"]
  ) {
    background: linear-gradient(135deg, #0a6cff, #0048a8) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(10, 108, 255, 0.18) !important;
  }
}

@media (max-width: 768px) {
  body[data-page] :is(
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-left: 0 !important;
    position: relative !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    position: relative !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  body[data-page] :is(
    main section > h2,
    main section > header > h2,
    main article > h2,
    main aside > section > h2,
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title > h2,
    .home-news-heading > h2,
    .about-section-head > h2,
    .about-v3-block__head > h2,
    .product-mobile-categories__title,
    .product-section-head > h2,
    .solutions-mobile-section-head > h2,
    .solutions-s-mobile__section-head > h2,
    .solutions-y-section-heading > h2,
    .cases-mobile__section-head > h2,
    .case-detail-mobile__section-head > h2,
    .case-detail-mobile__related-head > h2,
    .service-section-head > h2,
    .service-list-head > h2,
    .video-section-head > h2,
    .news-section-head > h2,
    .news-mobile-categories__title,
    .news-detail-mobile__related h2,
    .contact-mobile__section-head > h2,
    .pdm-card-head > h2,
    .download-section-head > h2,
    .support-mobile-services__head > h2,
    .faq-hub-card > h2
  )::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page] :is(
    .mobile-section-title,
    .section-title,
    .module-title,
    .home-section-title,
    .home-news-heading,
    .about-section-head,
    .about-v3-block__head,
    .product-mobile-categories__head,
    .product-section-head,
    .solutions-mobile-section-head,
    .solutions-s-mobile__section-head,
    .solutions-y-section-heading,
    .cases-mobile__section-head,
    .case-detail-mobile__section-head,
    .case-detail-mobile__related-head,
    .service-section-head,
    .service-list-head,
    .video-section-head,
    .news-section-head,
    .news-mobile-categories__head,
    .news-detail-mobile__related header,
    .contact-mobile__section-head,
    .pdm-card-head,
    .download-section-head,
    .support-mobile-services__head,
    .faq-hub-card > header,
    .section-head
  )::after {
    display: none !important;
    content: none !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav,
    .bottom-nav,
    .mobile-tabbar,
    .mobile-bottom-nav--main
  ) {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100vw !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 8px calc(8px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a,
    .bottom-nav a,
    .mobile-tabbar a,
    .mobile-bottom-nav--main a
  ) {
    flex: 1 1 0 !important;
    height: 64px !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a svg,
    .bottom-nav a svg,
    .mobile-tabbar a svg,
    .mobile-bottom-nav--main a svg
  ) {
    width: 22px !important;
    height: 22px !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav a small,
    .bottom-nav a small,
    .mobile-tabbar a small,
    .mobile-bottom-nav--main a small
  ) {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active,
    .bottom-nav .active,
    .mobile-tabbar .active,
    .mobile-bottom-nav--main a.is-active,
    .mobile-bottom-nav--main a[aria-current="page"]
  ) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    border-radius: 0 !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active .icon,
    .mobile-bottom-nav .active svg,
    .bottom-nav .active .icon,
    .bottom-nav .active svg,
    .mobile-tabbar .active .icon,
    .mobile-tabbar .active svg,
    .mobile-bottom-nav--main a.is-active .icon,
    .mobile-bottom-nav--main a.is-active svg,
    .mobile-bottom-nav--main a[aria-current="page"] .icon,
    .mobile-bottom-nav--main a[aria-current="page"] svg
  ) {
    color: #0a6cff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    background: transparent !important;
  }

  body[data-page] :is(
    .mobile-bottom-nav .active span,
    .bottom-nav .active span,
    .mobile-tabbar .active span,
    .mobile-bottom-nav--main a.is-active span,
    .mobile-bottom-nav--main a.is-active small,
    .mobile-bottom-nav--main a[aria-current="page"] span,
    .mobile-bottom-nav--main a[aria-current="page"] small
  ) {
    color: #0a6cff !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 768px) {
  html body[data-page] :is(
    .mobile-bottom-nav .active,
    .bottom-nav .active,
    .mobile-tabbar .active,
    .mobile-bottom-nav--main a.is-active,
    .mobile-bottom-nav--main a[aria-current="page"]
  ) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    border-radius: 0 !important;
    color: #0a6cff !important;
    font-weight: 700 !important;
  }

  html body[data-page] :is(
    .mobile-bottom-nav .active .icon,
    .mobile-bottom-nav .active svg,
    .bottom-nav .active .icon,
    .bottom-nav .active svg,
    .mobile-tabbar .active .icon,
    .mobile-tabbar .active svg,
    .mobile-bottom-nav--main a.is-active .icon,
    .mobile-bottom-nav--main a.is-active svg,
    .mobile-bottom-nav--main a[aria-current="page"] .icon,
    .mobile-bottom-nav--main a[aria-current="page"] svg
  ) {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    background: transparent !important;
  }

  html body[data-page] :is(
    .mobile-bottom-nav .active span,
    .bottom-nav .active span,
    .mobile-tabbar .active span,
    .mobile-bottom-nav--main a.is-active span,
    .mobile-bottom-nav--main a.is-active small,
    .mobile-bottom-nav--main a[aria-current="page"] span,
    .mobile-bottom-nav--main a[aria-current="page"] small
  ) {
    color: #0a6cff !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 768px) {
  html body.has-main-bottom-nav[data-page][data-page] .mobile-bottom-nav--main a.is-active,
  html body.has-main-bottom-nav[data-page][data-page] .mobile-bottom-nav--main a[aria-current="page"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    border-radius: 0 !important;
    color: #0a6cff !important;
    font-weight: 700 !important;
  }

  html body.has-main-bottom-nav[data-page][data-page] .mobile-bottom-nav--main a.is-active svg,
  html body.has-main-bottom-nav[data-page][data-page] .mobile-bottom-nav--main a[aria-current="page"] svg,
  html body.has-main-bottom-nav[data-page][data-page] .mobile-bottom-nav--main a.is-active small,
  html body.has-main-bottom-nav[data-page][data-page] .mobile-bottom-nav--main a[aria-current="page"] small {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    background: transparent !important;
  }
}

@media (max-width: 768px) {
  /* Global transient-layer cleanup: keep overlays and loading shells hidden unless a menu is explicitly open. */
  .mobile-menu-overlay,
  .drawer-overlay,
  .nav-overlay,
  .menu-mask,
  .overlay,
  .page-loader,
  .loading,
  .loader,
  .skeleton,
  .placeholder,
  .lazy-placeholder {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.menu-open .mobile-menu-overlay,
  body.drawer-open .drawer-overlay,
  body.nav-open .nav-overlay,
  body.menu-open .menu-mask,
  body.drawer-open .menu-mask,
  body.nav-open .menu-mask,
  body.menu-open .overlay,
  body.drawer-open .overlay,
  body.nav-open .overlay,
  .mobile-menu-overlay.is-open,
  .drawer-overlay.is-open,
  .nav-overlay.is-open,
  .menu-mask.is-open,
  .overlay.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.loaded .page-loader,
  body.loaded .loading,
  body.loaded .loader,
  body.loaded .skeleton,
  body.loaded .placeholder,
  body.loaded .lazy-placeholder,
  .page-loader.is-hidden,
  .loading.is-hidden,
  .loader.is-hidden,
  .skeleton.is-hidden,
  .placeholder.is-hidden,
  .lazy-placeholder.is-hidden {
    display: none !important;
  }

  img[loading="lazy"],
  .lazy-image,
  .image-placeholder {
    background: transparent !important;
  }

  body[data-page] :is(header, .site-header, .mobile-header, footer, .site-footer, .mobile-footer)::before,
  body[data-page] :is(header, .site-header, .mobile-header, footer, .site-footer, .mobile-footer)::after {
    content: none !important;
    display: none !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  /* Product detail mobile final polish: keep the spec block and CTA compact, card-like, and overflow-safe. */
  body[data-page="product-detail"] .product-detail-mobile {
    overflow-x: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container {
    overflow-x: hidden !important;
  }

  body[data-page="product-detail"] .pdm-spec-card {
    margin: 16px 0 0 !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-spec-card > h2 {
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-left: 0 !important;
  }

  body[data-page="product-detail"] .pdm-spec-card > h2::before,
  body[data-page="product-detail"] .pdm-spec-card > h2::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-spec-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tbody {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tr {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tr:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="product-detail"] .pdm-spec-table th,
  body[data-page="product-detail"] .pdm-spec-table td {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-spec-table th {
    flex: 0 1 40% !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  body[data-page="product-detail"] .pdm-spec-table td {
    flex: 0 1 60% !important;
    max-width: 60% !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: right !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="product-detail"] .pdm-spec-note {
    margin: 12px 0 0 !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="product-detail"] .pdm-cta {
    margin: 24px 0 0 !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #0b2348 0%, #0a6cff 100%) !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy p {
    margin: 0 0 12px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn.btn-accent {
    background: #fff !important;
    color: #0a6cff !important;
    border: 1px solid #fff !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn.btn-outline {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
  }

  body[data-page="product-detail"] .pdm-cta__chips,
  body[data-page="product-detail"] .pdm-cta__media {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta .pdm-cta__actions .btn {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    display: flex !important;
  }
}

@media (max-width: 768px) {
  /* faq.html final mobile cleanup: prevent answer overflow, center the more link, add unified category icons, and remove active-nav halos. */
  body[data-page="faq"] {
    overflow-x: hidden !important;
  }

  body[data-page="faq"] .faq-mobile-hub,
  body[data-page="faq"] .faq-mobile-hub .container,
  body[data-page="faq"] .faq-hub-board,
  body[data-page="faq"] .faq-hub-card,
  body[data-page="faq"] .faq-hub-accordion,
  body[data-page="faq"] .faq-accordion-list,
  body[data-page="faq"] .faq-qa,
  body[data-page="faq"] .faq-qa__body {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-hub-card,
  body[data-page="faq"] .faq-qa {
    overflow: hidden !important;
  }

  body[data-page="faq"] .faq-qa__body {
    padding: 0 16px 14px !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq"] .faq-qa__body,
  body[data-page="faq"] .faq-qa__body *,
  body[data-page="faq"] .faq-qa__body p,
  body[data-page="faq"] .faq-qa__body div,
  body[data-page="faq"] .faq-qa__body li,
  body[data-page="faq"] .faq-qa__body span {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq"] .faq-qa__body p,
  body[data-page="faq"] .faq-qa__body div,
  body[data-page="faq"] .faq-qa__body li {
    margin: 0 !important;
    color: #4b5b73 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  body[data-page="faq"] .faq-qa__body ol,
  body[data-page="faq"] .faq-qa__body ul {
    margin: 0 !important;
    padding-left: 18px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-qa__body li {
    margin: 0 0 6px !important;
  }

  body[data-page="faq"] .faq-hub-more {
    width: auto !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 16px 16px 24px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    border: 1px solid #c7d8ff !important;
    background: #fff !important;
    color: #0a6cff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="faq"] .faq-cat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="faq"] .faq-cat-pill {
    min-height: 84px !important;
    padding: 12px 10px !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  body[data-page="faq"] .faq-cat-icon {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0a6cff !important;
  }

  body[data-page="faq"] .faq-cat-icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="faq"] .faq-cat-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
  }

  body[data-page="faq"] .faq-cat-pill strong,
  body[data-page="faq"] .faq-cat-pill small {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
  }

  body[data-page="faq"] .faq-cat-pill strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0b2348 !important;
  }

  body[data-page="faq"] .faq-cat-pill small {
    font-size: 11px !important;
    color: #64748b !important;
  }

  body[data-page="faq"] .faq-cat-pill.is-active {
    background: linear-gradient(135deg, #0a6cff, #0048a8) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="faq"] .faq-cat-pill.is-active .faq-cat-icon {
    color: #fff !important;
  }

  body[data-page="faq"] .faq-cat-pill.is-active strong,
  body[data-page="faq"] .faq-cat-pill.is-active small {
    color: #fff !important;
  }

  body[data-page="faq"] .mobile-bottom-nav--main a.is-active,
  body[data-page="faq"] .mobile-bottom-nav--main a[aria-current="page"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    color: #0a6cff !important;
  }

  body[data-page="faq"] .mobile-bottom-nav--main a.is-active::before,
  body[data-page="faq"] .mobile-bottom-nav--main a.is-active::after,
  body[data-page="faq"] .mobile-bottom-nav--main a[aria-current="page"]::before,
  body[data-page="faq"] .mobile-bottom-nav--main a[aria-current="page"]::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="faq"] .mobile-bottom-nav--main a.is-active svg,
  body[data-page="faq"] .mobile-bottom-nav--main a[aria-current="page"] svg,
  body[data-page="faq"] .mobile-bottom-nav--main a.is-active small,
  body[data-page="faq"] .mobile-bottom-nav--main a[aria-current="page"] small {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    background: transparent !important;
  }
}

@media (max-width: 768px) {
  body[data-page="download-detail"] {
    overflow-x: hidden !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  body[data-page="download-detail"] .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 72px !important;
    z-index: 10000 !important;
    background: #fff !important;
  }

  body[data-page="download-detail"] main.service-page {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  body[data-page="download-detail"] .service-main-section {
    display: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="download-detail"] .download-detail-mobile > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="download-detail"] .download-detail-mobile__download {
    width: 100% !important;
    margin: 16px 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-detail-mobile__download .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #0048a8 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .mobile-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    position: relative !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin: 0 0 16px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    position: relative !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .mobile-section-title::before,
  body[data-page="download-detail"] .download-detail-mobile .download-section-head h2::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .mobile-section-title::after,
  body[data-page="download-detail"] .download-detail-mobile .download-section-head h2::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="download-detail"] .download-card,
  body[data-page="download-detail"] .download-info-card,
  body[data-page="download-detail"] .download-summary,
  body[data-page="download-detail"] .download-related {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-summary {
    margin-bottom: 16px !important;
  }

  body[data-page="download-detail"] .download-info-table {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    gap: 0 12px !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-info-table dt,
  body[data-page="download-detail"] .download-info-table dd {
    margin: 0 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-info-table dt {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page="download-detail"] .download-info-table dd {
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    text-align: left !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    overflow: hidden !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  body[data-page="download-detail"] .download-info-table dt:last-of-type,
  body[data-page="download-detail"] .download-info-table dd:last-of-type {
    border-bottom: 0 !important;
  }

  body[data-page="download-detail"] .download-summary p {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #4b5b73 !important;
  }

  body[data-page="download-detail"] .download-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
  }

  body[data-page="download-detail"] .download-section-head h2 {
    margin: 0 !important;
    flex: 0 1 auto !important;
  }

  body[data-page="download-detail"] .download-section-head a {
    flex: 0 0 auto !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="download-detail"] .download-section-head a::after {
    content: ">" !important;
    margin-left: 2px !important;
  }

  body[data-page="download-detail"] .download-preview {
    display: none !important;
  }

  body[data-page="download-detail"] .download-related {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
  }

  body[data-page="download-detail"] .download-related-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-related-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 72px !important;
    padding: 14px 12px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="download-detail"] .download-related-icon {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
  }

  body[data-page="download-detail"] .download-related-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="download-detail"] .download-related-main h3 {
    margin: 0 0 4px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
  }

  body[data-page="download-detail"] .download-related-main h3 a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #0b2348 !important;
    text-decoration: none !important;
  }

  body[data-page="download-detail"] .download-related-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
    margin-top: 0 !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
  }

  body[data-page="download-detail"] .download-related-item .btn {
    flex: 0 0 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 34px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  body[data-page="download-detail"] .download-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: auto !important;
    margin: 0 16px 24px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .download-cta__media {
    display: none !important;
  }

  body[data-page="download-detail"] .download-cta__copy {
    min-width: 0 !important;
  }

  body[data-page="download-detail"] .download-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="download-detail"] .download-cta__copy p {
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body[data-page="download-detail"] .download-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="download-detail"] .download-cta__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    border-radius: 12px !important;
  }

  body[data-page="download-detail"] .site-footer {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer .footer-main,
  body[data-page="download-detail"] .site-footer .footer-main__grid,
  body[data-page="download-detail"] .site-footer .footer-company,
  body[data-page="download-detail"] .site-footer .footer-contact,
  body[data-page="download-detail"] .site-footer .footer-links,
  body[data-page="download-detail"] .site-footer .footer-qrcode,
  body[data-page="download-detail"] .site-footer .social-links,
  body[data-page="download-detail"] .site-footer .footer-cta,
  body[data-page="download-detail"] .site-footer .footer-brand,
  body[data-page="download-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="download-detail"] .site-footer .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  body[data-page="download-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }

  body[data-page="download-detail"] .mobile-bottom-nav--main {
    height: 64px !important;
  }
}

@media (max-width: 768px) {
  /* Product detail EOF override: flatten the spec table into a single card and keep the gallery left-aligned. */
  body[data-page="product-detail"] {
    overflow-x: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile,
  body[data-page="product-detail"] .product-detail-mobile > .container {
    overflow-x: hidden !important;
  }

  body[data-page="product-detail"] .pdm-spec-card {
    margin: 16px 0 0 !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-spec-card > h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  body[data-page="product-detail"] .pdm-spec-card > h2::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .pdm-spec-card > h2::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-spec-table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tbody {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tr {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    align-items: center !important;
    min-height: 40px !important;
    width: 100% !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-spec-table tr:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="product-detail"] .pdm-spec-table th,
  body[data-page="product-detail"] .pdm-spec-table td {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-spec-table th {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page="product-detail"] .pdm-spec-table td {
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    text-align: left !important;
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page="product-detail"] .pdm-spec-note {
    margin: 12px 0 0 !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="product-detail"] .pdm-gallery-card {
    margin: 16px 0 0 !important;
    padding: 16px 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px #e5eaf3 inset !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-gallery-card .pdm-card-head {
    margin: 0 0 16px !important;
    padding: 0 !important;
  }

  body[data-page="product-detail"] .pdm-gallery-card .pdm-card-head > h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="product-detail"] .pdm-gallery-card .pdm-card-head > h2::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .pdm-gallery-card .pdm-card-head > h2::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-gallery-shell {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-gallery-track {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body[data-page="product-detail"] .pdm-gallery-track::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-gallery-item {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .pdm-gallery-item img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  body[data-page="product-detail"] .pdm-gallery-arrow {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* FAQ detail EOF override: keep the mobile shell unified, compact, and footer-safe. */
  body[data-page="faq-detail"] {
    overflow-x: hidden !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    background: #f5f7fa !important;
  }

  body[data-page="faq-detail"] main.service-page {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 72px !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="faq-detail"] .page-banner.service-banner,
  body[data-page="faq-detail"] .service-breadcrumb,
  body[data-page="faq-detail"] .service-main-section,
  body[data-page="faq-detail"] .product-inquiry.service-support-strip,
  body[data-page="faq-detail"] .service-support-strip {
    display: none !important;
  }

  body[data-page="faq-detail"] main.service-page {
    padding-bottom: 0 !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb {
    margin: 0 0 12px !important;
    overflow: hidden !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb .breadcrumb__list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb .breadcrumb__list li {
    min-width: 0 !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb a {
    color: #0a6cff !important;
    text-decoration: none !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero,
  body[data-page="faq-detail"] .mobile-unified-hero--faq-detail {
    position: relative !important;
    display: grid !important;
    align-items: end !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #07193f 0%, #08224c 55%, #0b57c8 100%) !important;
    box-shadow: 0 18px 44px rgba(0, 20, 52, 0.22) !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image,
  body[data-page="faq-detail"] .mobile-unified-hero__overlay,
  body[data-page="faq-detail"] .mobile-unified-hero__content {
    position: absolute !important;
    inset: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image {
    z-index: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center right !important;
    display: block !important;
    filter: saturate(1.05) contrast(1.02) !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__overlay {
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(4, 17, 45, 0.95) 0%, rgba(4, 17, 45, 0.88) 42%, rgba(4, 17, 45, 0.12) 100%) !important;
    pointer-events: none !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    display: grid !important;
    align-content: end !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    word-break: break-word !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    word-break: break-word !important;
  }

  body[data-page="faq-detail"] .faq-detail-card {
    margin: 0 0 24px !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-question {
    margin-top: 0 !important;
  }

  body[data-page="faq-detail"] .faq-detail-head {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }

  body[data-page="faq-detail"] .faq-badge {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    font-weight: 950 !important;
    font-size: 13px !important;
    letter-spacing: 0.2px !important;
    color: #fff !important;
    background: #0a6cff !important;
    box-shadow: 0 8px 18px rgba(0, 70, 184, 0.18) !important;
  }

  body[data-page="faq-detail"] .faq-detail-head__copy {
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .faq-question h2 {
    margin: 0 0 6px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
    word-break: break-word !important;
  }

  body[data-page="faq-detail"] .faq-detail-meta {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #64748b !important;
  }

  body[data-page="faq-detail"] .faq-steps h3 {
    margin: 0 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
  }

  body[data-page="faq-detail"] .faq-step-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: faqStep !important;
    display: grid !important;
    gap: 14px !important;
  }

  body[data-page="faq-detail"] .faq-step-list li {
    counter-increment: faqStep !important;
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .faq-step-list strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
  }

  body[data-page="faq-detail"] .faq-step-list strong::before {
    content: counter(faqStep) ". " !important;
    color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-step-list span {
    display: block !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #4b5b73 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-tip {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(11, 108, 255, 0.24) !important;
    background: rgba(11, 108, 255, 0.06) !important;
  }

  body[data-page="faq-detail"] .faq-tip__icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background-color: rgba(11, 108, 255, 0.14) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
    background-color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-tip__copy strong {
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-tip__copy p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    color: #4b5b73 !important;
  }

  body[data-page="faq-detail"] .faq-card-title {
    margin: 0 0 12px !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title,
  body[data-page="faq-detail"] .faq-feedback > .mobile-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title::before,
  body[data-page="faq-detail"] .faq-feedback > .mobile-section-title::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title::after,
  body[data-page="faq-detail"] .faq-feedback > .mobile-section-title::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-doc-list {
    display: grid !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body[data-page="faq-detail"] .faq-doc-item {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 60px !important;
    padding: 10px 0 !important;
    margin: 0 12px !important;
    border-top: 1px solid #eef2f7 !important;
    text-decoration: none !important;
    color: inherit !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-doc-item:first-child {
    border-top: 0 !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon.is-pdf {
    background: linear-gradient(180deg, #ff5a5f, #ff3b30) !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon.is-mp4 {
    background: linear-gradient(180deg, #6f7bf7, #4f46e5) !important;
  }

  body[data-page="faq-detail"] .faq-doc-main {
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .faq-doc-main strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #0b2348 !important;
    font-weight: 900 !important;
  }

  body[data-page="faq-detail"] .faq-doc-main small {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    color: #64748b !important;
  }

  body[data-page="faq-detail"] .faq-doc-action {
    justify-self: end !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    color: #0a6cff !important;
    white-space: nowrap !important;
  }

  body[data-page="faq-detail"] .faq-accordion {
    display: grid !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body[data-page="faq-detail"] .faq-accordion details {
    border-top: 1px solid #eef2f7 !important;
    padding: 0 12px !important;
  }

  body[data-page="faq-detail"] .faq-accordion details:first-child {
    border-top: 0 !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary {
    list-style: none !important;
    cursor: pointer !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 12px 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    color: #0b2348 !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary::-webkit-details-marker {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary::after {
    content: "⌄" !important;
    justify-self: end !important;
    color: #64748b !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    transition: transform 0.18s ease !important;
  }

  body[data-page="faq-detail"] .faq-accordion details[open] summary::after {
    transform: rotate(180deg) !important;
  }

  body[data-page="faq-detail"] .faq-accordion__body {
    margin: 0 0 12px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #4b5b73 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-feedback {
    text-align: left !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions .btn svg {
    width: 16px !important;
    height: 16px !important;
    color: #0a6cff !important;
    flex: 0 0 auto !important;
  }

  body[data-page="faq-detail"] .faq-support-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: auto !important;
    margin: 0 16px 24px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #083da0 0%, #0b6be2 100%) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    color: #fff !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__media {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__copy h2 {
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #fff !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__copy p {
    margin: 0 0 12px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.88) !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-weight: 950 !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn.btn-accent {
    background: #ff7a18 !important;
    border-color: #ff7a18 !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn.btn-outline {
    border-color: rgba(255, 255, 255, 0.42) !important;
    color: rgba(255, 255, 255, 0.96) !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }

  body[data-page="faq-detail"] .site-footer {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    background: #f5f7fa !important;
    border-top: 1px solid #e5eaf3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-main,
  body[data-page="faq-detail"] .site-footer .footer-main__grid,
  body[data-page="faq-detail"] .site-footer .footer-company,
  body[data-page="faq-detail"] .site-footer .footer-contact,
  body[data-page="faq-detail"] .site-footer .footer-links,
  body[data-page="faq-detail"] .site-footer .footer-qrcode,
  body[data-page="faq-detail"] .site-footer .social-links,
  body[data-page="faq-detail"] .site-footer .footer-cta,
  body[data-page="faq-detail"] .site-footer .footer-brand,
  body[data-page="faq-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="faq-detail"] .site-footer .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav a {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: "｜" !important;
    margin: 0 4px !important;
    color: #94a3b8 !important;
  }
}

@media (max-width: 768px) {
  /* FAQ detail final EOF override: align the mobile shell with the already approved detail pages. */
  body[data-page="faq-detail"] {
    overflow-x: hidden !important;
    padding-top: 72px !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px) !important;
    background: #f5f7fa !important;
  }

  body[data-page="faq-detail"] main.service-page {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px) !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="faq-detail"] .page-banner.service-banner,
  body[data-page="faq-detail"] .service-breadcrumb,
  body[data-page="faq-detail"] .service-main-section,
  body[data-page="faq-detail"] .product-inquiry.service-support-strip,
  body[data-page="faq-detail"] .service-support-strip {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb {
    display: none !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero,
  body[data-page="faq-detail"] .mobile-unified-hero--faq-detail {
    position: relative !important;
    display: grid !important;
    align-items: end !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #07193f 0%, #08224c 55%, #0b57c8 100%) !important;
    box-shadow: 0 18px 44px rgba(0, 20, 52, 0.22) !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image,
  body[data-page="faq-detail"] .mobile-unified-hero__overlay,
  body[data-page="faq-detail"] .mobile-unified-hero__content {
    position: absolute !important;
    inset: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image {
    z-index: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center right !important;
    display: block !important;
    filter: saturate(1.05) contrast(1.02) !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__overlay {
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(4, 17, 45, 0.95) 0%, rgba(4, 17, 45, 0.88) 42%, rgba(4, 17, 45, 0.12) 100%) !important;
    pointer-events: none !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    display: grid !important;
    align-content: end !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content h1 {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    word-break: break-word !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    word-break: break-word !important;
  }

  body[data-page="faq-detail"] .faq-detail-card {
    margin: 0 0 24px !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-question {
    margin-top: 0 !important;
  }

  body[data-page="faq-detail"] .faq-detail-head {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }

  body[data-page="faq-detail"] .faq-badge {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    font-weight: 950 !important;
    font-size: 13px !important;
    letter-spacing: 0.2px !important;
    color: #fff !important;
    background: #0a6cff !important;
    box-shadow: 0 8px 18px rgba(0, 70, 184, 0.18) !important;
  }

  body[data-page="faq-detail"] .faq-detail-head__copy {
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .faq-question h2 {
    margin: 0 0 6px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
    word-break: break-word !important;
  }

  body[data-page="faq-detail"] .faq-detail-meta {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #64748b !important;
  }

  body[data-page="faq-detail"] .faq-steps h3 {
    margin: 0 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
  }

  body[data-page="faq-detail"] .faq-step-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: faqStep !important;
    display: grid !important;
    gap: 14px !important;
  }

  body[data-page="faq-detail"] .faq-step-list li {
    counter-increment: faqStep !important;
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .faq-step-list strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
  }

  body[data-page="faq-detail"] .faq-step-list strong::before {
    content: counter(faqStep) ". " !important;
    color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-step-list span {
    display: block !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #4b5b73 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-tip {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(11, 108, 255, 0.24) !important;
    background: rgba(11, 108, 255, 0.06) !important;
  }

  body[data-page="faq-detail"] .faq-tip__icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background-color: rgba(11, 108, 255, 0.14) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
    background-color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-tip__copy strong {
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-tip__copy p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    color: #4b5b73 !important;
  }

  body[data-page="faq-detail"] .faq-card-title {
    margin: 0 0 12px !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title,
  body[data-page="faq-detail"] .faq-feedback .mobile-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title::before,
  body[data-page="faq-detail"] .faq-feedback .mobile-section-title::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title::after,
  body[data-page="faq-detail"] .faq-feedback .mobile-section-title::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-doc-list {
    display: grid !important;
    gap: 12px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq-detail"] .faq-doc-item {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    text-decoration: none !important;
    color: inherit !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-doc-item:first-child {
    border-top: 1px solid #e5eaf3 !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon.is-pdf {
    background: linear-gradient(180deg, #ff5a5f, #ff3b30) !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon.is-mp4 {
    background: linear-gradient(180deg, #6f7bf7, #4f46e5) !important;
  }

  body[data-page="faq-detail"] .faq-doc-main {
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .faq-doc-main strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #0b2348 !important;
    font-weight: 900 !important;
  }

  body[data-page="faq-detail"] .faq-doc-main small {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    color: #64748b !important;
  }

  body[data-page="faq-detail"] .faq-doc-action {
    justify-self: end !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    color: #0a6cff !important;
    white-space: nowrap !important;
  }

  body[data-page="faq-detail"] .faq-accordion {
    display: grid !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body[data-page="faq-detail"] .faq-accordion details {
    border-top: 1px solid #eef2f7 !important;
    padding: 0 12px !important;
  }

  body[data-page="faq-detail"] .faq-accordion details:first-child {
    border-top: 0 !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary {
    list-style: none !important;
    cursor: pointer !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 12px 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    color: #0b2348 !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary::-webkit-details-marker {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary::after {
    content: "⌄" !important;
    justify-self: end !important;
    color: #64748b !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    transition: transform 0.18s ease !important;
  }

  body[data-page="faq-detail"] .faq-accordion details[open] summary::after {
    transform: rotate(180deg) !important;
  }

  body[data-page="faq-detail"] .faq-accordion__body {
    margin: 0 0 12px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #4b5b73 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-feedback {
    text-align: left !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="faq-detail"] .faq-feedback .faq-card-title {
    margin-bottom: 12px !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions .btn svg {
    width: 16px !important;
    height: 16px !important;
    color: #0a6cff !important;
    flex: 0 0 auto !important;
  }

  body[data-page="faq-detail"] .faq-support-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: auto !important;
    margin: 24px 16px 24px !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #083da0 0%, #0b6be2 100%) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    color: #fff !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__media {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__copy h2 {
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #fff !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__copy p {
    margin: 0 0 12px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.88) !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-weight: 950 !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn.btn-accent {
    background: #ff7a18 !important;
    border-color: #ff7a18 !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn.btn-outline {
    border-color: rgba(255, 255, 255, 0.42) !important;
    color: rgba(255, 255, 255, 0.96) !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }

  body[data-page="faq-detail"] .site-footer {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f5f7fa !important;
    color: #64748b !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-main,
  body[data-page="faq-detail"] .site-footer .footer-main__grid,
  body[data-page="faq-detail"] .site-footer .footer-company,
  body[data-page="faq-detail"] .site-footer .footer-contact,
  body[data-page="faq-detail"] .site-footer .footer-links,
  body[data-page="faq-detail"] .site-footer .footer-qrcode,
  body[data-page="faq-detail"] .site-footer .social-links,
  body[data-page="faq-detail"] .site-footer .footer-cta,
  body[data-page="faq-detail"] .site-footer .footer-brand,
  body[data-page="faq-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px 16px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > p {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-align: center !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > p::before {
    content: "Copyright © 2024 兆展数控 版权所有" !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    text-align: center !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > p::after {
    content: "All Rights Reserved." !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    text-align: center !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: " | " !important;
    display: inline-block !important;
    color: #94a3b8 !important;
    margin: 0 4px 0 0 !important;
  }

  /* download-detail EOF: keep related docs as a single visible card stack with the final mobile spacing. */
  body[data-page="download-detail"] .download-section-head {
    margin-bottom: 16px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-section-head {
    margin-bottom: 16px !important;
  }

  body[data-page="download-detail"] .download-related {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    margin-bottom: 24px !important;
  }

  body[data-page="download-detail"] .download-related-list {
    gap: 12px !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-list {
    gap: 12px !important;
  }

  body[data-page="download-detail"] .download-related-item {
    box-shadow: none !important;
  }

  body[data-page="download-detail"] .download-detail-mobile .download-related-item {
    box-shadow: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="download"] .download-center-cta {
    background: #fff !important;
    border: 1px solid #e5eaf3 !important;
    box-shadow: none !important;
    border-radius: 16px !important;
    margin: 0 16px 24px !important;
  }

  body[data-page="download"] .download-center-cta__actions .btn {
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  body[data-page="download"] .download-center-cta__actions .btn.btn-outline {
    border: 1px solid rgba(0, 70, 184, 0.18) !important;
    background: #fff !important;
    color: #0a6cff !important;
  }

  body[data-page="download"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="cases"] main.case-page {
    overflow-x: hidden !important;
  }

  body[data-page="cases"] .cases-mobile {
    padding-bottom: 0 !important;
  }

  body[data-page="cases"] .cases-mobile__industries {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body[data-page="cases"] .cases-mobile__industries a {
    display: grid !important;
    grid-template-rows: auto auto auto !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 4px !important;
    min-height: 84px !important;
    padding: 10px 4px 8px !important;
    border: 1px solid rgba(13, 36, 79, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 20, 52, 0.05) !important;
    color: #0b2348 !important;
    text-align: center !important;
    text-decoration: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  body[data-page="cases"] .cases-mobile__industry-icon {
    display: grid !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
    color: #0a6cff !important;
    flex: none !important;
  }

  body[data-page="cases"] .cases-mobile__industry-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  body[data-page="cases"] .cases-mobile__industry-title {
    display: block !important;
    color: inherit !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="cases"] .cases-mobile__industry-count {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  body[data-page="cases"] .cases-mobile__industries a.is-active {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(0, 70, 184, 0.96), rgba(0, 43, 102, 0.96)) !important;
    border-color: rgba(0, 70, 184, 0.18) !important;
    box-shadow: 0 10px 24px rgba(0, 35, 92, 0.18) !important;
  }

  body[data-page="cases"] .cases-mobile__industries a.is-active .cases-mobile__industry-count {
    color: rgba(255, 255, 255, 0.86) !important;
  }

  body[data-page="cases"] .cases-mobile-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  body[data-page="cases"] .cases-mobile-card__body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  body[data-page="cases"] .cases-mobile-card__body h2 {
    margin: 0 0 6px !important;
    color: #091c3a !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: center !important;
    min-width: 0 !important;
  }

  body[data-page="cases"] .cases-mobile-card__body p {
    display: -webkit-box !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-page="cases"] .cases-mobile-card__body a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin: 8px auto 0 !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  body[data-page="cases"] .cases-mobile-card__body a::after {
    content: none !important;
  }

  body[data-page="cases"] .cases-mobile__load-more {
    margin: 24px 0 !important;
  }

  body[data-page="cases"] .cases-mobile-cta {
    margin: 24px 0 !important;
  }

  body[data-page="cases"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom {
    margin-top: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  body[data-page="cases"] .site-footer .footer-bottom__inner {
    padding: 0 16px !important;
  }
}

@media (max-width: 768px) {
  /* Products page EOF override: restore the banner inner after shared hero-hide rules, without changing other modules. */
  body[data-page="products"] .product-banner {
    display: block !important;
    position: relative !important;
    width: auto !important;
    margin: 12px 16px 24px !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="products"] .product-banner::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
      linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.78) 46%, rgba(0, 44, 103, 0.18) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) !important;
    background-position: right center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  body[data-page="products"] .product-banner__inner {
    display: grid !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 20px 20px 18px !important;
    box-sizing: border-box !important;
    align-content: end !important;
    justify-items: start !important;
    gap: 8px !important;
  }

  body[data-page="products"] .product-banner h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
  }

  body[data-page="products"] .product-banner p {
    margin: 0 !important;
    max-width: 280px !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="products"] .product-banner span {
    display: none !important;
  }

  body[data-page="products"] .product-banner > .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Product detail final override: keep section titles outside cards, center the feature/case blocks, and simplify the CTA. */
  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-spec-section,
  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-gallery-section,
  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-download-section {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-card-head h2 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-card-head h2::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-card-head h2::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-card-head a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-card-head a::before,
  body[data-page="product-detail"] .product-detail-mobile .pdm-card-head a::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-card,
  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-card,
  body[data-page="product-detail"] .product-detail-mobile .pdm-download-card {
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-section .pdm-spec-card > h2,
  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-section .pdm-gallery-card .pdm-card-head,
  body[data-page="product-detail"] .product-detail-mobile .pdm-download-card .pdm-card-more {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-table tbody {
    display: block !important;
    width: 100% !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-table tr {
    display: grid !important;
    grid-template-columns: minmax(118px, 0.92fr) minmax(0, 1.08fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-table tr:last-child {
    border-bottom: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-table th,
  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-table td {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-table th {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-table td {
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-spec-note {
    margin: 12px 0 0 !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-feature-card {
    background: #fff !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-shadow: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-feature-grid article {
    min-height: 104px !important;
    padding: 12px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-feature-grid article:not(:last-child) {
    border-right: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-feature-grid span {
    width: 36px !important;
    height: 36px !important;
    margin: 0 auto !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-feature-grid svg {
    width: 22px !important;
    height: 22px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-feature-grid h3 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: center !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-feature-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-card {
    padding: 16px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-shell {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-track {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-track::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-item {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-item img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-gallery-arrow {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-card {
    padding: 16px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-list {
    display: grid !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-list a {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #e5eaf3 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    color: inherit !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-list a > span.is-pdf,
  body[data-page="product-detail"] .product-detail-mobile .pdm-download-list a > span.is-dwg {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-info {
    min-width: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-info b {
    display: -webkit-box !important;
    margin: 0 0 3px !important;
    color: #0b2348 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-info small {
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-list a em {
    height: 36px !important;
    min-width: 56px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: #0a6cff !important;
    color: #fff !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-card-more {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-cases-card {
    background: transparent !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-case-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card:nth-child(n + 3) {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card {
    background: #fff !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-width: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card img {
    width: 100% !important;
    height: 92px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card strong {
    margin: 10px 0 0 !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-case-tags,
  body[data-page="product-detail"] .product-detail-mobile .pdm-case-tags span,
  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card .tag,
  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card .badge,
  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card .case-tags,
  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card__tags,
  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card__desc,
  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card__meta {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-case-card a {
    margin-top: 10px !important;
    align-self: center !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-faq-card {
    background: transparent !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-faq-list {
    display: grid !important;
    gap: 10px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-faq-list details {
    background: #fff !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    padding: 12px 14px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-faq-list summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    color: #0b2348 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    list-style: none !important;
    cursor: pointer !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-faq-list summary::-webkit-details-marker {
    display: none !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-faq-list details div {
    padding-top: 8px !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body[data-page="product-detail"] .pdm-cta {
    margin: 24px 0 24px !important;
    padding: 16px !important;
    min-height: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: block !important;
    background: linear-gradient(135deg, #0b2348 0%, #0a6cff 100%) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
  }

  body[data-page="product-detail"] .pdm-cta__copy p,
  body[data-page="product-detail"] .pdm-cta__chips,
  body[data-page="product-detail"] .pdm-cta__media {
    display: none !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn {
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn.btn-accent {
    background: #fff !important;
    color: #0a6cff !important;
    border: 1px solid #fff !important;
  }

  body[data-page="product-detail"] .pdm-cta__actions .btn.btn-outline {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
  }
}

@media (max-width: 768px) {
  body[data-page="products"] .product-banner {
    display: block !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #082d74 !important;
    box-shadow: 0 18px 38px rgba(0, 28, 78, 0.18) !important;
  }

  body[data-page="products"] .product-banner__inner {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* Products banner text final override: anchor the copy to the lower-left corner to match other page banners. */
  body[data-page="products"] .product-banner__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    text-align: left !important;
    position: absolute !important;
    inset: auto 24px 28px 24px !important;
    left: 24px !important;
    right: 24px !important;
    top: auto !important;
    bottom: 28px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    gap: 8px !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  body[data-page="products"] .product-banner__inner > * {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    text-align: left !important;
  }

  body[data-page="products"] main.product-page > section.page-banner.product-banner > div.container.page-banner__inner.product-banner__inner > h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
    max-width: 240px !important;
    -webkit-text-size-adjust: 100% !important;
  }

  body[data-page="products"] main.product-page > section.page-banner.product-banner > div.container.page-banner__inner.product-banner__inner > p {
    margin: 8px 0 0 !important;
    max-width: 280px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    -webkit-text-size-adjust: 100% !important;
  }

  body[data-page="products"] .product-banner span {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* About page EOF override: normalize the remaining mobile titles and align CTA to the home page rhythm. */
  body[data-page="about"] .about-v3-mobile .about-v3-card.about-v3-intro > h2,
  body[data-page="about"] .about-v3-mobile .about-v3-block > h2,
  body[data-page="about"] .about-v3-mobile .about-v3-block__head h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-card.about-v3-intro > h2::before,
  body[data-page="about"] .about-v3-mobile .about-v3-block > h2::before,
  body[data-page="about"] .about-v3-mobile .about-v3-block__head h2::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
  }

  body[data-page="about"] .about-v3-mobile .about-v3-block__head a::after {
    content: ">" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    line-height: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta {
    margin-left: 16px !important;
    margin-right: 16px !important;
    margin-bottom: 24px !important;
    padding: 20px 16px !important;
    box-shadow: 0 16px 34px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy,
  body[data-page="about"] .about-v3-mobile-cta__actions {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__copy strong {
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn {
    min-width: 0 !important;
    width: auto !important;
    flex: 1 1 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-accent {
    box-shadow: none !important;
  }

  body[data-page="about"] .about-v3-mobile-cta__actions .btn.btn-outline {
    box-shadow: inset 0 0 0 1px rgba(10, 108, 255, 0.18) !important;
  }
}

@media (max-width: 768px) {
  /* Home page final EOF override: align CTA with the shared 16px gutter and keep only one arrow source. */
  body[data-page="home"] {
    overflow-x: hidden !important;
  }

  body[data-page="home"] .home-service-cta,
  body[data-page="home"] .home-cta {
    width: auto !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta > .container,
  body[data-page="home"] .home-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta__card,
  body[data-page="home"] .home-cta__card {
    width: auto !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] main.home-main > section.home-service-cta.mobile-unified-cta,
  body[data-page="home"] main.home-main > section.home-cta.mobile-unified-cta {
    width: auto !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] main.home-main > section.home-service-cta.mobile-unified-cta > .container,
  body[data-page="home"] main.home-main > section.home-cta.mobile-unified-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] main.home-main > section.home-service-cta.mobile-unified-cta > .container > .home-service-cta__card,
  body[data-page="home"] main.home-main > section.home-cta.mobile-unified-cta > .container > .home-cta__card {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::before,
  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  ) {
    gap: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Home page final EOF override: align CTA with the shared 16px gutter and keep only one arrow source. */
  body[data-page="home"] {
    overflow-x: hidden !important;
  }

  body[data-page="home"] .home-service-cta,
  body[data-page="home"] .home-cta {
    width: auto !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta > .container,
  body[data-page="home"] .home-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta__card,
  body[data-page="home"] .home-cta__card {
    width: auto !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::before,
  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  ) {
    gap: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Home page true EOF override. */
  body[data-page="home"] {
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px) !important;
  }

  body[data-page="home"] main.home-main {
    padding-bottom: 0 !important;
  }

  body[data-page="home"] .home-service-cta {
    margin: 24px 0 24px !important;
  }

  body[data-page="home"] .home-support-card {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service {
    min-width: 0 !important;
    min-height: 120px !important;
    padding: 14px 8px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    text-align: center !important;
    color: #0b2348 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin: 0 0 8px !important;
    color: #0a6cff !important;
    display: block !important;
    flex: 0 0 22px !important;
    line-height: 0 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon svg *,
  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon path,
  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon rect,
  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon circle {
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service strong {
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service small {
    display: block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #64748b !important;
  }

  body[data-page="home"] .home-support-tabs,
  body[data-page="home"] .home-support-panels,
  body[data-page="home"] .home-support-more-wrap {
    display: none !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  ) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::before {
    content: none !important;
    display: none !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::after {
    content: " >" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    line-height: 1 !important;
  }

  body[data-page="home"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
  }
}

@media (max-width: 768px) {
  /* Home page final EOF override: tighten the bottom CTA/footer gap, unify the more-link arrow, and restore support icons. */
  body[data-page="home"] {
    overflow-x: hidden !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px) !important;
  }

  body[data-page="home"] main.home-main {
    padding-bottom: 0 !important;
  }

  body[data-page="home"] .home-service-cta {
    margin: 24px 0 24px !important;
  }

  body[data-page="home"] .home-service-cta .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta__card {
    margin: 0 !important;
  }

  body[data-page="home"] .home-support-card {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service {
    min-width: 0 !important;
    min-height: 120px !important;
    padding: 14px 8px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    text-align: center !important;
    color: #0b2348 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon {
    width: 22px !important;
    height: 22px !important;
    margin: 0 0 8px !important;
    color: #0a6cff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon svg *,
  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon path,
  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon rect,
  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon circle {
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service strong {
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service small {
    display: block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #64748b !important;
  }

  body[data-page="home"] .home-support-tabs,
  body[data-page="home"] .home-support-panels,
  body[data-page="home"] .home-support-more-wrap {
    display: none !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  ) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::before {
    content: none !important;
    display: none !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::after {
    content: " >" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    line-height: 1 !important;
  }

  body[data-page="home"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
  }
}

@media (max-width: 768px) {
  /* faq.html EOF override: compact products-style category cards and aligned load-more button. */
  body[data-page="faq"] .faq-cat-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="faq"] .faq-cat-pill {
    width: 100% !important;
    min-width: 0 !important;
    height: 82px !important;
    min-height: 82px !important;
    padding: 10px 8px !important;
    border-radius: 14px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-cat-icon {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0a6cff !important;
  }

  body[data-page="faq"] .faq-cat-icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="faq"] .faq-cat-copy {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  body[data-page="faq"] .faq-cat-pill strong,
  body[data-page="faq"] .faq-cat-pill small {
    display: block !important;
    width: 100% !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq"] .faq-cat-pill strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0b2348 !important;
  }

  body[data-page="faq"] .faq-cat-pill small {
    margin-top: 4px !important;
    font-size: 12px !important;
    color: #64748b !important;
  }

  body[data-page="faq"] .faq-cat-pill.is-active {
    background: linear-gradient(135deg, #0a6cff, #0048a8) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="faq"] .faq-cat-pill.is-active .faq-cat-icon,
  body[data-page="faq"] .faq-cat-pill.is-active .faq-cat-icon svg {
    color: #fff !important;
    stroke: #fff !important;
  }

  body[data-page="faq"] .faq-cat-pill.is-active strong,
  body[data-page="faq"] .faq-cat-pill.is-active small {
    color: #fff !important;
  }

  body[data-page="faq"] .faq-hub-accordion {
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-accordion > .faq-hub-more {
    align-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 24px 0 24px !important;
    padding: 0 16px !important;
    border: 1px solid #c7d8ff !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #0a6cff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    line-height: 1 !important;
  }
}

@media (max-width: 768px) {
  /* FAQ category lock: fully override any legacy rounded-pill rules. */
  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 16px 24px !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    height: 82px !important;
    min-height: 82px !important;
    padding: 10px 6px !important;
    border-radius: 14px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill .faq-cat-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 0 6px !important;
    color: #0a6cff !important;
    flex: 0 0 18px !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill .faq-cat-icon svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill .faq-cat-copy {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill strong {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #0b2348 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill small {
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: #64748b !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill.is-active {
    background: linear-gradient(135deg, #0a6cff, #0048a8) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(10, 108, 255, 0.18) !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill.is-active .faq-cat-icon,
  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill.is-active .faq-cat-icon svg {
    color: #fff !important;
    stroke: #fff !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill.is-active strong,
  body[data-page="faq"] .faq-mobile-hub .faq-cat-grid > .faq-cat-pill.is-active small {
    color: #fff !important;
  }
}

@media (max-width: 768px) {
  /* Home page mobile restore: reveal the missing company advantage and about/support modules. */
  body[data-page="home"] .home-advantages {
    display: block !important;
    padding: 24px 0 0 !important;
  }

  body[data-page="home"] .home-advantages .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-advantages .home-section-title {
    margin-bottom: 14px !important;
  }

  body[data-page="home"] .home-advantage-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="home"] .home-advantage-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 132px !important;
    padding: 16px 12px 14px !important;
    border: 1px solid #e5eaf3 !important;
    border-right: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(11, 35, 72, 0.08) !important;
    text-align: center !important;
  }

  body[data-page="home"] .home-advantage-item span {
    width: 44px !important;
    height: 44px !important;
    margin: 0 auto 8px !important;
  }

  body[data-page="home"] .home-advantage-item strong {
    margin-bottom: 4px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    color: #0b2348 !important;
  }

  body[data-page="home"] .home-advantage-item small {
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #64748b !important;
  }

  body[data-page="home"] .home-about-support {
    display: block !important;
    padding: 24px 0 !important;
  }

  body[data-page="home"] .home-about-support .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-about-support__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body[data-page="home"] .home-about-support .home-section-title--compact {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="home"] .home-about-support .home-section-title--compact h2 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-about-support .home-section-title--compact p {
    display: none !important;
  }

  body[data-page="home"] .home-about-support .home-section-title--compact a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="home"] .home-about-card,
  body[data-page="home"] .home-support-card {
    min-height: 0 !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 16px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-about-card .home-section-title--compact,
  body[data-page="home"] .home-support-card .home-section-title--compact {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  body[data-page="home"] .home-about-card__body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 0 !important;
    align-items: start !important;
  }

  body[data-page="home"] .home-about-card__body img {
    width: 100% !important;
    height: 120px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  body[data-page="home"] .home-about-card__body p {
    margin: 12px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #4b5b73 !important;
  }

  body[data-page="home"] .home-about-stats {
    gap: 8px !important;
  }

  body[data-page="home"] .home-about-stats span {
    padding: 8px 6px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
    font-size: 11px !important;
  }

  body[data-page="home"] .home-about-stats strong {
    font-size: 16px !important;
  }

  body[data-page="home"] .home-support-card {
    padding: 16px !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 90px !important;
    padding: 12px 8px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: center !important;
    color: #0b2348 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon {
    width: 20px !important;
    height: 20px !important;
    color: #0a6cff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service strong {
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service small {
    display: block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #64748b !important;
  }

  body[data-page="home"] .home-support-tabs,
  body[data-page="home"] .home-support-panels,
  body[data-page="home"] .home-support-more-wrap {
    display: none !important;
  }

  body[data-page="home"] .home-support-card {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 768px) {
  /* Home page EOF override: unify about/support cards and clear the fixed-header overlap on the news area. */
  body[data-page="home"] {
    padding-top: 72px !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px) !important;
  }

  body[data-page="home"] main.home-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-page="home"] .home-about-support {
    display: block !important;
    padding: 24px 0 0 !important;
  }

  body[data-page="home"] .home-about-support .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-about-support__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body[data-page="home"] .home-about-support__head.home-mobile-only {
    display: flex !important;
  }

  body[data-page="home"] .home-about-support__head {
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body[data-page="home"] .home-about-support__head h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-about-support__head h2::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: #0a6cff !important;
  }

  body[data-page="home"] .home-about-support__head a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="home"] .home-about-support__head a::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="home"] .home-about-support__head a::after {
    content: ">" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    line-height: 1 !important;
  }

  body[data-page="home"] .home-about-card,
  body[data-page="home"] .home-support-card {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="home"] .home-about-support .home-about-card > .home-section-title--compact,
  body[data-page="home"] .home-about-support .home-support-card > .home-section-title--compact {
    display: none !important;
  }

  body[data-page="home"] .home-about-card .home-section-title--compact,
  body[data-page="home"] .home-support-card .home-section-title--compact {
    display: none !important;
  }

  body[data-page="home"] .home-about-card__body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    align-items: start !important;
  }

  body[data-page="home"] .home-about-card__body img {
    width: 100% !important;
    height: 120px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  body[data-page="home"] .home-about-card__body p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #4b5b73 !important;
  }

  body[data-page="home"] .home-about-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body[data-page="home"] .home-about-stats span {
    display: grid !important;
    place-items: center !important;
    min-width: 0 !important;
    padding: 8px 6px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    color: #64748b !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-about-stats strong {
    display: block !important;
    margin: 0 0 2px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  body[data-page="home"] .home-support-card {
    padding: 0 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service {
    min-width: 0 !important;
    min-height: 120px !important;
    padding: 14px 8px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
    color: #0b2348 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon {
    width: 22px !important;
    height: 22px !important;
    color: #0a6cff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service__icon svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service strong {
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-support-card > .home-support-services.home-mobile-only[style*="display:none"] > .home-support-service small {
    display: block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #64748b !important;
  }

  body[data-page="home"] .home-support-tabs,
  body[data-page="home"] .home-support-panels,
  body[data-page="home"] .home-support-more-wrap {
    display: none !important;
  }

  body[data-page="home"] .home-mobile-news {
    display: block !important;
    padding-top: 0 !important;
  }

  body[data-page="home"] .home-mobile-news .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-mobile-news .home-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body[data-page="home"] .home-mobile-news .home-section-title h2 {
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body[data-page="home"] .home-mobile-news .home-section-title a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="home"] .home-mobile-news .home-section-title a::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="home"] .home-mobile-news .home-section-title a::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="home"] .home-about-support__head a::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="home"] .home-service-cta,
  body[data-page="home"] .home-cta {
    width: auto !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta > .container,
  body[data-page="home"] .home-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .home-service-cta__card,
  body[data-page="home"] .home-cta__card {
    width: auto !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::before,
  body[data-page="home"] :is(
    .home-products .home-section-title > a,
    .home-solutions .home-section-title > a,
    .home-cases .home-section-title > a,
    .home-mobile-news .home-section-title > a,
    .home-news-heading a,
    .home-about-support__head a
  )::after {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* FAQ detail final EOF override: remove the old double-card shell, keep the inner cards, and protect mobile width. */
  body[data-page="faq-detail"] {
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="faq-detail"] main.service-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
    background: #f5f7fa !important;
  }

  body[data-page="faq-detail"] .page-banner.service-banner,
  body[data-page="faq-detail"] .service-breadcrumb,
  body[data-page="faq-detail"] .service-main-section,
  body[data-page="faq-detail"] .product-inquiry.service-support-strip,
  body[data-page="faq-detail"] .service-support-strip {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb {
    margin: 0 16px 12px !important;
    overflow: hidden !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb .breadcrumb__list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb .breadcrumb__list li {
    min-width: 0 !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile-breadcrumb a {
    color: #0a6cff !important;
    text-decoration: none !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero,
  body[data-page="faq-detail"] .mobile-unified-hero--faq-detail {
    position: relative !important;
    display: grid !important;
    align-items: end !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #07193f 0%, #08224c 55%, #0b57c8 100%) !important;
    box-shadow: 0 18px 44px rgba(0, 20, 52, 0.22) !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image,
  body[data-page="faq-detail"] .mobile-unified-hero__overlay,
  body[data-page="faq-detail"] .mobile-unified-hero__content {
    position: absolute !important;
    inset: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image {
    z-index: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center right !important;
    display: block !important;
    filter: saturate(1.05) contrast(1.02) !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__overlay {
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(4, 17, 45, 0.95) 0%, rgba(4, 17, 45, 0.88) 42%, rgba(4, 17, 45, 0.12) 100%) !important;
    pointer-events: none !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    display: grid !important;
    align-content: end !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .mobile-unified-hero__content p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-detail-card {
    margin: 0 16px 24px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-question {
    margin-top: 0 !important;
  }

  body[data-page="faq-detail"] .faq-detail-head {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-badge {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    font-weight: 950 !important;
    font-size: 13px !important;
    letter-spacing: 0.2px !important;
    color: #fff !important;
    background: #0a6cff !important;
    box-shadow: 0 8px 18px rgba(0, 70, 184, 0.18) !important;
  }

  body[data-page="faq-detail"] .faq-detail-head__copy {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-question h2,
  body[data-page="faq-detail"] .faq-steps h3,
  body[data-page="faq-detail"] .faq-detail-meta,
  body[data-page="faq-detail"] .faq-step-list li,
  body[data-page="faq-detail"] .faq-step-list strong,
  body[data-page="faq-detail"] .faq-step-list span,
  body[data-page="faq-detail"] .faq-tip,
  body[data-page="faq-detail"] .faq-tip__copy,
  body[data-page="faq-detail"] .faq-tip__copy strong,
  body[data-page="faq-detail"] .faq-tip__copy p,
  body[data-page="faq-detail"] .faq-doc-main,
  body[data-page="faq-detail"] .faq-doc-main strong,
  body[data-page="faq-detail"] .faq-doc-main small,
  body[data-page="faq-detail"] .faq-accordion summary,
  body[data-page="faq-detail"] .faq-accordion__body,
  body[data-page="faq-detail"] .faq-feedback__actions .btn,
  body[data-page="faq-detail"] .faq-support-cta__copy,
  body[data-page="faq-detail"] .faq-support-cta__copy h2,
  body[data-page="faq-detail"] .faq-support-cta__copy p,
  body[data-page="faq-detail"] .faq-support-cta__actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-question h2 {
    margin: 0 0 6px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
  }

  body[data-page="faq-detail"] .faq-detail-meta {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #64748b !important;
  }

  body[data-page="faq-detail"] .faq-steps h3 {
    margin: 0 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
  }

  body[data-page="faq-detail"] .faq-step-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: faqStep !important;
    display: grid !important;
    gap: 14px !important;
  }

  body[data-page="faq-detail"] .faq-step-list li {
    counter-increment: faqStep !important;
    min-width: 0 !important;
  }

  body[data-page="faq-detail"] .faq-step-list strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #0b2348 !important;
    font-weight: 800 !important;
  }

  body[data-page="faq-detail"] .faq-step-list strong::before {
    content: counter(faqStep) ". " !important;
    color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-step-list span {
    display: block !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #4b5b73 !important;
  }

  body[data-page="faq-detail"] .faq-tip {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(11, 108, 255, 0.24) !important;
    background: rgba(11, 108, 255, 0.06) !important;
  }

  body[data-page="faq-detail"] .faq-tip__icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background-color: rgba(11, 108, 255, 0.14) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
    background-color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-tip__copy strong {
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    color: #0a6cff !important;
  }

  body[data-page="faq-detail"] .faq-tip__copy p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    color: #4b5b73 !important;
  }

  body[data-page="faq-detail"] .faq-card-title {
    margin: 0 16px 16px !important;
  }

  body[data-page="faq-detail"] .faq-card-title:has(+ .faq-feedback) {
    margin-bottom: 12px !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title,
  body[data-page="faq-detail"] .faq-feedback > .mobile-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title::before,
  body[data-page="faq-detail"] .faq-feedback > .mobile-section-title::before {
    content: "" !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  body[data-page="faq-detail"] .faq-card-title .mobile-section-title::after,
  body[data-page="faq-detail"] .faq-feedback > .mobile-section-title::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-docs,
  body[data-page="faq-detail"] .faq-related,
  body[data-page="faq-detail"] .faq-feedback {
    margin: 0 16px 24px !important;
    width: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-doc-list {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-doc-item {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 60px !important;
    padding: 12px !important;
    margin: 0 0 10px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    color: inherit !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-doc-item:last-child {
    margin-bottom: 0 !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon.is-pdf {
    background: linear-gradient(180deg, #ff5a5f, #ff3b30) !important;
  }

  body[data-page="faq-detail"] .faq-doc-icon.is-mp4 {
    background: linear-gradient(180deg, #6f7bf7, #4f46e5) !important;
  }

  body[data-page="faq-detail"] .faq-doc-main strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #0b2348 !important;
    font-weight: 900 !important;
  }

  body[data-page="faq-detail"] .faq-doc-main small {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    color: #64748b !important;
  }

  body[data-page="faq-detail"] .faq-doc-action {
    justify-self: end !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    color: #0a6cff !important;
    white-space: nowrap !important;
  }

  body[data-page="faq-detail"] .faq-accordion {
    display: grid !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-accordion details {
    border-top: 1px solid #eef2f7 !important;
    padding: 0 12px !important;
  }

  body[data-page="faq-detail"] .faq-accordion details:first-child {
    border-top: 0 !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary {
    list-style: none !important;
    cursor: pointer !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 12px 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    color: #0b2348 !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary::-webkit-details-marker {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-accordion summary::after {
    content: "⌄" !important;
    justify-self: end !important;
    color: #64748b !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    transition: transform 0.18s ease !important;
  }

  body[data-page="faq-detail"] .faq-accordion details[open] summary::after {
    transform: rotate(180deg) !important;
  }

  body[data-page="faq-detail"] .faq-accordion__body {
    margin: 0 0 12px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #4b5b73 !important;
  }

  body[data-page="faq-detail"] .faq-feedback {
    display: block !important;
    margin: 0 16px 24px !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  body[data-page="faq-detail"] .faq-feedback .faq-card-title {
    margin-bottom: 12px !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid #e5eaf3 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-feedback__actions .btn svg {
    width: 16px !important;
    height: 16px !important;
    color: #0a6cff !important;
    flex: 0 0 auto !important;
  }

  body[data-page="faq-detail"] .faq-feedback::before,
  body[data-page="faq-detail"] .faq-feedback::after,
  body[data-page="faq-detail"] .faq-feedback__actions::before,
  body[data-page="faq-detail"] .faq-feedback__actions::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-support-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: auto !important;
    margin: 0 16px 24px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #083da0 0%, #0b6be2 100%) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    color: #fff !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__media {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__copy h2 {
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #fff !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__copy p {
    margin: 0 0 12px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.88) !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-weight: 950 !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn.btn-accent {
    background: #ff7a18 !important;
    border-color: #ff7a18 !important;
  }

  body[data-page="faq-detail"] .faq-support-cta__actions .btn.btn-outline {
    border-color: rgba(255, 255, 255, 0.42) !important;
    color: rgba(255, 255, 255, 0.96) !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }

  body[data-page="faq-detail"] .site-footer {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
    background: #f5f7fa !important;
    color: #64748b !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-main,
  body[data-page="faq-detail"] .site-footer .footer-main__grid,
  body[data-page="faq-detail"] .site-footer .footer-company,
  body[data-page="faq-detail"] .site-footer .footer-contact,
  body[data-page="faq-detail"] .site-footer .footer-links,
  body[data-page="faq-detail"] .site-footer .footer-qrcode,
  body[data-page="faq-detail"] .site-footer .social-links,
  body[data-page="faq-detail"] .site-footer .footer-cta,
  body[data-page="faq-detail"] .site-footer .footer-brand,
  body[data-page="faq-detail"] .site-footer .footer-columns {
    display: none !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
  }

  body[data-page="faq-detail"] .site-footer .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > p {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-align: center !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > p::before {
    content: "Copyright © 2024 兆展数控 版权所有" !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    text-align: center !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > p::after {
    content: "All Rights Reserved." !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    text-align: center !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-page="faq-detail"] .site-footer .footer-bottom__inner > nav a + a::before {
    content: " | " !important;
    display: inline-block !important;
    color: #94a3b8 !important;
    margin: 0 4px 0 0 !important;
  }
}

@media (max-width: 768px) {
  /* Video page EOF tweak: restore hot recommendations, normalize visible "查看更多", and upgrade the mobile search row to the products-style 48px layout. */
  body[data-page="video"] .video-mobile-portal > .container > .video-mobile-search__form {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 16px 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="video"] .video-mobile-search__field {
    display: block !important;
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  body[data-page="video"] .video-mobile-search__icon {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    color: #0a6cff !important;
    background-color: currentColor !important;
    -webkit-mask: var(--icon-search) center / 20px 20px no-repeat !important;
            mask: var(--icon-search) center / 20px 20px no-repeat !important;
    -webkit-mask-repeat: no-repeat !important;
            mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
            mask-position: center !important;
    -webkit-mask-size: 20px 20px !important;
            mask-size: 20px 20px !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  body[data-page="video"] .video-mobile-search__form::before {
    content: none !important;
    display: none !important;
  }

  body[data-page="video"] .video-mobile-search__input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 16px 0 44px !important;
    padding-left: 44px !important;
    padding-inline-start: 44px !important;
    -webkit-padding-start: 44px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px !important;
    line-height: 48px !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body[data-page="video"] .video-mobile-search__input:focus {
    border-color: #0a6cff !important;
    box-shadow: 0 0 0 3px rgba(10, 108, 255, 0.10) !important;
    background: #fff !important;
  }

  body[data-page="video"] .video-mobile-search__input::-webkit-search-decoration,
  body[data-page="video"] .video-mobile-search__input::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body[data-page="video"] .video-mobile-search__btn {
    width: 96px !important;
    min-width: 96px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body[data-page="video"] .video-mobile-search__form.is-submitted::after,
  body[data-page="video"] .video-mobile-search__form.is-error::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="video"] .video-portal-hot {
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    box-sizing: border-box !important;
  }

  body[data-page="video"] .video-portal-browse {
    display: none !important;
  }

  body[data-page="video"] .video-portal-hot .video-section-head,
  body[data-page="video"] .video-list-section .video-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
  }

  body[data-page="video"] .video-portal-hot .video-section-head h2,
  body[data-page="video"] .video-list-section .video-section-head h2 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  body[data-page="video"] .video-portal-hot .video-section-head h2::before,
  body[data-page="video"] .video-list-section .video-section-head h2::before {
    content: "" !important;
    display: block !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    flex: none !important;
  }

  body[data-page="video"] .video-portal-hot .video-section-more,
  body[data-page="video"] .video-list-section .video-section-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body[data-page="video"] .video-portal-hot .video-section-more::after,
  body[data-page="video"] .video-list-section .video-section-more::after {
    content: " >" !important;
  }

  body[data-page="video"] .video-hot-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body[data-page="video"] .video-hot-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-height: 112px !important;
    padding: 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 20, 52, 0.08) !important;
    box-sizing: border-box !important;
  }

  body[data-page="video"] .video-hot-thumb {
    flex: 0 0 96px !important;
    width: 96px !important;
    height: 72px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  body[data-page="video"] .video-hot-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body[data-page="video"] .video-hot-main {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  body[data-page="video"] .video-hot-main h3 {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-page="video"] .video-hot-main h3 a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    color: var(--color-text) !important;
    word-break: break-word !important;
  }

  body[data-page="video"] .video-hot-main p {
    margin: 0 !important;
    color: rgba(71, 84, 103, 0.88) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    word-break: break-word !important;
  }

  body[data-page="video"] .video-hot-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    color: #7b8aa5 !important;
  }

  body[data-page="video"] .video-hot-badge {
    display: none !important;
  }

  body[data-page="video"] .video-mobile-portal > .container > .video-cta,
  body[data-page="video"] .video-portal-cta {
    display: block !important;
    min-height: auto !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-page="video"] .video-portal-cta__media,
  body[data-page="video"] .video-portal-cta__media img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

@media (max-width: 768px) {
  /* News page EOF recovery: restore the mobile banner, tighten the load-more button, and keep the CTA in a single-layer card with the title outside. */
  body[data-page="news"] {
    overflow-x: hidden !important;
  }

  body[data-page="news"] .page-banner.news-banner {
    display: block !important;
    visibility: visible !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    min-height: 180px !important;
    height: 180px !important;
    margin: 12px 16px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    position: relative !important;
  }

  body[data-page="news"] .page-banner.news-banner .news-banner__inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 16px 28px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .page-banner.news-banner h1 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: left !important;
  }

  body[data-page="news"] .page-banner.news-banner .news-hero-subtitle {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    text-align: left !important;
  }

  body[data-page="news"] .page-banner.news-banner .news-hero-desc,
  body[data-page="news"] .page-banner.news-banner .news-hero-media,
  body[data-page="news"] .page-banner.news-banner .banner-search {
    display: none !important;
  }

  body[data-page="news"] .news-mobile-hot {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore,
  body[data-page="news"] .news-load-more,
  body[data-page="news"] .news-mobile-loadmore-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 24px 0 24px !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore .btn,
  body[data-page="news"] .news-load-more .btn,
  body[data-page="news"] .news-mobile-loadmore-wrapper .btn,
  body[data-page="news"] .news-mobile-loadmore .btn {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    border: 1px solid #0a6cff !important;
    background: #fff !important;
    color: #0a6cff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-cta {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 16px !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .news-mobile-cta__head {
    margin: 0 0 16px !important;
  }

  body[data-page="news"] .news-mobile-cta__head > h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="news"] .news-mobile-cta__head > h2::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    align-self: center !important;
  }

  body[data-page="news"] .news-mobile-cta__head > h2::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="news"] .news-mobile-cta > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-cta-card {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    display: block !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .news-cta-card__copy {
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="news"] .news-cta-card__copy p {
    margin: 0 0 16px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #5f7190 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="news"] .news-cta-card__actions {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="news"] .news-cta-card__actions .btn,
  body[data-page="news"] .news-cta-card__actions a,
  body[data-page="news"] .news-cta-card__copy .btn,
  body[data-page="news"] .news-cta-card__copy button {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
  }

  body[data-page="news"] .news-cta-card__media,
  body[data-page="news"] .news-cta-card__media img,
  body[data-page="news"] .news-mobile-cta .news-cta-card__media,
  body[data-page="news"] .news-mobile-cta .news-cta-card__media img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .site-footer {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news-detail"] .news-detail-mobile__head {
    display: block !important;
    visibility: visible !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 16px 16px 16px !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__head h1 {
    margin: 0 0 16px !important;
    color: #0b2348 !important;
    font-size: 28px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px 12px !important;
    margin: 0 !important;
    color: rgba(16, 24, 40, 0.6) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta span,
  body[data-page="news-detail"] .news-detail-mobile__meta a {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta span:nth-child(2) {
    display: inline-flex !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__meta svg,
  body[data-page="news-detail"] .news-detail-mobile__meta em {
    display: none !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__hero-image {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 9 !important;
    background: #f3f6fb !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__hero-image img,
  body[data-page="news-detail"] .news-detail-mobile__body img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 16px !important;
    object-fit: cover !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__summary {
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    color: rgba(16, 24, 40, 0.78) !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body section {
    margin: 0 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body section + section {
    margin-top: 24px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body h2 {
    position: relative !important;
    margin: 0 0 16px !important;
    padding-left: 12px !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
    transform: translateY(-50%) !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__body p {
    margin: 0 !important;
    color: rgba(16, 24, 40, 0.72) !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    padding: 16px !important;
    border: 1px solid rgba(0, 20, 52, 0.10) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(0, 20, 52, 0.08) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #0b2348 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related h2::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 2px !important;
    background: #0a6cff !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related header a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0a6cff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related header a::after {
    content: " >" !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    min-height: 194px !important;
    border: 1px solid rgba(0, 20, 52, 0.10) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    color: inherit !important;
    box-sizing: border-box !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid img {
    width: 100% !important;
    height: 70px !important;
    object-fit: cover !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: fit-content !important;
    height: 26px !important;
    margin: 12px auto 8px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    background: rgba(11, 91, 211, 0.14) !important;
    color: #0a6cff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__tag.is-green {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #15803d !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__tag.is-orange {
    background: rgba(251, 146, 60, 0.18) !important;
    color: #c2410c !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin: 0 8px 4px !important;
    color: rgba(16, 24, 40, 0.92) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__related-grid small {
    display: block !important;
    margin: 0 8px 8px !important;
    color: rgba(16, 24, 40, 0.56) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  body[data-page="news-detail"] .news-detail-mobile__detail-link {
    display: block !important;
    margin: auto 8px 12px !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news"] .news-list-item .news-tag {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  body[data-page="news"] .news-list-item h2 {
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .news-list-item h2 a {
    color: inherit !important;
  }

  body[data-page="news"] .news-list-item p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .news-list-item .news-meta {
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  body[data-page="news"] .news-list-item .news-meta span:first-child {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  body[data-page="news"] .news-main-card > .news-mobile-loadmore .btn,
  body[data-page="news"] .news-load-more .btn,
  body[data-page="news"] .news-mobile-loadmore-wrapper .btn,
  body[data-page="news"] .news-mobile-loadmore .btn {
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    border-radius: 14px !important;
  }

  body[data-page="news"] .news-cta-card__actions .btn,
  body[data-page="news"] .news-cta-card__actions a,
  body[data-page="news"] .news-cta-card__copy .btn,
  body[data-page="news"] .news-cta-card__copy button {
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    border-radius: 14px !important;
  }

  body[data-page="news"] .news-cta-card__actions .btn.btn-accent,
  body[data-page="news"] .news-cta-card__actions .btn.btn-outline {
    border-radius: 14px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news"] .news-mobile-categories {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-categories > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-categories__card.news-category-card.news-filter-card,
  body[data-page="news"] .news-mobile-categories__card {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="news"] .news-mobile-categories__head {
    display: block !important;
    margin: 0 0 12px !important;
  }

  body[data-page="news"] .news-mobile-categories__title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #0b2348 !important;
  }

  body[data-page="news"] .news-mobile-categories__more {
    display: none !important;
  }

  body[data-page="news"] .news-mobile-categories__grid.news-category,
  body[data-page="news"] .news-mobile-categories__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body[data-page="news"] .news-mobile-categories__grid > a.news-mobile-category,
  body[data-page="news"] .news-mobile-categories__grid > a {
    min-width: 0 !important;
    height: 96px !important;
    min-height: 96px !important;
    padding: 14px 8px 12px !important;
    border-radius: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    box-shadow: 0 10px 24px rgba(0, 43, 102, 0.06) !important;
    color: #0b2348 !important;
  }

  body[data-page="news"] .news-mobile-categories__grid > a.news-mobile-category.is-active,
  body[data-page="news"] .news-mobile-categories__grid > a.is-active,
  body[data-page="news"] .news-mobile-categories__grid > a[aria-selected="true"] {
    background: linear-gradient(135deg, #0a6cff, #0047b8) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(10, 108, 255, 0.22) !important;
    border-color: transparent !important;
  }

  body[data-page="news"] .news-mobile-categories__icon {
    width: 22px !important;
    height: 22px !important;
    margin-bottom: 4px !important;
    color: #0a6cff !important;
    flex: 0 0 auto !important;
  }

  body[data-page="news"] .news-mobile-categories__grid > a.is-active .news-mobile-categories__icon,
  body[data-page="news"] .news-mobile-categories__grid > a[aria-selected="true"] .news-mobile-categories__icon {
    color: #fff !important;
  }

  body[data-page="news"] .news-mobile-categories__icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  body[data-page="news"] .news-mobile-categories__label.news-category-title,
  body[data-page="news"] .news-mobile-categories__label {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    color: #0b2348 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  body[data-page="news"] .news-mobile-categories__grid > a.is-active .news-mobile-categories__label,
  body[data-page="news"] .news-mobile-categories__grid > a[aria-selected="true"] .news-mobile-categories__label,
  body[data-page="news"] .news-mobile-categories__grid > a.is-active .news-category-title,
  body[data-page="news"] .news-mobile-categories__grid > a[aria-selected="true"] .news-category-title {
    color: #fff !important;
  }

  body[data-page="news"] .news-mobile-categories__count.news-category-count,
  body[data-page="news"] .news-mobile-categories__count {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #64748b !important;
  }

  body[data-page="news"] .news-mobile-categories__grid > a.is-active .news-mobile-categories__count,
  body[data-page="news"] .news-mobile-categories__grid > a[aria-selected="true"] .news-mobile-categories__count,
  body[data-page="news"] .news-mobile-categories__grid > a.is-active .news-category-count,
  body[data-page="news"] .news-mobile-categories__grid > a[aria-selected="true"] .news-category-count {
    color: #fff !important;
  }
}

@media (max-width: 768px) {
  body[data-page="about"] .mobile-page-hero,
  body[data-page="about"] .mobile-about-hero,
  body[data-page="products"] .product-banner,
  body[data-page="news"] .news-banner,
  body[data-page="support"] .service-banner,
  body[data-page="faq"] .service-banner,
  body[data-page="video"] .service-banner,
  body[data-page="solutions"] .solution-hero,
  body[data-page="cases"] .cases-mobile__hero,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero,
  body[data-page="faq"] .faq-mobile-hub,
  body[data-page="faq-detail"] .mobile-unified-hero,
  body[data-page="contact"] .contact-mobile__hero {
    display: block !important;
    position: relative !important;
    width: calc(100% - 32px) !important;
    min-height: 180px !important;
    height: 180px !important;
    margin: 0 16px 24px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #082d74 !important;
  }

  body[data-page="about"] .mobile-page-hero__image,
  body[data-page="products"] .product-banner::before,
  body[data-page="news"] .news-banner::before,
  body[data-page="support"] .service-banner::before,
  body[data-page="faq"] .service-banner::before,
  body[data-page="video"] .service-banner::before,
  body[data-page="faq"] .faq-hub-hero__bg img,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__image img,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__image img,
  body[data-page="case-detail"] .case-detail-mobile__hero img,
  body[data-page="news-detail"] .news-detail-mobile__hero-image img,
  body[data-page="product-detail"] .pdm-mobile-hero__main img,
  body[data-page="faq-detail"] .mobile-unified-hero__image img,
  body[data-page="faq"] .faq-mobile-hub .faq-hub-hero__bg img,
  body[data-page="solutions-s"] .solutions-s-mobile__hero img,
  body[data-page="solutions-y"] .solutions-y-mobile__hero img,
  body[data-page="contact"] .contact-mobile__hero img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__overlay,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__overlay,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__overlay,
  body[data-page="case-detail"] .case-detail-mobile__hero::before,
  body[data-page="news-detail"] .news-detail-mobile__hero-image::before,
  body[data-page="faq-detail"] .mobile-unified-hero__overlay,
  body[data-page="contact"] .contact-mobile__hero::before,
  body[data-page="solutions"] .solution-hero::before {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    content: "" !important;
    pointer-events: none !important;
  }

  body[data-page="about"] .mobile-page-hero__overlay,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__overlay,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__overlay,
  body[data-page="faq-detail"] .mobile-unified-hero__overlay {
    background: linear-gradient(90deg, rgba(5, 25, 65, 0.88) 0%, rgba(5, 25, 65, 0.58) 55%, rgba(5, 25, 65, 0.18) 100%) !important;
  }

  body[data-page="solutions"] .solution-hero::before {
    background:
      linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.78) 54%, rgba(0, 44, 103, 0.24) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) right center / cover no-repeat !important;
    opacity: 1 !important;
  }

  body[data-page="products"] .product-banner::before,
  body[data-page="news"] .news-banner::before,
  body[data-page="support"] .service-banner::before,
  body[data-page="faq"] .service-banner::before,
  body[data-page="video"] .service-banner::before {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
  }

  body[data-page="contact"] .contact-mobile__hero::before {
    background:
      linear-gradient(90deg, rgba(1, 21, 59, 0.96) 0%, rgba(0, 44, 103, 0.76) 54%, rgba(0, 44, 103, 0.26) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) right center / cover no-repeat !important;
  }

  body[data-page="about"] .mobile-page-hero__content,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content,
  body[data-page="faq-detail"] .mobile-unified-hero__content,
  body[data-page="contact"] .contact-mobile__hero-copy {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="about"] .mobile-page-hero__content h1,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content h1,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content h1,
  body[data-page="faq-detail"] .mobile-unified-hero__content h1,
  body[data-page="contact"] .contact-mobile__hero-copy h1,
  body[data-page="faq"] .faq-hub-hero__content h1,
  body[data-page="video"] .video-portal-hero__copy h1,
  body[data-page="news"] .news-banner h1,
  body[data-page="products"] .product-banner h1,
  body[data-page="support"] .service-banner h1 {
    margin: 0 0 10px !important;
    color: #fff !important;
    line-height: 1.2 !important;
  }

  body[data-page="about"] .mobile-page-hero__content p,
  body[data-page="download"] .download-mobile-center .mobile-unified-hero__content p,
  body[data-page="download-detail"] .download-detail-mobile .mobile-unified-hero__content p,
  body[data-page="faq-detail"] .mobile-unified-hero__content p,
  body[data-page="contact"] .contact-mobile__hero-subtitle,
  body[data-page="news"] .news-banner p,
  body[data-page="products"] .product-banner p,
  body[data-page="support"] .service-banner p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    line-height: 1.6 !important;
  }

  body[data-page="news"] .news-banner,
  body[data-page="products"] .product-banner,
  body[data-page="support"] .service-banner,
  body[data-page="faq"] .service-banner,
  body[data-page="video"] .service-banner {
    display: block !important;
  }

  body[data-page="contact"] .contact-mobile__hero {
    display: flex !important;
    align-items: center !important;
  }

  body[data-page="contact"] .contact-mobile__hero-copy {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
  }

  body[data-page="video"] .video-portal-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 118px !important;
    gap: 12px !important;
    align-items: center !important;
    background:
      linear-gradient(135deg, rgba(11, 47, 118, 0.92) 0%, rgba(11, 77, 184, 0.72) 56%, rgba(13, 105, 255, 0.94) 100%),
      var(--banner-image, url("../images/banners/default-industrial-factory.png")) center right / cover no-repeat !important;
  }

  body[data-page="video"] .video-portal-hero__copy {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  body[data-page="faq"] .faq-hub-hero {
    display: flex !important;
    position: relative !important;
  }

  body[data-page="faq"] .faq-hub-hero__content {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
  }

  /* FAQ mobile final flow fix: remove the hard height cap that clips the list area. */
  body[data-page="faq"] .faq-mobile-hub {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-block: 12px 18px !important;
  }

  body[data-page="faq"] .faq-mobile-hub .container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-hero {
    display: grid !important;
    width: 100% !important;
    min-height: 180px !important;
    height: auto !important;
    overflow: hidden !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-board {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 12px !important;
    overflow: visible !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-cats,
  body[data-page="faq"] .faq-mobile-hub .faq-hub-accordion,
  body[data-page="faq"] .faq-mobile-hub .faq-hub-cta {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-cats,
  body[data-page="faq"] .faq-mobile-hub .faq-hub-accordion {
    overflow: visible !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-accordion-list {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-cta {
    margin-top: 14px !important;
    margin-bottom: 24px !important;
  }

  body[data-page="faq"] {
    padding-bottom: calc(env(safe-area-inset-bottom) + 92px) !important;
  }

  body[data-page="faq"] main.service-page {
    padding-bottom: calc(env(safe-area-inset-bottom) + 92px) !important;
  }

  body[data-page="support"] .service-banner__inner {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="news"] .news-banner__inner,
  body[data-page="products"] .product-banner__inner {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-page="solutions"] .solution-page > section.solution-hero:not(.solutions-mobile-hero):not(.solutions-mobile-industry):not(.solutions-mobile-showcase):not(.solutions-mobile-cta):not(.mobile-unified-hero) {
    display: block !important;
  }

body[data-page="video"] .video-mobile-portal--cases-rhythm .video-portal-hero,
body[data-page="video"] .video-mobile-portal .video-portal-hero {
    display: grid !important;
  }

  body[data-page="about"] .about-banner,
  body[data-page="about"] .about-banner__inner,
  body[data-page="products"] .product-banner,
  body[data-page="products"] .product-banner__inner,
  body[data-page="news"] .news-banner,
  body[data-page="news"] .news-banner__inner,
  body[data-page="support"] .service-banner,
  body[data-page="support"] .service-banner__inner,
  body[data-page="video"] .service-banner,
  body[data-page="video"] .service-banner__inner,
  body[data-page="faq"] .service-banner,
  body[data-page="faq"] .service-banner__inner {
    border-radius: 24px !important;
    overflow: hidden !important;
  }
}

@media (max-width: 768px) {
  /* Video detail content recovery: keep desktop intro intact and show the real article body only on mobile. */
  body[data-page="video-detail"] .video-detail-desktop-content {
    display: none !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content {
    max-width: 100% !important;
    color: rgba(16, 24, 40, 0.72) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content > :first-child {
    margin-top: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content > :last-child {
    margin-bottom: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content p {
    margin: 0 0 12px !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content h2,
  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content h3,
  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content h4 {
    margin: 16px 0 10px !important;
    color: #0b2348 !important;
    line-height: 1.35 !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content ul,
  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content ol {
    margin: 0 0 12px 20px !important;
    padding: 0 !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content li {
    margin: 0 0 6px !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content blockquote {
    margin: 12px 0 !important;
    padding: 10px 12px !important;
    border-left: 3px solid #dbe6f3 !important;
    background: rgba(11, 35, 72, 0.04) !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content img,
  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content video,
  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content iframe,
  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content embed,
  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content object,
  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content svg {
    max-width: 100% !important;
    height: auto !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content img {
    display: block !important;
  }

  body[data-page="video-detail"] .video-detail-mobile-content .video-detail-content table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 768px) {
  /* Case detail mobile overrides: replace hardcoded recommendations with backend content and keep the cards overflow-safe. */
  body[data-page="case-detail"] .case-detail-mobile__related-track {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track > a.case-device-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 20, 52, 0.05) !important;
    text-decoration: none !important;
    color: inherit !important;
    overflow: hidden !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track > a.case-device-card img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    border-radius: 10px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-track > a.case-device-card h3 {
    margin: 8px 0 0 !important;
    color: #0e274f !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases-grid > a.related-case-card {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px !important;
    border: 1px solid rgba(14, 39, 88, 0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 20, 52, 0.05) !important;
    text-decoration: none !important;
    color: inherit !important;
    overflow: hidden !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases-grid > a.related-case-card img {
    width: 96px !important;
    height: 72px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases-grid > a.related-case-card strong {
    color: #0e274f !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases-grid > a.related-case-card span {
    display: inline-flex !important;
    width: fit-content !important;
    min-height: 20px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: rgba(10, 108, 255, 0.10) !important;
    color: #0a6cff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  body[data-page="case-detail"] .case-detail-mobile__related-cases-grid > a.related-case-card em {
    display: inline-flex !important;
    width: fit-content !important;
    margin-top: 2px !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-style: normal !important;
    font-weight: 800 !important;
  }
}


@media (max-width: 768px) {
  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta,
  body[data-page="product-detail"] .product-detail-mobile > .container > section.pdm-cta.mobile-unified-cta {
    background: linear-gradient(135deg, #0b2348 0%, #0a6cff 100%) !important;
    box-shadow: 0 12px 28px rgba(11, 35, 72, 0.14) !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-list {
    gap: 12px !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #e5eaf2 !important;
    box-shadow: 0 8px 20px rgba(11, 35, 72, 0.05) !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-main {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    min-width: 0 !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-main > span.is-pdf,
  body[data-page="product-detail"] .product-detail-mobile .pdm-download-main > span.is-dwg {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-info {
    min-width: 0 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-info b {
    display: -webkit-box !important;
    margin: 0 0 3px !important;
    color: #0b2348 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-info small {
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-download-action {
    height: 36px !important;
    min-width: 56px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: #0a6cff !important;
    color: #fff !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="product-detail"] .product-detail-mobile a.pdm-case-card {
    text-decoration: none !important;
    color: inherit !important;
  }

  body[data-page="product-detail"] .product-detail-mobile a.pdm-case-card em {
    margin-top: 10px !important;
    align-self: flex-start !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  body[data-page="product-detail"] .product-detail-mobile .pdm-faq-list details a {
    margin-top: 8px !important;
    display: inline-flex !important;
    color: #0a6cff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
}

@media (max-width: 768px) {
  body[data-page="products"] main.product-page > .product-banner,
  body[data-page="products"] .page-banner.product-banner {
    position: relative !important;
    overflow: hidden !important;
  }

  body[data-page="products"] main.product-page > .product-banner > .product-banner__inner,
  body[data-page="products"] .page-banner.product-banner > .product-banner__inner {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    top: 24px !important;
    bottom: 24px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    min-height: 0 !important;
    height: auto !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  body[data-page="products"] main.product-page > .product-banner > .product-banner__inner > *,
  body[data-page="products"] .page-banner.product-banner > .product-banner__inner > * {
    position: relative !important;
    z-index: 3 !important;
  }

  body[data-page="products"] .product-banner h1 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: 3 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: 240px !important;
    overflow: visible !important;
    clip-path: none !important;
    color: #fff !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="products"] .product-banner p {
    margin: 0 !important;
    max-width: 240px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    position: relative !important;
    z-index: 3 !important;
  }

  body[data-page="products"] .product-banner::before {
    z-index: 0 !important;
  }
}

@media (max-width: 768px) {
  body[data-page="faq-detail"] .faq-detail-mobile .faq-detail-head,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-detail-head__copy,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-detail-head__copy > *,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-detail-head__copy *:not(img):not(svg):not(video):not(iframe):not(table):not(pre):not(code),
  body[data-page="faq-detail"] .faq-detail-mobile .faq-question h2,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-detail-meta,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps h3,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps p,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps div,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps span,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps li,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps strong {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps img,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps video,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps iframe,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps table,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps pre,
  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps code {
    max-width: 100% !important;
    height: auto !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile .faq-steps table {
    display: block !important;
    overflow-x: auto !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile .faq-doc-main small {
    display: none !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile .faq-doc-item {
    min-height: 0 !important;
    padding: 12px 14px !important;
    gap: 10px !important;
    align-items: center !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile .faq-doc-main {
    min-width: 0 !important;
    width: 100% !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile .faq-doc-main strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    white-space: normal !important;
    line-height: 1.4 !important;
  }

  body[data-page="faq-detail"] .faq-detail-mobile .faq-doc-action {
    justify-self: end !important;
    align-self: center !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
}

@media (max-width: 768px) {
  body[data-page="products"] .product-mobile-pagination .page-status {
    display: none !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card {
    gap: 2px 12px !important;
    padding: 10px 14px 9px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    grid-template-areas:
      "image title"
      "image desc"
      "image link" !important;
    grid-template-rows: auto auto auto !important;
    grid-auto-rows: min-content !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > h3 {
    margin-bottom: 1px !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > p {
    margin-bottom: 1px !important;
  }

  body[data-page="products"] .product-grid > .zz-product-card > a {
    align-self: start !important;
    margin-top: -2px !important;
  }

  body[data-page="products"] .product-mobile-pagination {
    gap: 6px !important;
    padding-top: 10px !important;
  }
}

@media (max-width: 768px) {
  body[data-page="cases"] .cases-mobile__load-more {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile__pagination,
  body[data-page="cases"] .cases-mobile__pagination .page-numbar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  body[data-page="cases"] .cases-mobile__pagination {
    flex-wrap: nowrap !important;
  }

  body[data-page="cases"] .cases-mobile__pagination .page-numbar {
    flex: 0 0 auto !important;
    width: auto !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  body[data-page="cases"] .cases-mobile__pagination {
    margin-top: 14px !important;
    padding-top: 10px !important;
    padding-bottom: 2px !important;
  }

  body[data-page="cases"] .cases-mobile__pagination .page-status,
  body[data-page="cases"] .cases-mobile__pagination .page-index,
  body[data-page="cases"] .cases-mobile__pagination .page-last {
    display: none !important;
  }

  body[data-page="cases"] .cases-mobile__pagination a,
  body[data-page="cases"] .cases-mobile__pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(13, 36, 79, 0.10) !important;
    background: var(--color-white) !important;
    color: #1b2d4c !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body[data-page="cases"] .cases-mobile__pagination .page-num-current,
  body[data-page="cases"] .cases-mobile__pagination a.is-active {
    color: var(--color-white) !important;
    border-color: rgba(0, 70, 184, 0.20) !important;
    background: var(--color-blue-700) !important;
  }
}

@media (max-width: 768px) {
  body[data-page="news"] .news-list-item h2 {
    margin: 0 0 6px !important;
    color: #0b2348 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body[data-page="news"] .news-list-item h2 a {
    color: inherit !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 768px) {
  /* FAQ mobile final polish: light shell background, tighter flow, and horizontal pagination. */
  body[data-page="faq"] .faq-mobile-hub {
    background: #f5f7fa !important;
  }

  body[data-page="faq"] .faq-mobile-hub .container {
    padding-top: 0 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-board {
    gap: 16px !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-accordion {
    margin-top: 0 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-more {
    display: none !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-pagination > span,
  body[data-page="faq"] .faq-mobile-hub .service-pagination > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-status {
    display: none !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-index,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-pre,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-numbar,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-next,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-last {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-numbar {
    flex: 0 1 auto !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-numbar a,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-numbar span,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-index a,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-pre a,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-next a,
  body[data-page="faq"] .faq-mobile-hub .service-pagination .page-last a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 34px !important;
    height: 32px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-cta {
    margin-top: 8px !important;
    margin-bottom: 16px !important;
  }

  body[data-page="faq"] .faq-mobile-hub .faq-hub-cta,
  body[data-page="faq"] .faq-mobile-hub .faq-hub-cta.mobile-unified-cta {
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-faq-list a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-faq-list a strong {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 30px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #0b2348 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .service-faq-list a span {
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0a6cff !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body[data-page="faq"] .faq-mobile-hub .site-footer,
  body[data-page="faq"] .faq-mobile-hub .footer,
  body[data-page="faq"] .faq-mobile-hub .mobile-footer {
    margin-top: 0 !important;
  }
}