:root {
  --loong-navy: #062f5e;
  --loong-blue: #07518f;
  --loong-steel: #737a82;
  --loong-ink: #111820;
}

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

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

@media screen and (max-width: 700px) {
  .garment-header .logo-light {
    opacity: 0 !important;
  }

  .garment-header .logo-dark {
    opacity: 1 !important;
  }
}

.az-profile-carousel::after {
  content: "Illustrative production imagery";
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 6;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: rgba(6, 24, 43, 0.76);
  color: #fff;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0;
  pointer-events: none;
}

@media screen and (min-width: 701px) {
  .page-hero {
    background-image: url(../img/loong-home/loong-hero-product-range.webp) !important;
    background-position: center 53% !important;
  }

  .dibu {
    background-image:
      linear-gradient(rgba(3, 12, 23, 0.94), rgba(3, 22, 41, 0.78)),
      url(../img/loong-home/loong-hero-product-range.webp) !important;
    background-position: center 58% !important;
  }
}