/* Шапка — 7 вариантов (ключ bar, html[data-bar]). Решение заказчика 01.10: две капсулы меню + щит-медальон по центру.
   A–E — объединённый вариант: капсулы (Navigation Menus / 9, 2) + медальон с гербом В (Navigation Menus / 18, clip-path: polygon).
         Клик по медальону сворачивает меню: капсулы уезжают в медальон и выезжают обратно (только transform/opacity).
         При прокрутке вниз меню сворачивается само (b-bar.js). Различаются украшением краёв:
         A лавровые ветви · B весы Фемиды и тонкая линия · D тонкие линии с ромбом · E колонны (монолиния). C удалён 02.10.
   F — прежняя G «Две капсулы», G — прежняя J «Медальон» (для сравнения).
   Телефон и планшет (до 1280): бургер слева, герб по центру (в A–E — в медальоне), телефон справа.
   Без арок и полукругов: у медальона прямые грани и острый низ. Safari: без фильтров, анимации однократные. */

.nav__g { display: contents; }
.lockup { min-width: 0; max-width: 400px; }
.lockup.has-logo .sig { display: none; }
.hdr__wr, .ed, .hdr__medal { display: none; }

/* демо-строка с плашкой «Шапка» */
.bar-sw { display: flex; align-items: center; margin-right: auto; }
.bar-sw .vb__top { display: flex; align-items: center; gap: var(--s3); }
.bar-sw > i { display: none; }

html.splash-on .hdr *, html.splash-on .hdr *::before, html.splash-on .hdr *::after { animation-play-state: paused !important; }
@keyframes ed-in { from { opacity: 0; } }
@keyframes md-drop { from { transform: translateY(-36px); opacity: 0; } }
@keyframes wr-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }

