@media screen and (min-width: 701px) {
  html:root {
    --c1: #344b5d;
    --c2: #c4933f;
  }

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

  .garment-logo .logo-light {
    content: url('../home-redesign-2026/brand-logo-light.png');
  }

  .garment-logo .logo-dark {
    content: url('../home-redesign-2026/brand-logo-dark.png');
  }

  body .dibu {
    background-image:
      linear-gradient(rgba(7, 17, 24, 0.5), rgba(7, 17, 24, 0.5)),
      url('../home-redesign-2026/factory-campus-brand-front.webp') !important;
    background-position: center 44% !important;
  }

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

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

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

  .garment-logo {
    width: 272px;
    height: 76px;
  }
}

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

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