/* Shared desktop chrome only: no inner-page content or mobile selectors. */
@media screen and (min-width: 701px) {
  html body .garment-header { --c1: #b3945d; --c2: #261f19; --accent: #b3945d; border-bottom-color: #d8c7a63b; }
  html body .garment-header-inner { width: min(1440px, calc(100% - 96px)); padding: 0 !important; gap: 28px; grid-template-columns: 220px minmax(0, 1fr) auto; height: 94px; }
  html body .garment-header .garment-logo { width: 208px; height: 69px; }
  html body .garment-header.is-scrolled { background: #fcfaf5f5; box-shadow: 0 4px 24px #251b1010; border-bottom-color: #aa916340; backdrop-filter: blur(12px); }
  html body .garment-header.is-scrolled .garment-header-inner { height: 82px; }
  html body .garment-header .garment-nav { justify-content: flex-end; }
  html body .garment-header .garment-nav > a, html body .garment-header .dropdown-trigger { font-size: 12px; }
  html body .garment-header .garment-nav > a.current { color: #ba9b62; }
  html body .garment-header.is-scrolled .garment-nav > a, html body .garment-header.is-scrolled .dropdown-trigger { color: #261f19 !important; }
  html body .garment-header .garment-nav > a:hover, html body .garment-header .garment-nav > a.current, html body .garment-header .dropdown-trigger:hover { color: #b4955d !important; }
  body:has(.cw-home) .garment-header:not(.is-scrolled) { background: #19130d40 !important; }
  body:has(.cw-home) .garment-header:not(.is-scrolled) .garment-nav > a, body:has(.cw-home) .garment-header:not(.is-scrolled) .dropdown-trigger { color: #f9f3e8 !important; }
  body:has(.cw-home) .garment-header:not(.is-scrolled) .logo-light { opacity: 1 !important; }
  body:has(.cw-home) .garment-header:not(.is-scrolled) .logo-dark { opacity: 0 !important; }
  html body .garment-header .price-list-dropdown { position: fixed; top: 94px; left: 50%; transform: translateX(-50%); background: #fcfaf5; border-color: #d9c9ab; }
  html body .garment-header.is-scrolled .price-list-dropdown { top: 82px; }
  html body .garment-header .price-list-card { border-color: #e3d9c6; }
  html body .garment-header .price-list-card:hover { background: #efe7d8; border-color: #b79861; }
  html body .dibu { --c1: #b3945d; --c2: #261f19; background-color: #19140f !important; background-image: linear-gradient(90deg, #15100bea, #15100bd9 45%, #15100bc2), url('../img/chinee-pc-20260915/footer.webp') !important; background-position: center !important; background-size: cover !important; border-top: 1px solid #b4975c66; }
  html body .dibu .bls { display: none !important; }
  html body .dibu .footer { width: min(1440px, calc(100% - 96px)) !important; max-width: 1440px !important; margin: 0 auto !important; padding: 64px 0 42px !important; }
  html body .dibu .footer2 { width: min(1440px, calc(100% - 96px)) !important; max-width: 1440px !important; margin-inline: auto !important; padding: 22px 0 !important; border-top: 1px solid #c0a87a3b !important; color: #bbaf9c !important; font-size: 12px !important; }
  html body .dibu .footer-l p { color: #c8bdad !important; font-size: 13px; line-height: 1.85; }
  html body .dibu .footer-l .logo { max-width: 285px; margin-bottom: 18px; }
  html body .dibu .footer-r h3 { color: #ecddc2 !important; font-size: 17px; font-weight: 500; margin-bottom: 18px; }
  html body .dibu .footer-r, html body .dibu .footer-r a, html body .dibu .footer-r p { color: #c8bdad !important; font-size: 12px; line-height: 1.8; }
  html body .dibu .footer-r a:hover { color: #e6c38a !important; }
  html body .dibu .share2 a { border-color: #bfa16a55 !important; background: #d2b8790d !important; }
  @media (max-width: 1200px) {
    html body .garment-header-inner, html body .dibu .footer, html body .dibu .footer2 { width: calc(100% - 64px) !important; }
    html body .garment-header-inner { grid-template-columns: 185px minmax(0, 1fr) auto; gap: 18px; }
    html body .garment-header .garment-logo { width: 180px; height: 60px; }
    html body .garment-header .garment-nav > a, html body .garment-header .dropdown-trigger { font-size: 11px; }
  }
  @media (max-width: 1024px) {
    html body .garment-header .price-list-dropdown, html body .garment-header.is-scrolled .price-list-dropdown { top: 76px; }
    html body .garment-header-inner { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; padding: 0; height: 76px; }
    html body .garment-header .garment-logo { width: 150px; height: 50px; }
    html body .garment-header.is-scrolled .garment-header-inner { height: 76px; }
    html body .garment-header .garment-nav { justify-content: flex-start; }
  }
}