.header {
  min-inline-size: 100vw;
  background-color: var(--white);
  max-block-size: var(--cf-header-height);
  display: flex;
}

.header__navigation {
  display: flex;
  flex-direction: row;
  max-inline-size: 1500px;
  inline-size: 1500px;
  justify-items: space-between;
  align-items: center;
  min-block-size: 100%;
  block-size: 100%;
}

.header__navigation-logo {
  max-block-size: var(--cf-logo-height);
  display: flex;
  max-inline-size: auto;
}

.header__navigation-left {
  display: flex;
}


.mm {
  margin-left: 24px;
  block-size: 100%;
  font-size: 15px;
}

.mm__nav-items-wrapper,
.mm__dropdown {
  block-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mm__nav-items,
.mm__dropdown {
  block-size: var(--cf-header-height-lg);
}

.mm__nav-link,
.mm__dropdown {
  position: relative;
}

.mm__nav-link:before,
.mm__dropdown:before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--primary);
  transition: width 0.25s ease-in-out;
}

.mm__nav-link:hover:before,
.mm__dropdown:hover:before {
  width: 100%;
}

.mm__nav-link:hover,
.mm__dropdown:hover {
  color: var(--primary);
}

@media (max-width: 991px) {
  .header {
    max-inline-size: 100vw;
    max-block-size: 60px;
  }

  .header__container {
    max-inline-size: 100%;
    padding: 0 1rem;
    display: flex;
    z-index: 1000;
  }

  .header__logo {
    max-block-size: 48px;
    min-block-size: 48px;
  }

  .header__nav-right {
    display: flex;
    column-gap: 1.5rem !important;
    margin-left: auto !important;
    inline-size: auto;
  }

  .mobile-menu__content {
    width: 100%;
    z-index: 1000;
    padding: 1.5rem;
  }
}