@media screen and (min-width: 701px) {
  html body:not(.home) .page-hero {
    min-height: 520px;
    border-bottom: 4px solid #e01010;
    background-image: url(../img/pc-home-logo-refresh-20260914/hero-loong-oem.webp) !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  html body:not(.home) .page-hero-overlay {
    background:
      linear-gradient(90deg, rgba(7, 8, 9, 0.96) 0%, rgba(10, 11, 12, 0.82) 38%, rgba(10, 11, 12, 0.25) 68%, rgba(10, 11, 12, 0.12) 100%),
      linear-gradient(to top, rgba(7, 8, 9, 0.52), transparent 58%) !important;
  }

  html body:not(.home) .page-hero::after {
    filter: saturate(0.82) hue-rotate(348deg);
  }

  html body:not(.home) .page-hero h1 {
    letter-spacing: 0;
    text-shadow: 0 3px 24px rgba(0, 0, 0, 0.34);
  }

  html body:not(.home) .page-hero .breadcrumb .current {
    border-color: rgba(224, 16, 16, 0.78);
    background: rgba(224, 16, 16, 0.18);
  }

  html body .dibu {
    min-height: 0;
    padding-top: 76px;
    border-top: 4px solid #e01010;
    background-image:
      linear-gradient(100deg, rgba(7, 8, 9, 0.97) 0%, rgba(12, 14, 16, 0.91) 52%, rgba(32, 5, 6, 0.84) 100%),
      url(../img/pc-home-logo-refresh-20260914/hero-loong-oem.webp) !important;
    background-position: center 58% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  html body .dibu .bls {
    display: none !important;
  }

  html body .dibu::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(224, 16, 16, 0.1), transparent 34%, transparent 72%, rgba(224, 16, 16, 0.12));
  }

  html body .dibu .footer,
  html body .dibu .footer2 {
    position: relative;
    z-index: 1;
  }

  html body .dibu .footer-r ul h3 {
    position: relative;
    padding-bottom: 12px;
    letter-spacing: 0;
  }

  html body .dibu .footer-r ul h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 3px;
    background: #e01010;
  }

  html body .dibu .footer-r ul li a:hover,
  html body .dibu .footer-r a:hover {
    color: #ff3a3a !important;
  }

  html body .dibu .share2 a {
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
  }

  html body .dibu .share2 a:hover {
    border-color: #e01010;
    background: #e01010;
  }
}