.language-picker { position: relative; flex-shrink: 0; }
.language-trigger { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border-radius: 6px; color: #ffffffd9; font-size: 14px; font-weight: 600; line-height: 20px; cursor: pointer; transition: color .2s; }
.language-globe { width: 17px; height: 17px; }
.language-chevron { width: 12px; height: 12px; transition: transform .2s; }
.language-trigger[aria-expanded="true"] .language-chevron { transform: rotate(180deg); }
.prototype-header-solid .language-trigger,
nav[aria-label="Mobile navigation"] .language-trigger { color: #453e3e; }
.language-trigger:hover, .language-trigger:focus-visible, .language-trigger[aria-expanded="true"] { color: var(--color-coral, #ef4d48) !important; }
.language-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.language-options { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; min-width: 170px; margin: 0; padding: 5px; list-style: none; border: 1px solid #e8e1dd; border-radius: 8px; background: #fff; box-shadow: 0 10px 30px #21121820; }
.language-options[hidden] { display: none; }
.language-options a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 12px; border-radius: 4px; color: #35272c; font-size: 14px; line-height: 20px; transition: color .15s, background-color .15s; }
.language-options a[aria-current="page"] { font-weight: 600; }
.language-options a svg { width: 16px; height: 16px; color: var(--color-coral, #ef4d48); }
.language-options a:hover, .language-options a:focus { color: var(--color-coral, #ef4d48) !important; background: #f7f3f1; }
.language-options a:focus-visible { outline: 1px solid var(--color-coral, #ef4d48); outline-offset: -1px; }
nav[aria-label="Mobile navigation"] .language-picker { width: fit-content; }
nav[aria-label="Mobile navigation"] .language-options { left: 0; right: auto; }