@media (min-width: 701px) {
  body .dibu {
    background-image:
      linear-gradient(90deg, rgba(3, 10, 19, 0.76), rgba(3, 10, 19, 0.46)),
      url('../img/home-2026/loong-hero-commercial-robots-equipment.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .garment-header-inner {
    grid-template-columns: 280px minmax(0, 1fr) auto;
    align-items: center;
  }

  .garment-logo {
    width: 258px;
    height: 80px;
    align-self: center;
  }

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

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

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