/* Language switch joins the existing header without changing catalogue layout. */
.site-header .main-nav { margin-left: auto; }
.site-header .art-button { width: 118px; }
.language-switch { flex: 0 0 auto; display: flex; align-items: center; height: 126px; }
.language-switch select {
  appearance: auto;
  color: var(--crt-paper, #f5eedc);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  font: 700 14px 'Courier New', monospace;
  padding: 5px 3px;
  cursor: pointer;
}
.language-switch select option { background: #18271f; color: #f5eedc; }
@media (min-width: 701px) and (max-height: 790px) { .language-switch { height: 117px; } }
@media (min-width: 701px) and (max-height: 650px) { .language-switch { height: 94.5px; } }
@media (max-width: 1149px) {
  .site-header { padding-top: 55px; align-items: center; gap: 5px; }
  .site-header .main-nav { margin-left: auto; gap: 5px; }
  .site-header .art-button { width: min(118px, calc((100vw - 2 * var(--side) - 58px) / 3)); height: 48px; aspect-ratio: auto; }
  .language-switch { height: 48px; align-self: center; }
}
@media (max-width: 700px) {
  .site-header { padding-top: 45px; }
  .site-header .main-nav { flex: 1 1 auto; justify-content: flex-end; }
  .site-header .art-button { width: min(96px, calc((100vw - 2 * var(--side) - 58px) / 3)); height: 48px; }
  .language-switch select { font-size: 11px; padding: 4px 1px; }
}