:root {
  --c1: #861f2e;
  --c2: #b49c7d;
}

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

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

  .garment-logo {
    width: 258px;
    height: 82px;
  }

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

  .garment-nav {
    gap: clamp(15px, 1.75vw, 29px);
  }

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

  .dibu {
    background-image:
      linear-gradient(90deg, rgba(9, 9, 9, 0.74) 0%, rgba(9, 9, 9, 0.6) 44%, rgba(9, 9, 9, 0.42) 100%),
      url(./factory-exterior.webp) !important;
    background-position: center 58% !important;
    background-size: cover !important;
  }

  .dibu .bls .parallax use:nth-child(1) {
    fill: #5d1824;
  }

  .dibu .bls .parallax use:nth-child(2) {
    fill: #9d2738;
  }

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

  body:has(#cd-home) .zw {
    height: 0;
  }

  body:has(#cd-home) #kf {
    margin: 0;
    padding: 40px 0 122px;
    background: #fff;
  }

  body:has(#cd-home) #kf .cs-container {
    width: min(calc(100% - 96px), 1500px);
    max-width: none;
  }

  body:has(#cd-home) #kf .cs-header {
    display: none;
  }

  body:has(#cd-home) #kf .cs-grid {
    gap: 14px;
  }

  body:has(#cd-home) #kf .cs-card {
    overflow: hidden;
    border: 1px solid rgba(23, 21, 21, 0.12);
    border-radius: 4px;
    box-shadow: none;
  }

  body:has(#cd-home) #kf .cs-photo {
    border-radius: 0;
  }

  body:has(#cd-home) #kf .cs-info {
    border-top: 3px solid #861f2e;
  }
}

@media screen and (min-width: 701px) and (max-width: 1280px) {
  .garment-header-inner {
    width: calc(100% - 44px);
    grid-template-columns: 238px minmax(0, 1fr) auto;
    gap: 18px;
  }

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

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

  body:has(#cd-home) #kf .cs-container {
    width: calc(100% - 56px);
  }
}