@media screen and (min-width: 701px) {
  .dibu {
    position: relative;
    isolation: isolate;
    background-color: #10282e !important;
    background-image: url("../img/home-chinee-20260929/factory-campus-entrance-logo-v2.webp") !important;
    background-position: center 48% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .dibu::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background: rgba(0, 42, 51, 0.86);
    pointer-events: none;
  }

  .dibu .bls {
    opacity: 0.46;
  }

  .dibu .parallax use:nth-child(1) {
    fill: #d9e9ea !important;
  }

  .dibu .parallax use:nth-child(2) {
    fill: #7fb9bf !important;
  }

  .dibu .parallax use:nth-child(3) {
    fill: #3f737b !important;
  }

  .dibu .parallax use:nth-child(4) {
    fill: #172428 !important;
  }

  .dibu .footer,
  .dibu .footer a,
  .dibu .footer p,
  .dibu .footer span,
  .dibu .footer h3 {
    letter-spacing: 0;
  }

  .dibu .footer-r h3::after {
    background: #7fb9bf !important;
  }
}

/* Scoped shared desktop chrome; no body or :root palette overrides. */
@media screen and (min-width:701px) {
 #garmentHeader {--c1:#004050;--c2:#7fb9bf;--red:#004050;--red-dark:#004050;--accent:#7fb9bf;border-bottom-color:rgba(199,224,217,.24);background:rgba(0,40,50,.22)}
 #garmentHeader .garment-header-inner {height:94px}
 #garmentHeader.is-scrolled {background:#f8faf6;border-bottom-color:#d3e0d9;box-shadow:0 5px 22px rgba(0,45,55,.08)}
 #garmentHeader.is-scrolled .garment-header-inner {height:80px}
 #garmentHeader.is-scrolled .garment-nav > a,#garmentHeader.is-scrolled .dropdown-trigger {color:#004050}
 #garmentHeader .price-list-dropdown,#garmentHeader .support-dropdown {--ink:#153c43;--muted:#637a7c;--sand:#f1f5f0;--line:#dbe6e5}
 #garmentHeader .garment-nav > a.current::after {background:#a7cec0}
 .dibu {--c1:#004050;--c2:#7fb9bf}
 .dibu .bls {opacity:.3}
 .dibu .footer {padding-top:34px;padding-bottom:34px}
 .dibu .footer a:hover {color:#b9dfce!important}
}
@media screen and (min-width:701px) {
 .mobile_nav {display:none!important}
 #garmentHeader .garment-header-inner {grid-template-columns:190px minmax(0,1fr) auto;gap:24px}
 #garmentHeader .garment-nav {overflow:visible}
 @media(max-width:1279px){
  #garmentHeader .garment-header-inner {width:calc(100% - 48px);grid-template-columns:150px minmax(0,1fr);gap:20px;padding:0}
  #garmentHeader .garment-logo {width:145px}
  #garmentHeader .garment-nav {justify-content:flex-end;gap:16px}
  #garmentHeader .garment-nav>a,#garmentHeader .dropdown-trigger {font-size:11px;gap:3px}
 }
 @media(max-width:850px){
  #garmentHeader .garment-header-inner {width:calc(100% - 32px);grid-template-columns:116px minmax(0,1fr);gap:14px}
  #garmentHeader .garment-logo {width:116px}
  #garmentHeader .garment-nav {gap:11px}
  #garmentHeader .garment-nav>a,#garmentHeader .dropdown-trigger {font-size:9px}
 }
}
@media screen and (min-width:701px) {
 .zw:has(+ .dibu) {height:36px;background:#f5f7f2}
 .dibu {padding-top:20px}
 .dibu .bls {height:36px;top:-36px}
 .dibu .bls .waves {height:36px;min-height:36px;max-height:36px}
}
@media screen and (min-width:701px) {
 #garmentHeader .mobile-menu-contact {display:none!important}
 #garmentHeader .garment-nav {height:100%;min-height:0}
}