@media (min-width: 701px) {
  :root {
    --c1: #e00010 !important;
    --c2: #0050a0 !important;
    --chinee-red: #e00010;
    --chinee-blue: #0050a0;
    --chinee-gold: #f0a000;
    --chinee-ink: #171a1f;
    --chinee-muted: #5f6874;
    --chinee-line: #dfe4ea;
    --chinee-surface: #f4f6f8;
  }

  h1,
  h2,
  h3,
  h4,
  .cs-eyebrow {
    letter-spacing: 0 !important;
  }

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

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

  .garment-logo {
    width: 224px;
    height: 72px;
  }

  .garment-nav > a,
  .dropdown-trigger {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
  }

  .garment-nav > a::after,
  .dropdown-trigger::after {
    height: 2px;
    background: var(--chinee-gold);
  }

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

  .garment-header.is-scrolled .garment-nav > a:hover,
  .garment-header.is-scrolled .garment-nav > a.current,
  .garment-header.is-scrolled .dropdown-trigger:hover,
  .garment-header.is-scrolled .dropdown-trigger.current {
    color: var(--chinee-red);
  }

  .dibu {
    background-image: linear-gradient(rgba(8, 13, 20, 0.92), rgba(8, 13, 20, 0.82)), url('../img/chinee-home/textile-footer-banner.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
  }

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

  .dibu .footer-r ul h3::after,
  .dibu .footer-r ul li a:hover,
  .dibu .footer-r ul p a:hover {
    color: var(--chinee-gold) !important;
  }

  .dibu .waves .parallax use:nth-child(1) {
    fill: rgba(224, 0, 16, 0.66);
  }

  .dibu .waves .parallax use:nth-child(2) {
    fill: rgba(0, 80, 160, 0.78);
  }

  .price-list-card,
  .cs-card {
    border-radius: 8px !important;
  }

  .price-list-card:hover {
    border-color: var(--chinee-red) !important;
  }
}

@media (min-width: 1101px) and (max-width: 1366px) {
  .garment-header-inner {
    width: min(calc(100% - 44px), 1500px);
    grid-template-columns: 190px minmax(0, 1fr) auto;
    gap: 14px;
  }

  .garment-logo {
    width: 184px;
    height: 62px;
  }

  .garment-nav {
    justify-content: flex-end;
    gap: 14px;
    overflow: visible;
  }

  .garment-nav > a,
  .dropdown-trigger {
    font-size: 12.5px;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  .garment-header-inner {
    width: min(calc(100% - 24px), 1500px);
    grid-template-columns: 166px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 0;
  }

  .garment-logo {
    width: 160px;
    height: 54px;
  }

  .garment-nav {
    justify-content: flex-end;
    gap: 9px;
    overflow: visible;
  }

  .garment-nav > a,
  .dropdown-trigger {
    font-size: 11px;
  }
}