:root {
  --c1: #003b8f;
  --c2: #075bbb;
  --c3: #eef3f8;
  --c4: #3f4853;
}

@media (min-width: 701px) {
  html body {
    --c1: #003b8f;
    --c2: #075bbb;
    --c3: #eef3f8;
    --c4: #3f4853;
  }

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

  .garment-logo {
    display: flex;
    width: 236px;
    height: 80px;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
  }

  .garment-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
  }

  .garment-header.is-scrolled .garment-logo {
    height: 74px;
  }

  body .dibu {
    position: relative;
    background-color: #07101d !important;
    background-image: linear-gradient(rgba(5, 12, 21, 0.63), rgba(5, 12, 21, 0.73)), url('../img/home-2026/factory/factory-campus.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
  }

  body .dibu::after {
    opacity: 0 !important;
  }

  body .dibu .bls {
    opacity: 0.18;
  }

  body .dibu .footer,
  body .dibu .footer2 {
    position: relative;
    z-index: 2;
  }

  body .dibu .footer-r ul h3::after {
    background: #2b78d0 !important;
  }

  body.home .cs-section {
    background: #eef3f8 !important;
  }

  body.home .cs-card {
    border-color: #d7e0ea !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  body.home .cs-card:hover {
    border-color: #91afd0 !important;
    transform: translateY(-4px) !important;
  }

  body.home .cs-card::before,
  body.home .cs-card:hover::before,
  body.home .cs-card.is-active::before {
    background: #075bbb !important;
  }

  body.home .cs-eyebrow,
  body.home .cs-card a,
  body.home .cs-card i {
    color: #003b8f !important;
  }

  body .garment-nav > a:hover,
  body .garment-nav > a.current,
  body .dropdown-trigger:hover,
  body .dropdown-trigger.current {
    color: #075bbb !important;
  }

  body .garment-nav > a::after,
  body .dropdown-trigger::after {
    background: #2b78d0 !important;
  }

  body .dibu .share2 a {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
  }

  body .dibu .share2 a:hover {
    background: #075bbb !important;
  }

  body #online_qq_tab #floatShow,
  body #online_qq_tab #floatHide,
  body .fixed-contact li {
    background-color: #075bbb !important;
  }

  body .progress-wrap,
  body .progress-wrap::after {
    color: #075bbb !important;
  }

  body .progress-wrap svg.progress-circle path {
    stroke: #075bbb !important;
  }
}

/* Keep shared page banners photographic and recognizable across inner pages. */
body .page-hero {
  background-position: center center !important;
  background-size: cover !important;
}

body .page-hero-overlay {
  background:
    linear-gradient(100deg, rgba(7, 16, 29, 0.72) 0%, rgba(7, 16, 29, 0.16) 46%, rgba(7, 16, 29, 0.24) 100%),
    linear-gradient(to top, rgba(7, 16, 29, 0.24), transparent 60%) !important;
}

body.page-id-28 .az-about-intro.az-profile::before {
  background-image: url('../img/home-2026/factory/factory-campus.webp') !important;
  background-position: center center !important;
}

.oem_bac,
.oem_adv_bac {
  overflow-x: hidden;
}