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

  .garment-header .garment-logo {
    width: 280px;
    height: 78px;
    flex: 0 0 280px;
  }

  .garment-header .garment-logo img {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
    object-position: left center;
    transform: scale(1.04);
    transform-origin: left center;
  }

  .garment-header.is-scrolled .garment-header-inner {
    min-height: 72px;
  }

  .dibu {
    --c1: #24282b;
    --c2: #ed1c24;
    background-image:
      linear-gradient(90deg, rgba(8, 10, 11, 0.64), rgba(8, 10, 11, 0.42)),
      url("../img/pc-home-2026/application-quarry.webp") !important;
    background-position: center 45% !important;
    background-size: cover !important;
  }

  .dibu::after {
    background: linear-gradient(180deg, rgba(237, 28, 36, 0.08), transparent 36%) !important;
  }

  .dibu .footer-l .logo {
    width: 300px;
    max-width: 100%;
  }

  .dibu .footer-l .logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center;
  }

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

    .garment-header .garment-logo {
      width: 240px;
      height: 72px;
      flex-basis: 240px;
    }
  }

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

    .garment-header .garment-logo {
      width: 196px;
      height: 62px;
      flex-basis: 196px;
    }
  }
}