/* Chinee Printer global brand refresh. Mobile layout and colors remain unchanged. */
.garment-logo {
  overflow: hidden;
}

.garment-logo img {
  transform: scale(1.55);
  transform-origin: left center;
}

.footer-l .logo {
  width: 250px;
  height: 84px;
  overflow: hidden;
}

.footer-l .logo a,
.footer-l .logo img {
  display: block;
  width: 100%;
  height: 100%;
}

.footer-l .logo img {
  object-fit: cover;
  object-position: center;
  transform: none;
}

@media (min-width: 701px) {
  :root {
    --c1: #08aeea;
    --c2: #1bb56d;
    --brand-ink: #0b1220;
    --brand-magenta: #f5005e;
    --brand-yellow: #ffb613;
  }

  body .garment-header.is-scrolled {
    border-bottom-color: rgba(11, 18, 32, 0.08);
    box-shadow: 0 12px 36px rgba(11, 18, 32, 0.08);
  }

  body .garment-nav > a:hover,
  body .garment-nav > a.current,
  body .dropdown-trigger:hover,
  body .dropdown-trigger.current {
    color: #1bb56d;
  }

  body .garment-nav > a::after,
  body .dropdown-trigger::after {
    background: #1bb56d;
  }

  html body .dibu {
    background-image:
      linear-gradient(90deg, rgba(4, 8, 15, 0.97), rgba(4, 8, 15, 0.78)),
      url(../img/home/factory-production-line.webp);
    background-position: center;
    background-size: cover;
  }

  html body .dibu .footer-r ul li a:hover,
  html body .dibu .footer-website a:hover {
    color: #08aeea;
  }

  body .mobile_nav {
    display: none !important;
  }
}

@media (min-width: 701px) and (max-width: 820px) {
  body .garment-header-inner {
    width: 100% !important;
    grid-template-columns: 132px minmax(0, 1fr) 0;
    gap: 8px;
    padding: 0 10px;
  }

  body .garment-logo {
    width: 128px;
    height: 48px;
  }

  body .garment-nav {
    gap: 8px;
    overflow: visible;
  }

  body .garment-nav > a,
  body .dropdown-trigger {
    gap: 2px;
    font-size: 10px;
  }
}

@media (max-width: 700px) {
  .garment-logo img {
    transform: scale(1.5);
  }
}