.club-header {
  background: #fff;
  border-bottom: 1px solid #bfd0e1;
}

.club-header__inner {
  width: min(100% - 48px, 1440px);
  margin-inline: auto;
  padding-block: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.club-header__brand { flex: none; }
.club-header__brand img {
  display: block;
  width: clamp(10rem, 24vw, 18rem);
  height: auto;
}

.club-navigation { min-width: 0; }
.club-header .main-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem 1.6rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.club-header .main-menu li { flex: none; }
.club-header .main-menu a {
  display: block;
  padding: .6rem 0;
  color: #062b60;
  font-size: .95rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.club-header .main-menu a:hover { color: #006ba8; }
.club-header .main-menu a.is-active { box-shadow: 0 3px #009cf6; }
.club-header .main-menu li:last-child a {
  padding: .6rem 1.3rem;
  border-radius: 3px;
  background: #062b60;
  color: #fff;
}
.club-header .main-menu li:last-child a:hover { background: #006ba8; }

.club-menu-toggle {
  display: none;
  padding: .65rem 1rem;
  border: 2px solid #062b60;
  border-radius: 5px;
  background: #fff;
  color: #062b60;
  font-weight: 750;
}
.club-menu-toggle[hidden] { display: none; }

@media (max-width: 73.99rem) {
  .club-header__inner { flex-wrap: wrap; gap: 1rem; }
  .club-header__brand img { width: min(18rem, 56vw); }
  .club-menu-toggle { display: inline-flex; margin-left: auto; }
  .club-navigation { width: 100%; }
  .has-club-menu .club-navigation { display: none; }
  .has-club-menu .club-navigation.is-open { display: block; }
  .club-header .main-menu { display: flex; flex-direction: column; align-items: stretch; gap: .25rem; }
  .club-header .main-menu a { padding: .7rem; white-space: normal; }
  .club-header .main-menu a.is-active { box-shadow: inset 3px 0 #009cf6; }
  .club-header .main-menu li:last-child a { margin-top: .35rem; text-align: center; }
}

@media (max-width: 650px) {
  .club-header__inner { width: calc(100% - 32px); }
}

@media print {
  .club-header { display: none !important; }
}