.header-preferences [hidden] { display: none !important; }
.header:has(.header-preferences.is-open) { z-index: 1100; }
.header-preferences__shade[hidden] { display: none !important; }
.header-preferences__shade { position: fixed; inset: 0; z-index: 1100; background: rgba(0,0,0,.2); backdrop-filter: blur(2px); }
.header-preferences--desktop.is-open .header-preferences__toggle { position: relative; z-index: 1104; }
.header-preferences--desktop { display: flex; flex: 0 0 auto; gap: 8px; }
.header-preferences__group { position: relative; }
.header-preferences__toggle { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--site-border-soft, #ebe7e7); border-radius: 10px; background: var(--site-card, #fff); color: var(--site-text, #444); font: inherit; cursor: pointer; }
.header-preferences--desktop .header-preferences__toggle > span:first-child { display: none; }
.header-preferences__options { display: flex; flex-direction: column; gap: 4px; padding: 8px; border: 1px solid var(--site-border-soft, #ebe7e7); border-radius: 10px; background: var(--site-card, #fff); color: var(--site-text, #444); }
.header-preferences--desktop .header-preferences__options { position: absolute; z-index: 1105; top: calc(100% + 6px); right: 0; min-width: 180px; max-height: 50vh; overflow-y: auto; box-shadow: 0 8px 24px #0002; }
.header-preferences__options > a, .header-preferences__options > span { display: flex; align-items: center; gap: 12px; min-height: 40px; padding: 8px; border-radius: 8px; color: inherit; text-decoration: none; }
.header-preferences__options .is-active { background: var(--site-surface, #f7f5f6); font-weight: 600; }
.header-preferences__options > a:hover { color: var(--site-mark, #fd5a3c); }
.header-preferences--mobile { display: flex; flex-direction: column; gap: 10px; }
.header-preferences--mobile .header-preferences__toggle { width: 100%; min-height: 48px; padding: 12px 16px; text-align: left; }
.header-preferences--mobile .header-preferences__options { margin-top: 6px; }
@media (max-width: 1023px) { .header-preferences--desktop { display: none; } }

.header-preferences__options .is-active::after { content: '✓'; margin-left: auto; color: var(--site-mark, #fd5a3c); }
.header-spec-flag { display: inline-block; width: 18px; height: 13px; margin-right: 6px; flex: 0 0 18px; border-radius: 2px; background: var(--site-border-soft, #ddd); vertical-align: middle; }
.header-spec-flag[data-language="ru"] { background: linear-gradient(#fff 0 33.4%, #1c57c4 33.4% 66.7%, #d52b1e 66.7%); }
.header-spec-flag[data-language="en"] { background: linear-gradient(90deg, transparent 43%, #c8102e 43% 57%, transparent 57%), linear-gradient(transparent 38%, #c8102e 38% 62%, transparent 62%), linear-gradient(90deg, transparent 37%, #fff 37% 63%, transparent 63%), linear-gradient(transparent 29%, #fff 29% 71%, transparent 71%), #012169; }
.header-spec-flag[data-language="de"] { background: linear-gradient(#000 0 33.4%, #dd0000 33.4% 66.7%, #ffce00 66.7%); }
.header-spec-flag[data-language="fr"] { background: linear-gradient(90deg, #0055a4 0 33.4%, #fff 33.4% 66.7%, #ef4135 66.7%); }
.header-spec-flag[data-language="es"] { background: linear-gradient(#aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75%); }