.site-language { display: flex; align-items: center; flex: 0 0 auto; border: 1px solid #c5d2e2; border-radius: 8px; overflow: hidden; }
.site-language[hidden] { display: none; }
.site-language button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  white-space: nowrap;
  min-height: 38px;
  padding: 4px 9px;
  border: 0;
  background: #fff;
  color: #234b7a;
  font-family: inherit;
  font-size: 13px;
  cursor: pointer;
}
.language-flag { display: block; width: 20px; height: 14px; object-fit: cover; border-radius: 2px; flex: 0 0 auto; }
.site-language button[aria-pressed="true"] { background: #234b7a; color: #fff; }
.site-language button:focus-visible { outline-offset: -3px; }
body:has(.home-banner) .header:not(.is-scrolled):not(.open) .site-language button {
  background: #253446;
  color: #fff;
}
body:has(.home-banner) .header:not(.is-scrolled):not(.open) .site-language button[aria-pressed="true"] { background: #fff; color: #234b7a; }
.header .h-right { margin-left: auto; }
@media (min-width: 1200px) {
  .header .nav a { padding-left: 7px; padding-right: 7px; }
}
@media (min-width: 1121px) and (max-width: 1199px) {
  .header .nav a { padding-left: 3px; padding-right: 3px; }
  .header > .wrap { gap: 12px; }
  .header .logo-image { width: 185px; }
}
@media (max-width: 660px) {
  .header .h-right > .btn { display: none; }
  .header > .wrap { gap: 10px; }
  .site-language button { padding-left: 7px; padding-right: 7px; }
}
@media (max-width: 430px) {
  .header .logo-image { width: 128px; }
  .header .h-right { gap: 6px; }
}
@media (max-width: 360px) {
  .header .logo-image { width: 82px; }
  .site-language button { padding-left: 5px; padding-right: 5px; }
}