.footer .brand-logo {
  filter: brightness(0) invert(1);
}

@media (min-width: 981px) {
  .header-main {
    height: 98px;
    border-bottom: 1px solid #edf0f0;
  }

  .header-main .nav {
    width: min(1320px, calc(100% - 48px));
    gap: 22px;
  }

  .header-main .brand-logo {
    width: 178px;
    flex: 0 0 auto;
  }

  .nav-links {
    flex: 1 1 auto;
    justify-content: center;
    gap: 20px;
    min-width: 0;
    font-size: 13.5px;
  }

  .nav-links > a,
  .nav-cta {
    white-space: nowrap;
  }

  .nav-cta {
    min-height: 48px;
    padding-inline: 22px;
    font-size: 15px;
    border-radius: 3px;
    flex: 0 0 auto;
  }

  .utility {
    background: #f7f8f8;
    border-top: 0;
    border-bottom: 1px solid #e9eded;
  }

  .utility-row {
    height: 70px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
  }

  .utility-left {
    gap: 0;
    color: #17343a;
    font-size: 12px;
  }

  .utility-item {
    min-height: 22px;
    gap: 9px;
    white-space: nowrap;
  }

  .utility-item + .utility-item {
    margin-left: 27px;
    padding-left: 27px;
    border-left: 1px solid #d9dfdf;
  }

  .utility-icon {
    color: #087d78;
  }

  .review-badge {
    width: 260px;
    height: 50px;
    border: 1px solid #e6eaea;
    border-radius: 10px;
    box-shadow: 0 7px 22px rgba(0, 24, 29, 0.07);
  }

  .review-badge strong {
    font-size: 12px;
  }

  .review-badge > span {
    font-size: 12px;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .header-main .nav {
    width: calc(100% - 32px);
    gap: 14px;
  }

  .header-main .brand-logo {
    width: 150px;
  }

  .nav-links {
    gap: 13px;
    font-size: 11.5px;
  }

  .languages {
    gap: 2px;
  }

  .languages a {
    min-width: 41px;
    padding-inline: 5px !important;
  }

  .languages img {
    width: 16px;
    height: 11px;
  }

  .nav-cta {
    min-height: 44px;
    padding-inline: 15px;
    font-size: 13px;
  }

  .utility-row {
    height: 64px;
  }

  .review-badge {
    width: 225px;
  }
}