/* Hero-блок главной под баннером hs26, 29.10.2026. Токены как у баннера. */
.hh26{--hh-ink:#2a3246;--hh-muted:#5a6376;--hh-cta:#dd0039;--hh-soft:#fde5ec;--hh-cool:#e7f2f8;--hh-cream:#fbf9f5;--hh-line:#e8ebf0;
	position:relative;padding:clamp(20px,3vw,44px) 0 clamp(28px,3.6vw,56px);color:var(--hh-ink);
	background:linear-gradient(180deg,rgba(238,245,244,0) 0,#eef5f4 100%),linear-gradient(120deg,var(--hh-cream) 0%,#f1f6f8 55%,var(--hh-cool) 100%);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.hh26 *{box-sizing:border-box}
.hh26__in{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.hh26__card{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);background:#fff;border-radius:28px;padding:clamp(22px,2.6vw,40px);box-shadow:0 14px 40px rgba(42,50,70,.08)}
.hh26__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:var(--hh-soft);color:#b8002f;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hh26__eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hh-cta)}
.hh26 .hh26__h1{margin:0 0 16px;padding:0;font-family:"Unbounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:700;font-size:clamp(26px,2.9vw,42px);line-height:1.12;letter-spacing:-.01em;text-transform:none;text-align:left;color:var(--hh-ink)}
.hh26__h1 em{font-style:normal;color:var(--hh-cta)}
.hh26__lead{margin:0 0 26px;max-width:560px;font-size:clamp(16px,.5vw + 14px,19px);line-height:1.55;color:var(--hh-muted)}
.hh26__actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.hh26__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;border-radius:999px;background:var(--hh-cta);color:#fff!important;font-size:16px;font-weight:700;line-height:1;text-decoration:none!important;transition:background .2s,transform .2s,box-shadow .2s}
.hh26__btn:hover{background:#b8002f;transform:translateY(-1px);box-shadow:0 8px 20px rgba(221,0,57,.28)}
.hh26__btn--ghost{background:transparent;color:var(--hh-cta)!important;box-shadow:inset 0 0 0 2px var(--hh-cta)}
.hh26__btn--ghost:hover{background:var(--hh-cta);color:#fff!important}
.hh26__btn:focus-visible,.hh26__tel:focus-visible{outline:3px solid var(--hh-ink);outline-offset:2px}
.hh26__tel{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;color:var(--hh-ink)!important;text-decoration:none!important}
.hh26__tel b{font-weight:700;font-size:20px;white-space:nowrap}
.hh26__tel span{font-size:14px;color:var(--hh-muted)}
.hh26__facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
.hh26__fact{margin:0;padding:18px 18px 16px;border-radius:20px;background:var(--hh-cream);border:1px solid var(--hh-line);min-width:0}
.hh26__fact:nth-child(2){background:var(--hh-soft);border-color:transparent}
.hh26__fact:nth-child(4){background:var(--hh-cool);border-color:transparent}
.hh26__num{display:block;font-family:"Unbounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:700;font-size:clamp(18px,1.5vw,22px);line-height:1.1;white-space:nowrap;color:var(--hh-ink)}
.hh26__fact:nth-child(2) .hh26__num{color:var(--hh-cta)}
.hh26__lbl{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:var(--hh-muted)}
@media (max-width:900px){.hh26__card{grid-template-columns:1fr;border-radius:24px}}
@media (max-width:560px){.hh26{padding-top:12px}.hh26__in{padding:0 12px}.hh26__card{padding:22px 18px;gap:22px}.hh26__lead{margin-bottom:20px;font-size:16px}.hh26__btn{flex:1 1 100%;min-height:48px}.hh26__facts{gap:10px}.hh26__fact{padding:14px 12px}.hh26__num{font-size:16px}.hh26__lbl{font-size:13px;margin-top:6px}.hh26__tel b{font-size:18px}.hh26__eyebrow{font-size:11px;padding:5px 12px}}
.hh26__top{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.hh26__text{flex:1 1 520px;min-width:0}
.hh26__lead{margin:0;max-width:640px}
.hh26__side{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}
.hh26__facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.hh26__fact{padding:14px 18px}
.hh26__lbl{margin-top:4px;font-size:13px}
@media (max-width:900px){.hh26__facts{grid-template-columns:1fr 1fr}.hh26__card{border-radius:24px}}
@media (max-width:560px){.hh26__side{width:100%}.hh26__side .hh26__btn{flex:1 1 100%}}
/* вариант «приклеен к баннеру, на всю ширину» — сетка и поля как у hs26 — превью ?hhfull=1 */
.hh26--full{padding:0;background:#fff;border-bottom:1px solid var(--hh-line)}
.hh26--full .hh26__in{max-width:none;padding:0 max(clamp(64px,7vw,120px),calc((100% - 1440px)/2))}
.hh26--full .hh26__card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"text facts";gap:20px clamp(20px,3.4vw,56px);align-items:center;max-width:none;margin:0;border-radius:0;box-shadow:none;background:transparent;padding:clamp(28px,3.2vw,48px) 0 clamp(32px,3.6vw,52px)}
.hh26--full .hh26__top{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-wrap:nowrap;gap:22px;grid-area:text}
.hh26--full .hh26__text{flex:none;width:100%}
.hh26--full .hh26__side{width:100%}
.hh26--full .hh26__facts{grid-area:facts;align-self:stretch;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;margin:0;padding:0;border:0}
.hh26--full .hh26__fact{display:flex;flex-direction:column;justify-content:center}
.hh26--full .hh26__fact{padding:18px 20px;border-radius:20px;border:1px solid var(--hh-line);background:var(--hh-cream)}
.hh26--full .hh26__fact:nth-child(2){background:var(--hh-soft);border-color:transparent}
.hh26--full .hh26__fact:nth-child(4){background:var(--hh-cool);border-color:transparent}
.hh26--full .hh26__num{font-size:clamp(20px,1.8vw,28px)}
@media (max-width:1000px){.hh26--full .hh26__in{padding:0 60px}.hh26--full .hh26__card{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}}
@media (max-width:760px){.hh26--full .hh26__in{padding:0 16px}.hh26--full .hh26__card{grid-template-columns:1fr;grid-template-areas:"text" "facts"}}
@media (max-width:560px){.hh26--full .hh26__fact{padding:14px 12px}.hh26--full .hh26__num{font-size:16px;white-space:normal}.hh26--full .hh26__facts{gap:10px}}
/* «О клинике»: левая колонка липнет до конца блока */
.cmh26 .cm-about__grid>div:first-child{position:sticky;top:calc(var(--npr-top,96px) + 24px);align-self:start}
@media (max-width:900px){.cmh26 .cm-about__grid>div:first-child{position:static}}
/* анимации (включаются только с JS и без prefers-reduced-motion: класс hh-js) */
.hh26__facts.hh-pre .hh26__fact{opacity:0}
.hh26__facts.hh-pre.is-in .hh26__fact{animation:hhUp .7s cubic-bezier(.16,1,.3,1) both}
.hh26__facts.hh-pre.is-in .hh26__fact:nth-child(1){animation-delay:.15s}.hh26__facts.hh-pre.is-in .hh26__fact:nth-child(2){animation-delay:.25s}.hh26__facts.hh-pre.is-in .hh26__fact:nth-child(3){animation-delay:.35s}.hh26__facts.hh-pre.is-in .hh26__fact:nth-child(4){animation-delay:.45s}
@keyframes hhUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hh26__fact,.cmh26 .cm-about__fact{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.hh26__fact:hover,.cmh26 .cm-about__fact:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(42,50,70,.09)}
.hh-js .cm-about__fact,.hh-js .cm-about__utp li,.hh-js .cm-about__trust,.hh-js .cm-about__photo{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1),box-shadow .25s;transition-delay:calc(var(--i,0)*90ms)}
.hh-js .cm-about__fact.is-in,.hh-js .cm-about__utp li.is-in,.hh-js .cm-about__trust.is-in,.hh-js .cm-about__photo.is-in{opacity:1;transform:none}
.hh-js .cm-about__fact.is-in:hover{transform:translateY(-3px);transition-delay:0s}
.hh-js .cm-about__photo img{transform:scale(1.1);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.hh-js .cm-about__photo.is-in img{transform:scale(1)}
.hh-js .cm-about__utp svg path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .6s ease .25s}
.hh-js .cm-about__utp li.is-in svg path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.hh26__fact,.cmh26 .cm-about__fact{transition:none;animation:none}}
/* единая сетка главной: поля и ширина как у баннера hs26 (1440 контент, поля 7vw; 60px ≤1000; 16px ≤760) */
.cmh26 .cm-container,.cmh26 .cm-strip__inner,.cmh26 .home-doctors>*,html:has(.hh26) .smk-dms-block>*,html:has(.hh26) .reviews-section>*{max-width:none!important;padding-left:max(clamp(64px,7vw,120px),calc((100% - 1440px)/2))!important;padding-right:max(clamp(64px,7vw,120px),calc((100% - 1440px)/2))!important}
@media (max-width:1000px){.cmh26 .cm-container,.cmh26 .cm-strip__inner,.cmh26 .home-doctors>*,html:has(.hh26) .smk-dms-block>*,html:has(.hh26) .reviews-section>*{padding-left:60px!important;padding-right:60px!important}}
@media (max-width:760px){.cmh26 .cm-container,.cmh26 .cm-strip__inner,.cmh26 .home-doctors>*,html:has(.hh26) .smk-dms-block>*,html:has(.hh26) .reviews-section>*{padding-left:16px!important;padding-right:16px!important}}
/* гармония: красный — только кнопки и цены, слова-акценты и плашки — бирюзовые как в секциях */
.hh26{--hh-teal:var(--cm-primary,#2f8a78);--hh-teal-soft:#e4f1ee}
.hh26__h1 em{color:var(--hh-teal)}
.hh26__eyebrow{background:var(--hh-teal-soft);color:var(--hh-teal)}
.hh26__eyebrow:before{background:var(--hh-teal)}
.hh26--full .hh26__fact:nth-child(2){background:var(--hh-teal-soft)}
.hh26--full .hh26__fact:nth-child(2) .hh26__num{color:var(--hh-ink)!important}
/* ритм фонов: «Журнал» белый между кремовыми «Акциями» и «Новостями» */
.cmh26 .cm-strip--journal{background:#fff}
/* плитки hero: золотая оценка, «как добраться», «сейчас открыто» */
.hh26__cnt{font-style:normal}
.hh26__fact--gold{position:relative;overflow:hidden}
.hh26__star{display:inline-block;color:#f2b01e;text-shadow:0 0 14px rgba(242,176,30,.55);transform-origin:50% 55%}
.hh26__facts.hh-pre.is-in .hh26__star{animation:hhStar 1.1s cubic-bezier(.16,1,.3,1) .5s both,hhGlow 3.2s ease-in-out 2s infinite}
@keyframes hhStar{0%{transform:scale(.2) rotate(-80deg);opacity:0}60%{transform:scale(1.35) rotate(12deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes hhGlow{0%,100%{text-shadow:0 0 10px rgba(242,176,30,.4)}50%{text-shadow:0 0 20px rgba(242,176,30,.85)}}
.hh26__fact--gold:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);pointer-events:none}
.hh-js .hh26__fact--gold:after{animation:hhShine 5s ease-in-out 1.6s infinite}
@keyframes hhShine{0%{left:-60%}22%,100%{left:140%}}
.hh26--full .hh26__fact--route{padding:0}
.hh26__route{display:flex;flex-direction:column;justify-content:center;height:100%;padding:18px 20px;color:inherit!important;text-decoration:none!important;position:relative}
.hh26__pin{display:inline-block;vertical-align:-2px;margin-right:8px;color:var(--hh-teal);position:relative}
.hh-js .hh26__pin{animation:hhPin 2.4s ease-in-out infinite}
@keyframes hhPin{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.hh26__walk{display:block;position:relative;height:2px;margin:14px 0 0;border-radius:2px;background:repeating-linear-gradient(90deg,var(--hh-teal) 0 6px,transparent 6px 12px);opacity:.55}
.hh26__walk b{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--hh-teal)}
.hh-js .hh26__walk b{animation:hhWalk 3.6s ease-in-out infinite}
@keyframes hhWalk{0%{left:0}100%{left:calc(100% - 8px)}}
.hh26__more{align-self:flex-end;margin-top:14px;font-size:13px;font-weight:700;color:var(--hh-teal);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
@media (hover:none){.hh26__more{opacity:1;transform:none}}
.hh26__route:hover .hh26__more,.hh26__route:focus-visible .hh26__more{opacity:1;transform:none}
.hh26__route:focus-visible{outline:3px solid var(--hh-ink);outline-offset:-3px;border-radius:20px}
.hh26__now{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:13px;font-weight:700;color:#1f8f5f}
.hh26__now[hidden]{display:none}
.hh26__now i{width:8px;height:8px;border-radius:50%;background:#2cb673;box-shadow:0 0 0 0 rgba(44,182,115,.5)}
.hh-js .hh26__now i{animation:hhLive 2s ease-out infinite}
@keyframes hhLive{0%{box-shadow:0 0 0 0 rgba(44,182,115,.5)}70%,100%{box-shadow:0 0 0 9px rgba(44,182,115,0)}}
@media (prefers-reduced-motion:reduce){.hh26__star,.hh26__pin,.hh26__walk b,.hh26__now i,.hh26__fact--gold:after{animation:none!important}}
@media (max-width:560px){.hh26__route{padding:14px 12px}.hh26__more{display:none}}
/* плитки: крупное число + заголовок + пояснение */
.hh26__ttl{display:block;margin-top:10px;font-weight:700;font-size:clamp(15px,1.15vw,18px);line-height:1.25;color:var(--hh-ink)}
.hh26__lbl{margin-top:4px;font-size:clamp(13px,.95vw,14.5px);line-height:1.45}
.hh26--full .hh26__num{font-size:clamp(22px,2.1vw,34px)}
.hh26--full .hh26__route .hh26__num{font-size:clamp(19px,1.75vw,28px);white-space:nowrap}
.hh26__pin{width:.8em;height:.8em}
.hh26--full .hh26__fact{padding:22px 24px}
.hh26--full .hh26__route{padding:22px 24px}
.hh26--full .hh26__fact--route{padding:0}
@media (max-width:560px){.hh26__ttl{margin-top:6px;font-size:13px}.hh26__lbl{font-size:12px;margin-top:2px}.hh26--full .hh26__num{font-size:16px}.hh26--full .hh26__fact{padding:14px 12px}.hh26--full .hh26__route{padding:14px 12px}.hh26--full .hh26__fact--route{padding:0}}
@media (max-width:560px){.hh26--full .hh26__route .hh26__num{font-size:16px}.hh26__pin{display:none}}

/* размер плиток как раньше: высоту задаёт левый текстовый блок, плитки заполняют её; внутри одинаковая структура число / заголовок / пояснение */
.hh26--full .hh26__facts{height:0;min-height:100%;grid-template-rows:1fr 1fr}
.hh26--full .hh26__fact{padding:14px 20px;min-height:0;justify-content:center}
.hh26--full .hh26__route{padding:0}
.hh26--full .hh26__num{font-size:clamp(20px,1.9vw,30px);line-height:1.05}
.hh26--full .hh26__route .hh26__num{font-size:clamp(20px,1.9vw,30px)}
.hh26__ttl{margin-top:6px;font-size:clamp(13.5px,1vw,15.5px)}
.hh26__lbl{margin-top:2px;font-size:clamp(12px,.88vw,13.5px);line-height:1.4}
.hh26__ttl--link{color:var(--hh-teal)}
.hh26__route:hover .hh26__ttl--link{text-decoration:underline}
.hh26__now{display:flex;align-items:center;gap:7px;color:#1f8f5f;margin-top:6px}
.hh26__now i{flex:none}
.hh26__now em{font-style:normal}
.hh26__now--closed{color:#6b7384}
.hh26__now--closed i{background:#9aa1af;animation:none!important;box-shadow:none}
.hh26__walk,.hh26__more{display:none!important}
@media (max-width:760px){.hh26--full .hh26__facts{height:auto;min-height:0}}
@media (max-width:560px){.hh26--full .hh26__fact{padding:12px 12px}.hh26--full .hh26__num,.hh26--full .hh26__route .hh26__num{font-size:16px}.hh26__ttl{font-size:12.5px}.hh26__lbl{font-size:11.5px}}

/* выравнивание: числа в обоих рядах на одной линии, контент прижат к верху с одинаковым отступом */
@media (min-width:761px){
.hh26--full .hh26__fact{justify-content:flex-start;padding-top:20px}
.hh26--full .hh26__route{height:auto;justify-content:flex-start}
.hh26--full .hh26__fact .hh26__num{min-height:1.05em;display:flex;align-items:center;gap:8px}
.hh26--full .hh26__fact--gold .hh26__num{gap:10px}
}

.hh26--full .hh26__route .hh26__pin{display:none!important}
.hh26__now em{color:inherit!important}
.hh26__now{color:#1f8f5f!important}
.hh26__now--closed{color:#6b7384!important}

/* пин-бейдж «это адрес» справа сверху, вне потока */
.hh26__route{position:relative}
.hh26__pinb{position:absolute;top:-2px;right:0;width:28px;height:28px;border-radius:50%;background:rgba(61,139,116,.12);color:var(--hh-teal,#3d8b74);display:flex;align-items:center;justify-content:center}
.hh26--full .hh26__route .hh26__num{padding-right:34px}
.hh26__lbl--link{color:var(--hh-teal,#3d8b74);font-weight:700;margin-top:4px}
.hh26__route:hover .hh26__lbl--link{text-decoration:underline}
.hh26__ttl--link{display:none}
@media (max-width:560px){.hh26__pinb{width:22px;height:22px;top:0}.hh26__pinb svg{width:14px;height:14px}.hh26--full .hh26__route .hh26__num{padding-right:26px}}

.hh26--full .hh26__route .hh26__num{font-size:clamp(19px,1.65vw,26px);padding-right:36px;white-space:nowrap}
.hh26--full .hh26__route .hh26__ttl{white-space:nowrap}
@media (max-width:560px){.hh26--full .hh26__route .hh26__num{font-size:16px;padding-right:26px}.hh26--full .hh26__route .hh26__ttl{white-space:normal}}

@media (max-width:560px){.hh26__pinb{width:20px;height:20px;top:-6px;right:-6px}.hh26__pinb svg{width:12px;height:12px}.hh26--full .hh26__route .hh26__num{font-size:15px;padding-right:16px}}

.hh26--full .hh26__route .hh26__metro{margin-top:2px;font-size:clamp(12.5px,.92vw,14px);line-height:1.3}
.hh26--full .hh26__route .hh26__metro:first-of-type{margin-top:4px}
.hh26--full .hh26__route .hh26__lbl--link{margin-top:3px}
@media (max-width:560px){.hh26--full .hh26__route .hh26__metro{font-size:11.5px;white-space:nowrap}}

@media (max-width:560px){.hh26--full .hh26__facts{grid-template-rows:auto auto}.hh26--full .hh26__fact{height:auto;min-height:115px}.hh26--full .hh26__route .hh26__metro{white-space:normal;font-size:12px}}