/* Shared header layout: keep the brand column stable as navigation grows. */
.header-section .container .row {
  flex-wrap: nowrap;
  align-items: center;
}

.header-section .row > .col:first-child {
  flex: 0 0 195px;
  width: 195px;
  min-width: 0;
}

.header-section .row > .col:last-child {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.header-logo,
.header-logo a {
  display: block;
  width: 165px;
  max-width: 100%;
}

.header-logo img {
  display: block;
  width: 165px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.main-menu {
  width: auto !important;
  min-width: 0;
}

.main-menu ul {
  min-width: 0;
}

.main-menu ul li a {
  font-size: 16px !important;
}

.main-menu ul li + li {
  margin-left: 0 !important;
}

.main-menu ul li {
  flex: 0 0 auto;
}

.offcanvas-logo img {
  display: block;
  width: 165px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .header-section .row > .col:first-child,
  .header-logo,
  .header-logo a {
    flex-basis: 165px;
    width: 165px;
  }

  .header-logo img {
    width: 135px;
  }

  .main-menu ul {
    gap: 2px;
  }

  .main-menu ul li a {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 13px !important;
  }
}

@media screen and (max-width: 991px) {
  .header-section .row {
    flex-wrap: nowrap;
  }

  .header-section .row > .col:first-child {
    flex-basis: 165px;
    width: 165px;
  }

  .header-logo,
  .header-logo a,
  .header-logo img {
    width: 135px;
  }
}