:root {
  --tianz-green-950: #062d1c;
  --tianz-green-900: #083a24;
  --tianz-green-800: #0b5331;
  --tianz-green-700: #116b40;
  --tianz-green-100: #e5efe9;
  --tianz-gold: #b8924a;
  --tianz-gold-light: #d7bd82;
  --tianz-ink: #152019;
  --tianz-paper: #f4f6f2;
  --c1: #0b5331;
  --c2: #b8924a;
}

@media screen and (min-width: 701px) {
  .quality-page .quality-image img {
    object-position: 20% center !important;
  }

  .garment-header-inner {
    grid-template-columns: 310px minmax(0, 1fr) auto;
    height: 108px;
  }

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

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

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

  .garment-nav > a.current,
  .garment-nav .dropdown-trigger.current {
    color: var(--tianz-gold-light);
  }

  .garment-header.is-scrolled .garment-nav > a.current,
  .garment-header.is-scrolled .dropdown-trigger.current {
    color: var(--tianz-green-700);
  }

  .dibu {
    background-image: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), url("footer-botanical.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .dibu .waves use:last-child {
    fill: #041c12;
  }

  .dibu .footer-r ul h3,
  .dibu .footer2,
  .dibu .footer-r a:hover {
    color: #fff;
  }
}