:root:root {
  --c1: #155fba;
  --c2: #087c9c;
  --c3: #edf5fa;
  --c4: #344654;
}

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

.garment-header .garment-logo {
  width: 296px;
  height: 90px;
  align-self: center;
}

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

.dibu.dibu {
  background-color: #000;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .68), rgba(0, 0, 0, .44)),
    url('../img/home-2026/application-control-cabinet.jpg');
  background-blend-mode: normal;
  background-position: center center;
}

@media screen and (min-width: 701px) {
  .dibu .bls { display: none; }
}

@media (max-width: 1250px) {
  .garment-header .garment-header-inner {
    grid-template-columns: 240px minmax(0, 1fr) auto;
    gap: 12px;
  }
  .garment-header .garment-logo { width: 232px; height: 80px; }
}

@media (max-width: 980px) {
  .garment-header .garment-header-inner {
    width: calc(100% - 24px);
    grid-template-columns: 165px minmax(0, 1fr);
    gap: 12px;
    padding: 0;
  }
  .garment-header .garment-logo { width: 165px; height: 60px; }
  .garment-header .garment-nav { gap: 10px; overflow: visible; }
  .garment-header .mobile-menu-contact { display: none; }
  .garment-header .garment-nav > a,
  .garment-header .dropdown-trigger { font-size: 12px; }
}

@media (max-width: 760px) {
  .garment-header .garment-header-inner { grid-template-columns: 140px minmax(0, 1fr); }
  .garment-header .garment-logo { width: 140px; height: 55px; }
  .garment-header .garment-nav { gap: 7px; }
  .garment-header .garment-nav > a,
  .garment-header .dropdown-trigger { font-size: 11px; }
}