@media (min-width: 701px) {
  :root {
    --c1: #0957cf !important;
    --c2: #1681ef !important;
    --c3: #eef3f8 !important;
    --c4: #4e5d6b !important;
  }

  .garment-header .garment-logo {
    width: 232px;
  }

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

  .garment-header.is-scrolled {
    border-bottom-color: rgba(9, 87, 207, .12);
    box-shadow: 0 10px 28px rgba(15, 35, 55, .08);
  }

  .dibu {
    background-color: #07111d !important;
    background-image: linear-gradient(90deg, rgba(4, 11, 20, .97), rgba(4, 11, 20, .82)), url('../img/loong-home-hero-20260923.webp') !important;
    background-position: center 58% !important;
    background-size: cover !important;
  }

  .dibu .bls {
    opacity: .8;
  }

  .dibu .footer-l .logo {
    width: min(250px, 100%);
    height: 82px;
  }

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

  .dibu .footer-r h3 {
    color: #fff;
  }

  .dibu .footer-r a:hover,
  .dibu .share2 a:hover {
    color: #69b8ff;
  }
}

@media (max-width: 700px) {
  .garment-logo img {
    object-fit: contain;
    object-position: left center;
  }
}