/* ---------- телефон и планшет: герб по центру ---------- */
@media (max-width: 1279px) {
  .hdr__in { position: relative; justify-content: space-between; }
  .hdr .lockup { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .hdr__left { margin-right: 0; }
  /* A–E: герб в свисающем щите-медальоне */
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="q"]) .hdr .lockup { top: 0; z-index: 3; padding: 7px 16px 0; transform: translateX(-50%); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="q"]) .hdr .lockup::before, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="q"]) .hdr .lockup::after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: -28px; clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="q"]) .hdr .lockup::before { background: color-mix(in srgb, var(--gold) 75%, transparent); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="q"]) .hdr .lockup::after { left: 1.5px; right: 1.5px; bottom: -26px; background: linear-gradient(to bottom, var(--haze) 30%, color-mix(in srgb, #FFFFFF 45%, var(--haze))); }
}

/* ---------- десктоп: базовая сетка «Разделённое меню» (на ней стоит G) ---------- */
@media (min-width: 1280px) {
  .hdr__in { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto minmax(0, 1fr) auto; align-items: center; column-gap: var(--s3); max-width: none; padding-inline: clamp(20px, 2.2vw, 40px); }
  .hdr__left, .nav, .hdr__cta { display: contents; }
  .hdr .burger { display: none; }
  .hdr__phone { grid-column: 1; grid-row: 1; justify-content: flex-start; }
  .nav__g { grid-row: 1; display: flex; align-items: center; justify-content: space-evenly; gap: var(--s2); width: 100%; }
  .nav__g:first-child { grid-column: 2; }
  .hdr .lockup { grid-column: 4; grid-row: 1; }
  .nav__g:last-of-type { grid-column: 6; }
  .hdr__cta .btn { grid-column: 7; grid-row: 1; }
  .nav a { padding: 0 6px; font-size: .9375rem; white-space: nowrap; }
}
@media (min-width: 1280px) and (max-width: 1499px) { .hdr__phone span { display: none; } .nav a { font-size: .875rem; } }

/* ================= общее A–G: шапка без сплошной плашки, украшения у краёв ================= */
@media (min-width: 1280px) {
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="g"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) { --wrx: clamp(10px, 1.1vw, 22px); --wrw: clamp(62px, 6vw, 104px); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.hdr { background: transparent !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hk__bg { top: var(--hdr); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="g"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in { padding-inline: calc(var(--wrx) + var(--wrw) + 14px); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="g"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__wr { display: flex; align-items: center; position: absolute; z-index: 1; top: 50%; left: var(--wrx); color: var(--gold-disp); transform: translateY(-50%); pointer-events: none; transition: opacity 300ms ease, visibility 0s linear 0s; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="g"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__wr--r { left: auto; right: var(--wrx); justify-content: flex-end; }
  .ed { animation: ed-in .9s ease .3s both; }
  .ed svg { display: block; overflow: visible; }
  .ed__ln { fill: none; stroke: currentColor; stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; }
  .ed__f { fill: currentColor; stroke: none; }
  /* Украшения A–E различаются формой и местом (высота 40–64 px, заметное золото):
     A — крупные лавровые ветви по центру краёв · B — весы на линии по низу шапки ·
     D — двойная линия по верху шапки (медальон свисает с неё) и ромбы у краёв · E — пары пилястр во всю высоту шапки. */
  /* A, F, G — лавр: ветви растут от меню к краю экрана */
  html:is([data-bar="a"], [data-bar="f"], [data-bar="g"]) .ed--a { display: block; width: var(--wrw); }
  html[data-bar="a"] { --wrw: clamp(84px, 7vw, 100px); }
  .ed--a svg { width: 100%; height: auto; }
  .hdr__wr--l .ed--a { transform: scaleX(-1); }
  .ed--a .wr__stem { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 1; animation: wr-draw 1.4s var(--ease-io) .2s both; }
  .ed--a .wr__lv { fill: currentColor; animation: ed-in .9s ease 1s both; }
  .ed--a .wr__lv--lo { opacity: .8; }
  html[data-bar="a"] .hdr__wr { color: var(--gold); }
  /* B — весы Фемиды 54 px стоят на тонкой линии, которая идёт по низу шапки к капсулам */
  html[data-bar="b"] { --wrw: 92px; }
  html[data-bar="b"] .hdr__wr { top: auto; bottom: 6px; transform: none; }
  html[data-bar="b"] .ed--b { display: flex; align-items: flex-end; width: var(--wrw); }
  .ed--b svg { flex: none; width: 54px; height: 54px; }
  .ed--b .ed__ln { stroke-width: 1.4; }
  .ed--b i { flex: 1; align-self: flex-end; height: 1px; margin-bottom: 4px; margin-right: -60px; background: linear-gradient(90deg, currentColor 40%, color-mix(in srgb, currentColor 0%, transparent)); }
  .hdr__wr--r .ed--b { flex-direction: row-reverse; }
  .hdr__wr--r .ed--b i { margin-right: 0; margin-left: -60px; background: linear-gradient(270deg, currentColor 40%, color-mix(in srgb, currentColor 0%, transparent)); }
  /* D — двойная линия по верху шапки, медальон свисает с неё; у краёв — крупные ромбы */
  html[data-bar="d"] { --wrw: 30px; }
  html[data-bar="d"] .hdr__wr { top: 0; transform: none; }
  html[data-bar="d"] .ed--d { display: block; width: 28px; }
  .ed--d svg { width: 28px; height: 56px; }
  .ed--d .ed__ln { stroke-width: 1.3; }
  html[data-bar="d"] .hdr::after { content: ""; position: absolute; z-index: 0; top: 0; left: calc(var(--wrx) + 14px); right: calc(var(--wrx) + 14px); height: 5px; border-top: 1px solid var(--gold); border-bottom: 1px solid color-mix(in srgb, var(--gold) 60%, transparent); pointer-events: none; transition: opacity 300ms ease; }
  html[data-bar="d"] .hdr.is-solid::after { opacity: 0; }
  /* E — пары пилястр во всю высоту шапки (монолиния, без арок) */
  html[data-bar="e"] { --wrw: 54px; }
  html[data-bar="e"] .hdr__wr { top: 10px; transform: none; }
  html[data-bar="e"] .ed--e { display: block; width: 54px; }
  .ed--e svg { width: 54px; height: 64px; }
  .ed--e .ed__ln { stroke-width: 1.2; }
  /* при прокрутке украшения краёв гаснут (A–E) */
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-solid .hdr__wr { opacity: 0; visibility: hidden; transition: opacity 300ms ease, visibility 0s linear 300ms; }
}

/* ================= капсулы: A–E и F ================= */
@media (min-width: 1280px) {
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) { --hdr: 84px; --cw: clamp(370px, 29vw, 540px); --phw: 48px; --btw: 168px; --cg: clamp(28px, 3vw, 56px); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in { grid-template-columns: minmax(0, 1fr) var(--cw) auto var(--cw) minmax(0, 1fr); column-gap: var(--cg); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__phone { grid-column: 2; justify-self: start; position: relative; z-index: 1; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .nav__g:first-child { grid-column: 2; width: 100%; padding-left: var(--phw); justify-content: space-evenly; gap: 2px; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr .lockup { grid-column: 3; position: relative; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .nav__g:last-of-type { grid-column: 4; width: 100%; padding-right: var(--btw); justify-content: space-evenly; gap: 2px; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__cta .btn { grid-column: 4; justify-self: end; position: relative; z-index: 1; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in::before, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in::after { content: ""; grid-row: 1; align-self: center; z-index: -1; height: 54px; margin-inline: -12px; border: 1px solid color-mix(in srgb, var(--gold) 38%, transparent); border-radius: var(--r-pill); background: color-mix(in srgb, #FFFFFF 55%, var(--haze)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 14px 30px -18px rgba(31, 31, 36, .45); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in::before { grid-column: 2; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in::after { grid-column: 4; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .nav a { min-height: 40px; padding: 0 12px; border-radius: var(--r-pill); transition: background-color 220ms ease; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .nav a:hover { background: color-mix(in srgb, var(--gold) 22%, transparent); }
  /* F: герб без подложки; при прокрутке под ним — мягкое пятно без края */
  html[data-bar="f"] .hdr .lockup::before { content: ""; position: absolute; inset: -18px -56px; z-index: -1; background: radial-gradient(closest-side, var(--haze) 55%, color-mix(in srgb, var(--haze) 0%, transparent)); opacity: 0; transition: opacity 300ms ease; }
  html[data-bar="f"] .hdr.is-solid .lockup::before { opacity: 1; }
}
@media (min-width: 1500px) { html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) { --phw: 190px; } }
@media (min-width: 1280px) and (max-width: 1439px) { html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) { --cw: clamp(360px, 29vw, 420px); --btw: 158px; --cg: 26px; } html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .nav a { padding: 0 7px; } }

/* ================= щит-медальон: A–E (свисает с верхнего края) и G (свисает с узкой полосы) ================= */
@media (min-width: 1280px) {
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="g"], [data-bar="h"]) { --mlh: 50px; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="g"], [data-bar="h"]) .hdr .logo-pair { --lh: var(--mlh); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="g"], [data-bar="h"]) .hdr .lockup { align-self: start; position: relative; z-index: 3; margin-top: 16px; padding: 0 26px; animation: md-drop .9s var(--ease-out) .2s both; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="g"], [data-bar="h"]) .hdr .lockup::before, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="g"], [data-bar="h"]) .hdr .lockup::after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: -16px; bottom: -40px; clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="g"], [data-bar="h"]) .hdr .lockup::before { background: color-mix(in srgb, var(--gold) 75%, transparent); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="g"], [data-bar="h"]) .hdr .lockup::after { left: 2px; right: 2px; bottom: -37px; background: linear-gradient(to bottom, var(--haze) 30%, color-mix(in srgb, #FFFFFF 45%, var(--haze))); }
  html[data-bar="g"] { --hdr: 56px; --wrw: clamp(56px, 5vw, 84px); }
  html[data-bar="g"] .hdr.hdr { background: color-mix(in srgb, var(--haze) 96%, transparent) !important; box-shadow: 0 1px 0 color-mix(in srgb, var(--gold) 60%, transparent), 0 10px 24px -20px rgba(31, 31, 36, .5) !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-bar="g"] .nav a { font-size: .875rem; }
  html[data-bar="g"] .hdr__cta .btn { min-height: 36px; }

  /* A–E: медальон — кнопка «свернуть / развернуть меню» */
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__medal { display: block; grid-column: 3; grid-row: 1; align-self: start; justify-self: stretch; position: relative; z-index: 4; height: calc(var(--mlh) + 56px); padding: 0; border: 0; border-radius: 2px; background: transparent; color: var(--gold-lo); cursor: pointer; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__medal:focus-visible { outline: 2px solid var(--gold-lo); outline-offset: -8px; }
  .hdr__medal svg { position: absolute; left: 50%; bottom: 12px; width: 12px; height: 8px; margin-left: -6px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 450ms var(--ease-out); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__medal svg { transform: rotate(180deg); }
  @media (hover: hover) and (pointer: fine) { html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__medal:hover svg { transform: translateY(-2px); } html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__medal:hover svg { transform: rotate(180deg) translateY(-2px); } }

  /* сворачивание: капсулы уезжают в медальон и гаснут, обратно — выезжают (только transform и opacity) */
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) { --fx: calc(var(--cw) / 2 + var(--cg) + 110px); }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__phone, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .nav__g, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__cta .btn, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in::before, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in::after { transition: transform 650ms var(--ease-out), opacity 450ms ease 120ms, visibility 0s linear 0s; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__phone, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .nav__g:first-child, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__in::before { transform: translateX(var(--fx)) scaleX(.6); opacity: 0; visibility: hidden; transition: transform 600ms var(--ease-io), opacity 380ms ease 120ms, visibility 0s linear 600ms; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .nav__g:last-of-type, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__cta .btn, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__in::after { transform: translateX(calc(var(--fx) * -1)) scaleX(.6); opacity: 0; visibility: hidden; transition: transform 600ms var(--ease-io), opacity 380ms ease 120ms, visibility 0s linear 600ms; }
}
@media (prefers-reduced-motion: reduce) {
  .hdr *, .hdr *::before, .hdr *::after { animation: none !important; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__phone, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .nav__g, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__cta .btn, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in::before, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__in::after, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__phone, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .nav__g, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__cta .btn, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__in::before, html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr.is-folded .hdr__in::after { transition: none; }
}

@media (min-width: 1440px) { html[data-bar="a"] { --wrw: clamp(112px, 8.4vw, 140px); --cw: clamp(360px, 28vw, 520px); } }

/* 25.10: номер в шапке скрыт (см. base.css) — место под него в левой плашке больше не резервируется,
   иначе на 1500–1700 px «Бизнесу» вылезал за край */
@media (min-width: 1280px) { html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) { --phw: 48px; } }
/* 25.10: на 1280–1439 правая плашка была впритык — кнопка «Записаться» чуть уже, пунктам меню свободнее */
@media (min-width: 1280px) and (max-width: 1439px) {
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) { --btw: 140px; }
  html:is([data-bar="a"], [data-bar="b"], [data-bar="d"], [data-bar="e"], [data-bar="f"], [data-bar="h"], [data-bar="i"], [data-bar="j"], [data-bar="k"]) .hdr__cta .btn { padding-inline: 16px; }
}