/* v61: полоса «Войти / Регистрация» над шапкой главной. Только оформление новой полосы; шапка и остальные стили не менялись. */
.auth-strip{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 0 0;font-family:inherit}
.auth-strip a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:0 22px;border:1.5px solid var(--ink);border-radius:999px;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;color:var(--ink);background:transparent}
.auth-strip .auth-signup{background:var(--ink);color:var(--paper,#fff)}
.auth-strip a:hover{background:var(--ink);color:var(--paper,#fff)}
.auth-strip .auth-signup:hover{background:var(--green);border-color:var(--green);color:#fff}
.auth-strip a:focus-visible{outline:3px solid var(--green);outline-offset:2px}
@media(max-width:700px){.auth-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0 0}.auth-strip a{min-height:46px;font-size:16px;padding:0 12px}}
/* v61.1 — шапка на узких телефонах. Раньше логотип (217 px, не сжимается) + меню + переключатели страны и языка шире экрана на 320–366 px. */
@media(max-width:420px){
html body header.wrap{--hf:min(27.6px,calc((100vw - 176px)/8.5));gap:6px!important}
html body header.wrap a.brand{gap:calc(var(--hf)*.3)!important;min-width:0}
html body header.wrap a.brand .brand-symbol{width:calc(var(--hf)*1.5)!important;height:calc(var(--hf)*1.5)!important}
html body header.wrap a.brand .brand-name{font-size:var(--hf)!important;letter-spacing:calc(var(--hf)*-.045)!important}
html body header.wrap a.brand .brand-name b{letter-spacing:calc(var(--hf)*-.055)!important}
html body header.wrap a.brand .brand-subtitle{font-size:calc(var(--hf)*.39)!important;letter-spacing:calc(var(--hf)*.145)!important}
html body header.wrap a.brand .brand-dot{width:calc(var(--hf)*.36)!important;height:calc(var(--hf)*.36)!important;margin-left:calc(var(--hf)*.2)!important}
}
/* v61.1 — меню на телефоне: кнопка и пункты — цели нажатия не меньше 44 px; выпадающий список выделен тенью, чтобы нижний край не выглядел как обрезанный текст */
@media(max-width:700px){
html body header.wrap button.menu{min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
html body header.wrap nav.open{gap:0;padding-top:10px;padding-bottom:12px;box-shadow:0 18px 28px -12px rgba(39,29,25,.28)}
html body header.wrap nav.open a{display:flex;align-items:center;min-height:44px}
}