/* Compact glass language controls, always available in the header. */
.header .header-inner { grid-template-columns: auto minmax(0, 1fr) auto auto; gap: clamp(12px, 1.5vw, 22px); }
.language-switch { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.language-choice {
  position: relative; isolation: isolate; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; min-height: 40px; border-radius: 12px; font-size: 12px; font-weight: 600;
  border: 1px solid #ffffffbd; color: #103347;
  background: linear-gradient(135deg,#ffffff40,#c3d7e521);
  box-shadow: inset 0 1px 1px #fff, inset 0 -1px 2px #54788b3b, 0 3px 8px #10334712;
  -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
  text-decoration: none !important;
}
.language-choice[aria-current="page"] { background: #9abbd347; box-shadow: inset 0 1px 1px #fff, inset 0 -2px 0 #346884; }
.language-choice:hover { background-color: #c0d6e451; }
html[lang="en"] #process .route-tabs button { white-space: normal; line-height: 1.35; min-width: 0; }
html[lang="en"] .footer-legal-ids { flex-wrap: wrap; }
.video-language-note { position: absolute; bottom: 16px; right: 20px; margin: 0; padding: 5px 10px; border-radius: 8px; background: #103347b8; color: #fff; font-size: 12px; pointer-events: none; }
@media (min-width: 1101px) and (max-width: 1280px) {
  .header .brand img { width: 190px; }
  .header #navigation { gap: 12px; font-size: 12px; }
  .header .header-phone { padding-inline: 12px; font-size: 13px; }
}
@media (max-width: 1100px) {
  .header .header-inner { grid-template-columns: minmax(0,1fr) auto auto auto; }
  .header .header-phone { grid-column: 2; grid-row: 1; }
  .header .language-switch { grid-column: 3; grid-row: 1; }
  .header .menu-toggle { grid-column: 4; grid-row: 1; }
}
@media (max-width: 760px) {
  .header .header-inner { grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto auto; column-gap: 10px; row-gap: 2px; }
  .header .brand { grid-column: 1; grid-row: 1; }
  .header .brand img { width: 200px; max-width: 100%; }
  .header .menu-toggle { grid-column: 2; grid-row: 1; justify-self: end; }
  .header .header-phone { grid-column: 1; grid-row: 2; font-size: 14px; margin: 0; justify-self: start; }
  .header .language-switch { grid-column: 2; grid-row: 2; justify-self: end; }
  .language-choice { width: 34px; min-height: 34px; font-size: 11px; border-radius: 10px; }
  .video-language-note { bottom: 10px; right: 12px; font-size: 10px; }
}