@media (min-width: 701px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  :root {
    --c1: #ff4b00;
    --c2: #161616;
  }

  .garment-header {
    border-bottom-color: rgba(255, 255, 255, 0.18);
  }

  .garment-header.is-scrolled {
    border-bottom: 2px solid #ff4b00;
  }

  .garment-logo {
    width: 238px;
    height: 72px;
  }

  .garment-logo img {
    object-position: left center;
  }

  .garment-nav > a.current,
  .garment-nav .dropdown-trigger.current,
  .garment-nav a:hover {
    color: #ff4b00;
  }

  .page-hero {
    min-height: 420px;
  }

  .page-hero-overlay {
    background: rgba(8, 9, 10, 0.48);
  }

  .page-hero h1 em,
  .page-hero-copy em {
    color: #ff5a0a;
  }

  .dibu {
    background-image: linear-gradient(rgba(7, 8, 9, 0.72), rgba(7, 8, 9, 0.94)), url("../img/loong-20260923/footer-atv-utv.webp") !important;
    background-position: center !important;
    background-size: cover !important;
    border-top: 3px solid #ff4b00;
  }

  .dibu .footer-l .logo img {
    object-fit: contain;
    object-position: left center;
  }

  .dibu .footer-r h3::after,
  .dibu a:hover {
    color: #ff5a0a;
  }

  .dibu .waves {
    opacity: 0.24;
  }
}