/* Site-wide visual asset fixes identified during the 2026-09-15 audit. */

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

@media (min-width: 701px) {
  body .dibu {
    background-image:
      linear-gradient(rgb(1 15 32 / 34%), rgb(1 15 32 / 22%)),
      url('../home-2026/footer-fleet.webp') !important;
    background-position: center 58% !important;
    background-size: cover !important;
  }

  .oem_bac,
  .oem_adv_bac {
    max-width: 100%;
    overflow-x: clip;
  }
}

@media (min-width: 981px) {
  .garment-header-inner {
    grid-template-columns: 285px minmax(0, 1fr) auto;
  }

  .garment-logo {
    align-self: center;
    width: 285px;
    height: 82px;
  }
}

@media (min-width: 769px) {
  html.loong-home-page .garment-header-inner {
    width: min(calc(100% - 80px), 1500px);
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .garment-logo img {
    top: 50%;
    right: auto;
    bottom: auto;
    left: -0.9%;
    width: 88.8%;
    height: auto;
    max-width: none;
    transform: translateY(-50%);
    object-position: left center;
    transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity;
  }
}

@media (min-width: 769px) and (max-width: 1400px) {
  html.loong-home-page .garment-header-inner {
    width: min(calc(100% - 64px), 1320px);
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  html.loong-home-page .garment-header-inner {
    width: min(calc(100% - 48px), 1040px);
  }
}

@media (min-width: 981px) and (max-width: 1280px) {
  .garment-header-inner {
    grid-template-columns: 220px minmax(0, 1fr) auto;
  }

  .garment-logo {
    width: 220px;
    height: 68px;
  }
}

.quality-image img {
  display: block;
}