.site-language { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; color: #244754; font: 13px system-ui, sans-serif; }
.site-language-picker { position: relative; flex: 0 0 120px; width: 120px; }
.site-language button { font: inherit; cursor: pointer; }
.site-language #site-language { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 36px; padding: 6px 10px; border: 1px solid #aecad3; border-radius: 6px; background: #fff; color: #163944; text-align: left; }
.site-language #site-language[aria-expanded="true"] { border-color: #2289a3; }
.site-language button:focus-visible { outline: 3px solid #2289a3; outline-offset: 2px; }
.site-language-current { white-space: nowrap; }
.site-language-chevron { flex: 0 0 auto; width: 7px; height: 7px; margin: -3px 2px 0 0; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.site-language #site-language[aria-expanded="true"] .site-language-chevron { margin: 3px 2px 0 0; transform: rotate(225deg); }
.site-language-menu { position: absolute; z-index: 30; top: calc(100% + 4px); right: 0; display: grid; width: 100%; box-sizing: border-box; padding: 4px; border: 1px solid #aecad3; border-radius: 6px; background: #fff; box-shadow: 0 10px 24px rgba(15, 43, 54, 0.16); }
.site-language-menu[hidden] { display: none; }
.site-language-option { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 34px; padding: 5px 7px; border: 0; border-radius: 4px; background: transparent; color: #163944; text-align: left; white-space: nowrap; }
.site-language-option::before { content: ""; flex: 0 0 12px; width: 12px; }
.site-language-option[aria-selected="true"]::before { content: "✓"; font-weight: 700; }
.site-language-option:hover, .site-language-option:focus-visible { background: #e7f5f8; }
.site-header { flex-wrap: wrap; row-gap: 10px; padding-top: 12px; padding-bottom: 12px; }
.site-header .nav { flex-wrap: wrap; align-items: center; row-gap: 10px; }
.site-header .nav a { white-space: nowrap; }
h1, h2, h3 { overflow-wrap: anywhere; }
.payment-language { display: flex; position: absolute; z-index: 4; top: 24px; right: 24px; }
.payment-language > span { color: #e4edf4; }
.success-page:has(.payment-language) { padding-top: 90px; }
html:not([lang="en"]) h1, html:not([lang="en"]) h2, html:not([lang="en"]) h3 { letter-spacing: 0; line-height: 1.25; overflow-wrap: anywhere; }
html:not([lang="en"]) .hero h1 { font-size: 52px; }
html:not([lang="en"]) .steps-hero h1 { font-size: 44px; }
html:not([lang="en"]) .success-title-row { min-width: 0; max-width: 100%; }
html:not([lang="en"]) .success-title-row h1 { font-size: 44px; white-space: normal; overflow-wrap: anywhere; }
html:not([lang="en"]) .success-actions a { white-space: normal; text-align: center; }
@media (max-width: 760px) {
  .site-language { margin-left: auto; }.site-language > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .site-header .brand { min-width: 0; }.site-header .brand span:last-child { overflow-wrap: anywhere; }
  html:not([lang="en"]) .hero h1, html:not([lang="en"]) .steps-hero h1 { font-size: 34px; }
  html:not([lang="en"]) .success-title-row h1 { font-size: 28px; }
}