:root{
  /* ═════ ПАЛИТРА. Именно эти значения будет менять админка ═════ */

  /* фирменный цвет и его оттенки: тёмные секции, заголовки, кнопки */
  --brand-900:#2B5E85;
  --brand-800:#336F9C;
  --brand-700:#336F9C;
  --brand-500:#7B8794;
  --brand-300:#85B8DB;

  /* акцент: кнопки, маркеры списков, подчёркивания */
  --accent:#C58A3D;
  --accent-2:#D9A85C;
  --accent-soft:#EAD3A8;
  --accent-dark:#B07A32;          /* акцентная кнопка при наведении */

  /* фоны */
  --bg:#FBEEF2;                   /* фон страницы */
  --bg-alt:#EEF6FB;               /* фон чередующихся секций */
  --surface:#FFFFFF;              /* фон карточек */

  /* текст */
  --text:#47535E;
  --text-muted:#5C6773;
  --on-brand:#EEF6FB;             /* текст на тёмном фирменном фоне */
  --on-accent:#fff;               /* текст на акцентной кнопке */
  --line:rgba(123,135,148,.26);      /* границы карточек */
  --on-brand-strong:#FFFFFF;      /* яркий текст на тёмном: заголовки, кнопка */

  /* каналы для полупрозрачных версий (rgba(var(--x-rgb),.5)) */
  --accent-rgb:197,138,61;
  --accent-2-rgb:217,168,92;
  --brand-900-rgb:43,94,133;
  --brand-700-rgb:51,111,156;
  --surface-rgb:255,255,255;
  --bg-rgb:251,238,242;
  --text-rgb:71,83,94;
  --photo-overlay:rgba(30,48,66,.6);   /* затемнение фото в галерее */

  /* цветные иконки в карточках «Кому помогаем» */
  --icon-1:#336F9C;
  --icon-2:#C56A87;
  --icon-3:#B07A32;
  --icon-4:#47535E;
  --icon-5:#7A5375;

  /* крупные цифры в блоке «Четыре простых шага» */
  --num-1:#E7D3DA;

  /* карточка независимой оценки качества */
  --panel-1:#F7FAFD;

  /* размытые пятна-подложки (задаются в разметке инлайново) */
  --blob-1:#336F9C;

  /* производные от акцента */
  --focus-ring:rgba(var(--accent-rgb),.25);
  --accent-ring:rgba(var(--accent-2-rgb),.18);
  --accent-shadow:rgba(var(--accent-rgb),.9);

  /* ═════ не цвета ═════ */
  --r:26px; --rs:16px;
  --container:1240px;
  --shadow-soft:0 30px 70px -40px rgba(71,83,94,.42);
  --shadow-card:0 24px 48px -32px rgba(71,83,94,.38);
  --ease:cubic-bezier(.22,1,.36,1);
  --serif:'PT Serif',Georgia,serif;
  --sans:'Manrope',-apple-system,Segoe UI,sans-serif;

  /* ——— цвета палитры, которых не было в старой схеме ——— */
  --pink:#E39FB4;
  --pink-deep:#B04E6C;
  --pink-plate:#F7DEE7;
  --blue:#85B8DB;
  --blue-deep:#336F9C;
  --blue-soft:#EEF6FB;
  --grey-soft:#F4F6F8;

  /* ——— цветные иконки, цифры шагов, панели, пятна ——— */
  --icon-1-bg:#DDEBF6;
  --icon-2-bg:#F7DEE7;
  --icon-3-bg:#F3E3C8;
  --icon-4-bg:#E4E9ED;
  --icon-5-bg:#EFE0ED;
  --num-2:#CFE2EF;
  --num-3:#EDD9C3;
  --num-4:#D9E1E7;
  --panel-2:#E4EFF8;
  --panel-3:#D5E6F3;
  --blob-2:#CFE2EF;
  --blob-3:#F0D6DF;
  --blob-4:#2B5E85;

  /* ——— цветные иконки, цифры шагов, панели, пятна ——— */

  /* производные акцента для читаемости (см. аудит контраста) */
  --accent-text:#96662A;
  --accent-strong:#A06B27;
  --accent-on-brand:#FBF0DC;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans); color:var(--text); background:var(--bg);
  line-height:1.62; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  font-size:17px;
}
::selection{background:var(--accent);color:var(--on-accent)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.06;letter-spacing:-.01em;color:var(--brand-900)}
.serif-i{font-style:italic;font-weight:500}
.wrap{max-width:var(--container);margin:0 auto;padding:0 32px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-700)}
.eyebrow::before{content:"";width:26px;height:1.5px;background:var(--accent)}
.lead{color:var(--text-muted);font-size:1.06rem}
section{position:relative}

/* grain + atmosphere */
.grain{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;z-index:0}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:700;font-size:15px;
  padding:16px 26px;border-radius:60px;cursor:pointer;border:1.5px solid transparent;transition:.4s var(--ease);position:relative;overflow:hidden}
.btn svg{width:18px;height:18px;transition:.4s var(--ease)}
.btn-primary{background:var(--brand-700);color:var(--on-brand-strong);box-shadow:0 16px 30px -16px rgba(var(--brand-700-rgb),.8)}
.btn-primary:hover{background:var(--brand-900);transform:translateY(-3px);box-shadow:0 22px 40px -16px rgba(var(--brand-700-rgb),.9)}
.btn-primary:hover svg{transform:translateX(4px)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}
.btn-ghost:hover{border-color:var(--brand-700);background:#fff;transform:translateY(-3px)}
.btn-honey{background:var(--accent);color:var(--on-accent);box-shadow:0 16px 30px -16px var(--accent-shadow)}
.btn-honey:hover{background:var(--accent-dark);transform:translateY(-3px)}

/* header */
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:.45s var(--ease)}
header .bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;transition:.45s var(--ease)}
header.scrolled{background:rgba(var(--bg-rgb),.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
header.scrolled .bar{padding:13px 0}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo img{height:38px;width:auto}
nav.main{display:flex;gap:24px;align-items:center}
nav.main a{font-size:14.5px;font-weight:600;color:var(--text);position:relative;padding:4px 0;transition:.3s;white-space:nowrap}
nav.main a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--accent);transition:.35s var(--ease)}
nav.main a:hover{color:var(--brand-700)}
nav.main a:hover::after{width:100%}
.head-cta{display:flex;align-items:center;gap:18px;flex-shrink:0}
.head-phone{font-weight:800;font-size:15.5px;color:var(--brand-900);white-space:nowrap}
.head-phone span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-500)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:26px;height:2px;background:var(--text);transition:.35s var(--ease);border-radius:2px}

/* hero */
.hero{padding:170px 0 90px;position:relative;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.hero h1{font-size:clamp(2.7rem,5.4vw,4.5rem);margin:22px 0 0}
.hero h1 .hl{color:var(--accent)}
.hero .sub{margin:26px 0 34px;max-width:540px;font-size:1.12rem}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.trust-mini{display:flex;align-items:center;gap:14px;margin-top:34px}
.avatars{display:flex}
.avatars i{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--bg);margin-left:-12px;background-size:cover;background-position:center;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.avatars i:first-child{margin-left:0}
.stars{color:var(--accent);font-size:14px;letter-spacing:2px}
.trust-mini b{font-weight:800}
.trust-mini small{display:block;color:var(--text-muted);font-size:13px;line-height:1.3}

.hero-media{position:relative}
.hero-frame{position:relative;border-radius:140px 140px 26px 26px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-soft);z-index:2}
.hero-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);animation:slowzoom 18s ease-in-out infinite alternate}
@keyframes slowzoom{to{transform:scale(1.16)}}
.hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--brand-900-rgb),0) 45%,rgba(var(--brand-900-rgb),.45))}
.float-card{position:absolute;z-index:3;background:rgba(var(--surface-rgb),.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);
  border-radius:18px;padding:16px 20px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:14px}
.float-card .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--brand-700);color:#fff}
.float-card .ic svg{width:22px;height:22px}
.float-card b{font-size:15px;color:var(--brand-900);font-weight:800;display:block}
.float-card small{font-size:12px;color:var(--text-muted)}
.fc-1{left:-24px;bottom:27%;animation:cardIn .7s var(--ease) .9s both, floaty 6.5s ease-in-out 1.7s infinite}
.fc-2{right:-20px;bottom:10%;animation:cardIn .7s var(--ease) 1.15s both, floaty2 7.5s ease-in-out 2s infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-11px) rotate(-1.3deg)}}
@keyframes floaty2{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-9px) rotate(1.3deg)}}
@keyframes cardIn{from{opacity:0;transform:translateY(28px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
.ring{position:absolute;width:108%;height:108%;left:-4%;top:-4%;border:1.5px dashed var(--brand-300);border-radius:50%;z-index:1;animation:spin 40s linear infinite;opacity:.5}
@keyframes spin{to{transform:rotate(360deg)}}

/* marquee */
.marquee{background:var(--brand-900);color:var(--on-brand);padding:18px 0;overflow:hidden;white-space:nowrap}
.marquee .track{display:inline-flex;gap:46px;animation:slide 28s linear infinite}
.marquee span{font-family:var(--serif);font-style:italic;font-size:1.25rem;opacity:.92;display:inline-flex;align-items:center;gap:46px}
.marquee span::after{content:"✦";color:var(--accent);font-style:normal}
@keyframes slide{to{transform:translateX(-50%)}}

/* stats */
.stats{padding:74px 0}
.stats .row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{text-align:center;padding:14px}
.stat .num{font-family:var(--serif);font-size:clamp(2.6rem,4.4vw,3.6rem);font-weight:700;color:var(--brand-700);line-height:1}
.stat .num .u{color:var(--accent)}
.stat p{margin-top:10px;color:var(--text-muted);font-size:14.5px;font-weight:500}
.stat+.stat{border-left:1px solid var(--line)}

/* section heads */
.shead{max-width:680px;margin-bottom:48px}
.shead.center{margin-left:auto;margin-right:auto;text-align:center}
.shead h2{font-size:clamp(2rem,3.8vw,3rem);margin:16px 0 0}
.shead p{margin-top:16px}

/* services */
.services{padding:96px 0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;transition:.45s var(--ease);position:relative;overflow:hidden}
.card .no{font-family:var(--serif);font-size:14px;color:var(--brand-300);font-weight:700}
.card .ic{width:56px;height:56px;border-radius:16px;background:var(--bg-alt);display:grid;place-items:center;margin:14px 0 18px;color:var(--brand-700);transition:.45s var(--ease)}
.card .ic svg{width:28px;height:28px}
.card h3{font-size:1.32rem}
.card p{margin-top:10px;color:var(--text-muted);font-size:14.5px}
.card::before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:.45s var(--ease)}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card);border-color:transparent}
.card:hover .ic{background:var(--brand-700);color:#fff;transform:rotate(-6deg)}
.card:hover::before{transform:scaleY(1)}

/* advantages (split) */
.adv{padding:96px 0;background:var(--bg-alt)}
.adv .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.adv-media{position:relative}
.adv-media .ph{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-soft);aspect-ratio:5/6}
.adv-media .ph img{width:100%;height:100%;object-fit:cover}
.adv-media .badge{position:absolute;bottom:-22px;right:-18px;background:var(--brand-700);color:#fff;border-radius:20px;padding:22px 26px;box-shadow:var(--shadow-card);max-width:230px}
.adv-media .badge b{font-family:var(--serif);font-size:2.1rem;display:block;line-height:1}
.adv-media .badge small{font-size:13px;opacity:.85}
.adv-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin-top:6px}
.adv-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.adv-item .ck{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;flex-shrink:0}
.adv-item .ck svg{width:16px;height:16px}
.adv-item b{font-weight:700;font-size:15.5px;color:var(--brand-900)}
.adv-item small{display:block;color:var(--text-muted);font-size:13px;margin-top:2px}
/* предупреждение о доплате — не должно теряться среди пояснений */
.adv-item small.extra-pay{margin-top:5px;font-size:12.5px;font-weight:600;color:var(--accent-text)}

/* process */
.process{padding:96px 0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.step{padding:30px 24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);position:relative;transition:.45s var(--ease)}
.step .n{font-family:var(--serif);font-size:3.4rem;font-weight:700;color:var(--num-1);line-height:.8;transition:.4s}
.step h3{font-size:1.25rem;margin:10px 0 8px}
.step p{color:var(--text-muted);font-size:14px}
.step:hover{background:var(--brand-900);transform:translateY(-6px)}
.step:hover .n{color:var(--accent)}
.step:hover h3{color:#fff}
.step:hover p{color:rgba(255,255,255,.75)}

/* gallery */
.gallery{padding:96px 0;background:var(--brand-900);color:var(--on-brand)}
.gallery h2{color:var(--on-brand-strong)}
.gallery .eyebrow{color:var(--accent-2)}
.gallery .shead p{color:rgba(255,255,255,.7)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px}
.gal-grid figure{position:relative;overflow:hidden;border-radius:18px;cursor:pointer}
.gal-grid img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.gal-grid figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,var(--photo-overlay));opacity:.5;transition:.4s}
.gal-grid figure:hover img{transform:scale(1.1)}
.gal-grid figure:hover::after{opacity:.85}
.gal-grid .big{grid-column:span 2;grid-row:span 2}
.gal-grid .tall{grid-row:span 2}

/* testimonials */
.tst{padding:96px 0}
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:34px 30px;position:relative;transition:.4s var(--ease)}
.quote .qm{font-family:var(--serif);font-size:4.5rem;color:var(--accent-soft);line-height:.5;height:34px}
.quote .stars{margin:6px 0 14px}
.quote p{color:var(--text);font-size:15.5px}
.quote .who{display:flex;align-items:center;gap:13px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.quote .who i{width:46px;height:46px;border-radius:50%;background:var(--bg-alt);display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:var(--brand-700);font-style:normal}
.quote .who b{font-weight:700;font-size:15px;display:block}
.quote .who small{color:var(--text-muted);font-size:13px}
.quote:hover{transform:translateY(-6px);box-shadow:var(--shadow-card)}

/* CTA form */
.cta{padding:30px 0 110px}
.cta-box{background:linear-gradient(135deg,var(--brand-800),var(--brand-900));border-radius:40px;padding:60px;color:var(--on-brand);
  display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}
.cta-box .blob{opacity:.4}
.cta-box h2{color:var(--on-brand-strong);font-size:clamp(1.9rem,3.2vw,2.7rem)}
.cta-box .eyebrow{color:var(--accent-2)}
.cta-box .lead{color:rgba(255,255,255,.78);margin-top:16px}
.cta-points{margin-top:24px;display:grid;gap:10px}
.cta-points li{list-style:none;display:flex;gap:10px;align-items:center;font-size:14.5px;color:rgba(255,255,255,.9)}
.cta-points li svg{width:18px;height:18px;color:var(--accent-2);flex-shrink:0}
form{display:grid;gap:14px;background:rgba(var(--surface-rgb),.07);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);padding:30px;border-radius:24px;position:relative;z-index:2}
form label{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.7);margin-bottom:-8px}
form input,form select{font-family:var(--sans);font-size:15px;padding:15px 18px;border-radius:13px;border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.95);color:var(--text);width:100%;transition:.3s}
form input:focus,form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}
form .btn{justify-content:center;margin-top:6px}
form .ok{display:none;text-align:center;padding:18px;color:#fff;font-weight:600}
form.sent .field{display:none}
form.sent .ok{display:block}
.priv{font-size:11.5px;color:rgba(255,255,255,.5);text-align:center}

/* contacts */
.contacts{padding:0 0 100px}
.cont-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.cont-info{padding:50px}
.cont-info h2{font-size:2.1rem;margin:14px 0 26px}
.cinfo{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.cinfo:last-child{border:0}
.cinfo .ic{width:46px;height:46px;border-radius:13px;background:var(--bg-alt);display:grid;place-items:center;color:var(--brand-700);flex-shrink:0}
.cinfo .ic svg{width:22px;height:22px}
.cinfo b{display:block;font-weight:500;color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.cinfo a,.cinfo span{font-size:18px;font-weight:700;color:var(--brand-900)}
.cont-map{min-height:440px;position:relative}
.cont-map iframe{width:100%;height:100%;border:0;filter:grayscale(.2) contrast(1.02)}

/* footer */
footer{background:var(--brand-900);color:rgba(255,255,255,.72);padding:64px 0 30px;font-size:14px}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot-top img{height:40px;filter:brightness(0) invert(1);opacity:.92;margin-bottom:18px}
.foot-col h4{color:#fff;font-family:var(--sans);font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.foot-col a{display:block;padding:6px 0;transition:.3s}
.foot-col a:hover{color:var(--accent-2);padding-left:5px}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:12.5px;color:rgba(255,255,255,.5)}

/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:.9s var(--ease)}
.reveal.in{opacity:1;transform:none}
[data-an]{opacity:0;transform:translateY(26px);animation:rise .9s var(--ease) forwards}
@keyframes rise{to{opacity:1;transform:none}}

/* included */
.included{padding:96px 0;background:var(--surface)}
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.inc{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:.35s var(--ease)}
.inc:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.inc .ck{width:26px;height:26px;border-radius:8px;background:var(--brand-700);color:#fff;display:grid;place-items:center;flex-shrink:0}
.inc .ck svg{width:15px;height:15px}
.inc b{font-weight:600;font-size:15px;color:var(--brand-900)}

/* pricing */
.pricing{padding:96px 0}
.price-hi{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.price-hi .pill{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 24px}
.price-hi .pill b{font-family:var(--serif);font-size:1.9rem;color:var(--accent);display:block;line-height:1}
.price-hi .pill span{font-size:13px;color:var(--text-muted);display:block;margin-top:6px;max-width:260px}
.price-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px}
.price-table th,.price-table td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.price-table thead th{background:var(--brand-900);color:var(--on-brand);font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.price-table tbody tr:last-child td{border-bottom:0}
.price-table tbody tr:hover{background:var(--bg-alt)}
.price-table .p{font-family:var(--serif);font-weight:700;color:var(--brand-700);white-space:nowrap;font-size:1.1rem}
.price-table .sub{color:var(--text-muted);font-size:13px}
.price-note{margin-top:16px;font-size:12.5px;color:var(--text-muted);line-height:1.5}
.price-note a{color:var(--brand-700);font-weight:600;border-bottom:1px solid var(--accent)}

/* about / team */
.about{padding:96px 0;background:var(--bg-alt)}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.member{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;transition:.35s var(--ease)}
.member:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.member b{font-weight:700;color:var(--brand-900);font-size:15.5px}
.member span{display:block;color:var(--accent);font-size:13px;font-weight:600;margin-top:4px}
.about-quote{display:flex;align-items:center;gap:30px;background:linear-gradient(135deg,var(--brand-800),var(--brand-900));color:var(--on-brand);border-radius:var(--r);padding:38px 40px;margin-top:24px;font-family:var(--serif);font-style:italic;font-size:1.25rem;line-height:1.5}
.about-quote .by{display:block;font-style:normal;font-family:var(--sans);font-size:13px;color:var(--accent-2);margin-top:16px;font-weight:600}
/* портрет автора — слева от цитаты, на узком экране уходит наверх */
.about-quote .aq-photo{flex:0 0 auto;width:128px;height:128px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-2)}
.about-quote .aq-text{min-width:0}
@media(max-width:700px){.about-quote{flex-direction:column;align-items:flex-start;gap:20px}
  .about-quote .aq-photo{width:88px;height:88px;border-width:2px}}

/* quiz */
.quiz-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.quiz-progress{flex:1;height:6px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden}
.quiz-progress span{display:block;height:100%;width:25%;background:var(--accent);border-radius:6px;transition:.4s var(--ease)}
.quiz-step-num{font-size:12.5px;color:rgba(255,255,255,.7);white-space:nowrap}
.quiz-step-num b{color:#fff}
.quiz-step{display:none}
.quiz-step.is-active{display:block;animation:quizIn .4s var(--ease)}
@keyframes quizIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.quiz-q{color:#fff;font-size:1.35rem;margin-bottom:18px}
.quiz-opts{display:grid;gap:10px}
.quiz-opts.cols-2{grid-template-columns:1fr 1fr}
.quiz-opt{display:flex;align-items:center;gap:12px;text-align:left;font-family:var(--sans);font-weight:600;font-size:15px;color:#fff;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);border-radius:14px;padding:16px 18px;cursor:pointer;transition:.25s var(--ease)}
.quiz-opt svg{width:22px;height:22px;color:var(--accent-2);flex-shrink:0}
.quiz-opt:hover{background:rgba(255,255,255,.16);border-color:var(--accent-2);transform:translateY(-2px)}
.quiz-opt.selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.quiz-opt.selected svg{color:var(--on-accent)}
.quiz-form{display:grid;gap:12px}
.quiz-form input{font-family:var(--sans);font-size:15px;padding:15px 18px;border-radius:13px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.95);color:var(--text);width:100%}
.quiz-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}
.quiz-form .btn{justify-content:center;margin-top:4px}
.quiz-nav{margin-top:14px;min-height:20px}
.quiz-back{background:none;border:0;color:rgba(255,255,255,.65);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;font-family:var(--sans)}
.quiz-back:hover{color:#fff}
.quiz-back.hide{display:none}
.quiz-done{display:none;text-align:center;padding:16px 0}
.quiz-done.show{display:block;animation:quizIn .4s var(--ease)}
.quiz-done-ic{width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:26px;display:grid;place-items:center;margin:0 auto 16px}
.quiz-done b{color:#fff;font-size:1.3rem;display:block;margin-bottom:8px;font-family:var(--serif)}
.quiz-done p{color:rgba(255,255,255,.8);font-size:14.5px}
@media(max-width:560px){.quiz-opts.cols-2{grid-template-columns:1fr}}

/* faq */
.faq{padding:96px 0;background:var(--bg-alt)}
.faq-list{max-width:860px;margin:0 auto;display:grid;gap:14px}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--rs);overflow:hidden;transition:.4s var(--ease)}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 26px;font-family:var(--serif);font-size:1.2rem;color:var(--brand-900);display:flex;justify-content:space-between;align-items:center;gap:18px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .pl{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--brand-300);position:relative;transition:.4s var(--ease)}
.faq-item summary .pl::before,.faq-item summary .pl::after{content:"";position:absolute;background:var(--brand-700);transition:.3s}
.faq-item summary .pl::before{left:50%;top:8px;bottom:8px;width:2px;transform:translateX(-50%)}
.faq-item summary .pl::after{top:50%;left:8px;right:8px;height:2px;transform:translateY(-50%)}
.faq-item[open] summary .pl{background:var(--brand-700);border-color:var(--brand-700);transform:rotate(135deg)}
.faq-item[open] summary .pl::before,.faq-item[open] summary .pl::after{background:#fff}
.faq-item .a{padding:0 26px 24px;color:var(--text-muted);font-size:15.5px}
.faq-item:hover{box-shadow:var(--shadow-card)}

/* responsive */
@media(max-width:980px){
  .hero .grid,.adv .grid,.cta-box,.cont-grid{grid-template-columns:1fr}
  .cards,.steps,.gal-grid{grid-template-columns:repeat(2,1fr)}
  .stats .row{grid-template-columns:repeat(2,1fr);gap:30px 0}
  .stat:nth-child(3){border-left:0}
  .tst-grid{grid-template-columns:1fr}
  nav.main,.head-phone{display:none}
  .burger{display:flex}
  .hero{padding-top:130px}
  .adv-list{grid-template-columns:1fr}
  .cta-box{padding:40px 26px}
  .cont-map{min-height:340px}
}
@media(max-width:560px){
  .wrap{padding:0 20px}
  .cards,.steps,.gal-grid,.stats .row{grid-template-columns:1fr}
  .stat+.stat{border-left:0;border-top:1px solid var(--line);padding-top:24px}
  .gal-grid .big,.gal-grid .tall{grid-column:auto;grid-row:auto}
  .float-card{display:none}
}

/* mobile nav panel */
.mnav{position:fixed;inset:0;z-index:99;background:var(--brand-900);color:var(--on-brand);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;
  transform:translateY(-100%);transition:.55s var(--ease);visibility:hidden}
.mnav.open{transform:none;visibility:visible}
.mnav a{font-family:var(--serif);font-size:1.7rem;padding:10px}
.mnav .btn{margin-top:20px}
.mnav .close{position:absolute;top:24px;right:24px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.001s!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* service pages + card links */
.card .more{display:inline-block;margin-top:14px;font-weight:700;font-size:13px;color:var(--brand-700);transition:.3s var(--ease)}
.card:hover .more{color:var(--accent)}
.svc-hero{padding:150px 0 50px;position:relative;overflow:hidden}
.svc-hero .eyebrow{margin-bottom:16px}
.svc-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);margin:0}
.svc-lead{font-size:1.18rem;color:var(--text-muted);max-width:720px;margin:24px 0 30px}
.crumbs{font-size:13px;color:var(--text-muted);margin-bottom:8px}
.crumbs a{color:var(--brand-700);font-weight:600}
.svc-sec{padding:54px 0}
.svc-sec h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 22px;max-width:20ch}
.svc-sec>.wrap>p{margin:0 0 16px;max-width:780px;color:var(--text-muted);font-size:1.06rem}
.svc-sec>.wrap>p strong{color:var(--text);font-weight:700}
.svc-sec .adv-list{max-width:900px}
.price-teaser{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;margin:28px 0 0;max-width:780px}
.price-teaser b{font-family:var(--serif);font-size:1.7rem;color:var(--accent);white-space:nowrap}
.price-teaser span{color:var(--text-muted);font-size:14.5px}
.price-teaser a{color:var(--brand-700);font-weight:700;border-bottom:1px solid var(--accent);white-space:nowrap}

/* GEO blocks */
.tldr{background:linear-gradient(135deg,var(--brand-800),var(--brand-900));color:var(--on-brand);border-radius:var(--r);padding:26px 30px;margin:0 0 34px;max-width:780px}
.tldr b{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);display:block;margin-bottom:12px}
.tldr ul{list-style:none;display:grid;gap:9px}
.tldr li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.5}
.tldr li::before{content:"✦";position:absolute;left:0;color:var(--accent-2)}
.ticks{list-style:none;display:grid;gap:12px;max-width:820px;margin-top:8px}
.ticks li{position:relative;padding-left:34px;font-size:1.02rem;color:var(--text)}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:6px;background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.steps-list{counter-reset:st;list-style:none;display:grid;gap:14px;max-width:820px;margin-top:8px}
.steps-list li{counter-increment:st;position:relative;padding-left:50px;font-size:1.02rem;min-height:34px;display:flex;align-items:center}
.steps-list li::before{content:counter(st);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--brand-700);color:#fff;font-family:var(--serif);font-weight:700;display:grid;place-items:center}
.updated{font-size:12.5px;color:var(--text-muted)}
.svc-sec.alt{background:var(--bg-alt)}

/* documents */
.docs{display:grid;gap:10px;max-width:900px}
.doc-row{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;transition:.3s var(--ease)}
.doc-row:hover{transform:translateX(4px);box-shadow:var(--shadow-card);border-color:transparent}
.doc-ic{width:36px;height:36px;border-radius:10px;background:var(--bg-alt);color:var(--brand-700);display:grid;place-items:center;flex-shrink:0}
.doc-ic svg{width:18px;height:18px}
.doc-name{flex:1;font-weight:600;font-size:15px;color:var(--brand-900);line-height:1.35}
.doc-meta{font-size:12.5px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}
.doc-dl{width:34px;height:34px;border-radius:50%;background:var(--brand-700);color:#fff;display:grid;place-items:center;flex-shrink:0}
.doc-dl svg{width:17px;height:17px}
@media(max-width:560px){.doc-meta{display:none}.doc-name{font-size:14px}}

/* legal / policy page */
.legal{max-width:840px}
.legal h2{font-size:1.4rem;margin:34px 0 12px}
.legal h2:first-child{margin-top:0}   /* заголовок раздела стоит первым */
.legal p{margin:0 0 16px;line-height:1.75;color:var(--text)}
.legal a{color:var(--brand-700);text-decoration:underline}
/* footer policy link */
.foot-bottom a{color:inherit;text-decoration:underline}
/* quiz consent checkbox */
.quiz-consent{display:flex;align-items:flex-start;gap:9px;margin-top:2px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.82);text-align:left;cursor:pointer}
.quiz-consent input{width:16px;height:16px;margin-top:1px;flex:0 0 auto;accent-color:var(--accent);cursor:pointer}
.quiz-consent a{color:#fff;text-decoration:underline}
/* cookie consent banner */
.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;max-width:430px;margin-left:auto;background:#fff;border:1px solid rgba(var(--brand-700-rgb),.14);box-shadow:var(--shadow-card);border-radius:16px;padding:20px 22px;z-index:130;font-size:12.5px;line-height:1.55;color:var(--text);display:none}
.cookie-banner.show{display:block;animation:ckIn .45s var(--ease)}
@keyframes ckIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cookie-banner p{margin:0 0 14px}
.cookie-banner a{color:var(--brand-700);text-decoration:underline}
.cookie-banner .btn-honey{padding:11px 24px;font-size:14px}
@media(max-width:480px){.cookie-banner{left:12px;right:12px;bottom:12px;max-width:none}}

/* about dropdown menu */
.has-drop{position:relative;display:inline-flex;align-items:center}
.has-drop>a::after{content:"▾";font-size:.7em;margin-left:5px;opacity:.55;position:static;width:auto;height:auto;background:none}
.has-drop .drop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:300px;background:#fff;border:1px solid rgba(var(--brand-700-rgb),.1);border-radius:14px;box-shadow:var(--shadow-card);padding:8px;display:none;flex-direction:column;gap:1px;z-index:70}
.has-drop:hover .drop{display:flex}
.has-drop .drop::before{content:"";position:absolute;bottom:100%;left:0;right:0;height:12px}
.has-drop .drop a{padding:9px 14px;border-radius:9px;font-size:14px;font-weight:600;white-space:nowrap;color:var(--text)}
.has-drop .drop a::after{display:none}
.has-drop .drop a:hover{background:var(--bg-alt);color:var(--brand-900)}
@media(max-width:980px){.has-drop .drop{display:none!important}}

/* places (свободные места в стационаре) */
.places{padding:0 0 8px}
.places-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:34px 34px 30px;box-shadow:var(--shadow-card)}
.places-h{font-size:clamp(1.35rem,2.2vw,1.75rem);margin:0 0 22px;text-align:center}
.places-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pl{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 14px;border-radius:var(--rs);background:var(--bg);border:1px solid transparent}
.pl-num{font-family:var(--serif);font-size:clamp(2.2rem,3.6vw,3rem);font-weight:700;line-height:1;color:var(--brand-700)}
.pl-cap{font-size:14.5px;font-weight:500;color:var(--text-muted);line-height:1.35}
.pl-accent{background:var(--accent-soft);border-color:var(--accent-2)}
.pl-accent .pl-num{color:var(--accent)}
.pl-accent .pl-cap{color:var(--brand-800);font-weight:600}
@media(max-width:900px){.places-grid{grid-template-columns:repeat(2,1fr)}.places-box{padding:26px 20px 22px}}
@media(max-width:520px){.places-grid{gap:12px}.pl{padding:14px 10px}.pl-cap{font-size:13.5px}}

/* seo text (подвальный текст главной) */
.seotext{padding:64px 0 8px;border-top:1px solid var(--line)}
.seotext .wrap{max-width:940px}
.seotext h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0 0 16px}
.seotext h3{font-size:clamp(1.15rem,1.9vw,1.45rem);margin:30px 0 10px;color:var(--brand-800)}
.seotext p{margin:0 0 12px;color:var(--text-muted);font-size:15.5px;line-height:1.75}
.seotext ul{margin:0 0 12px;padding-left:20px;color:var(--text-muted);font-size:15.5px;line-height:1.75}
.seotext li{margin:0 0 4px}
@media(max-width:640px){.seotext{padding:44px 0 4px}.seotext p,.seotext ul{font-size:15px}}

/* doctor card (страница специалистов) */
.doc-sec{padding-top:8px}
.doc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:var(--shadow-card)}
.doc-head{display:flex;gap:20px;align-items:flex-start;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.doc-ava{flex:0 0 auto;width:68px;height:68px;border-radius:50%;background:var(--brand-700);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:.5px}
.doc-id h3{font-size:clamp(1.2rem,2vw,1.5rem);margin:0 0 6px}
.doc-spec{margin:0 0 8px;color:var(--accent);font-weight:700;font-size:15px}
.doc-where{margin:0;color:var(--text-muted);font-size:14.5px;line-height:1.6}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.doc-block h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-500);margin:0 0 12px}
.doc-block ul{list-style:none;margin:0;padding:0}
.doc-block li{position:relative;padding-left:16px;margin:0 0 14px;font-size:14.5px;line-height:1.6;color:var(--text-muted)}
.doc-block li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent-2)}
.doc-block li b{color:var(--text)}
@media(max-width:900px){.doc-grid{grid-template-columns:1fr;gap:20px}.doc-card{padding:24px 20px}}
@media(max-width:520px){.doc-head{gap:14px}.doc-ava{width:54px;height:54px;font-size:18px}}

/* --- согласия в формах: цветные чекбоксы --- */
.consent-box{margin-top:4px;text-align:left}
.consent-title{margin:0 0 8px;font-size:12.5px;font-weight:700;color:#fff}
.req{color:var(--accent-2);font-weight:700}
.quiz-consent{align-items:flex-start;margin-top:8px}
.quiz-consent input[type="checkbox"]{
  -webkit-appearance:none;appearance:none;
  position:relative;width:20px;height:20px;flex:0 0 auto;margin:1px 0 0;padding:0;
  border:2px solid var(--accent-2);border-radius:5px;background:#fff;cursor:pointer;box-sizing:border-box;
  transition:.2s var(--ease)}
.quiz-consent input[type="checkbox"]:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}
.quiz-consent input[type="checkbox"]:checked{background:var(--accent);border-color:var(--accent)}
.quiz-consent input[type="checkbox"]:checked::after{
  content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;
  border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

/* --- фото в статьях услуговых страниц --- */
.svc-photo{padding:8px 0 0}
.svc-figure{margin:0}
/* высоту ограничиваем: вертикальный снимок с телефона иначе занимал бы
   больше экрана целиком. Ширина подстраивается сама, пропорции целы */
.svc-figure img{width:auto;max-width:100%;height:auto;max-height:560px;display:block;
  margin:0 auto;border-radius:var(--r);box-shadow:var(--shadow-card)}
.svc-figure figcaption{margin-top:10px;font-size:13.5px;color:var(--text-muted);text-align:center;font-style:italic}

/* --- карточка сотрудника с фото --- */
.member-photo{display:flex;align-items:center;gap:14px}
.member-photo img{flex:0 0 auto;width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-soft)}

/* --- быстрая форма (модалка с кнопки «Рассчитать») --- */
.qf-overlay{position:fixed;inset:0;background:rgba(var(--brand-900-rgb),.55);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.qf-overlay.show{display:flex;animation:qfIn .3s var(--ease)}
@keyframes qfIn{from{opacity:0}to{opacity:1}}
.qf-modal{position:relative;width:100%;max-width:520px;background:linear-gradient(150deg,var(--brand-800),var(--brand-900));color:var(--on-brand);border-radius:var(--r);box-shadow:var(--shadow-soft);animation:qfUp .38s var(--ease)}
@keyframes qfUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.qf-body{padding:38px 36px 34px}
.qf-close{position:absolute;top:14px;right:16px;width:36px;height:36px;border:none;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:.25s var(--ease)}
.qf-close:hover{background:rgba(255,255,255,.24)}
.qf-modal .eyebrow{color:var(--accent-2)}
.qf-modal h3{font-family:var(--serif);font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2;margin:12px 0 10px;color:var(--on-brand)}
.qf-sub{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.8);margin:0 0 20px}
.qf-form{display:flex;flex-direction:column;gap:12px}
.qf-form input[type="text"],.qf-form input[type="tel"]{width:100%;padding:15px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-family:inherit;font-size:15px;outline:none}
.qf-form input::placeholder{color:rgba(255,255,255,.55)}
.qf-form input:focus{border-color:var(--accent-2);background:rgba(255,255,255,.13)}
.qf-submit{margin-top:6px;justify-content:center}
.qf-done{display:none;text-align:center;padding:14px 0 4px}
.qf-done.show{display:block;animation:qfIn .35s var(--ease)}
.qf-done-ic{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:28px}
.qf-done b{display:block;font-size:18px;margin-bottom:6px}
.qf-done p{color:rgba(255,255,255,.8);font-size:14.5px}
@media(max-width:560px){.qf-body{padding:30px 22px 26px}.qf-overlay{padding:12px;align-items:flex-start}}

/* --- цветные иконки (правка «не хватает красок») --- */

/* карточки услуг — каждая своим цветом */
.cards .card:nth-child(5n+1) .ic{background:var(--icon-1-bg);color:var(--icon-1)}
.cards .card:nth-child(5n+2) .ic{background:var(--icon-2-bg);color:var(--icon-2)}
.cards .card:nth-child(5n+3) .ic{background:var(--icon-3-bg);color:var(--icon-3)}
.cards .card:nth-child(5n+4) .ic{background:var(--icon-4-bg);color:var(--icon-4)}
.cards .card:nth-child(5n+5) .ic{background:var(--icon-5-bg);color:var(--icon-5)}
.card:hover .ic{transform:scale(1.06) rotate(-3deg)}
/* иконки контактов */
.cinfo:nth-child(odd) .ic{background:var(--icon-2-bg);color:var(--icon-2)}
.cinfo:nth-child(even) .ic{background:var(--icon-4-bg);color:var(--icon-4)}
/* номера шагов процесса */
.step .n{color:var(--accent-soft)}
.step:nth-child(2) .n{color:var(--num-2)}
.step:nth-child(3) .n{color:var(--num-3)}
.step:nth-child(4) .n{color:var(--num-4)}
/* галочки преимуществ — чередование */
.adv-item:nth-child(even) .ck{background:var(--icon-1)}

/* --- услуговая страница: hero с картинкой справа + бейдж цены --- */
.svc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.svc-hero-media img{width:100%;height:auto;display:block;border-radius:var(--r);box-shadow:var(--shadow-soft)}
.price-badge{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:16px 24px;background:var(--surface);border:1px solid var(--accent-soft);border-radius:18px;box-shadow:var(--shadow-card)}
.price-badge b{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.1rem);color:var(--accent);line-height:1;white-space:nowrap}
.price-badge span{font-size:13px;line-height:1.4;color:var(--text-muted);font-weight:500}
@media(max-width:900px){
  .svc-hero-grid{grid-template-columns:1fr;gap:28px}
  .svc-hero-media{order:-1}
  .svc-hero-media img{max-height:320px;object-fit:cover}
}
@media(max-width:480px){.price-badge{width:100%;padding:14px 18px}}

/* --- страница отзывов --- */
.rev-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.svc-sec>.wrap>p.rev-note,.rev-note{max-width:none;width:100%;margin:26px 0 0;text-align:center;color:var(--text-muted);font-size:15px}
.rev-note a{color:var(--brand-700);font-weight:700}

/* --- раздел «Статьи» --- */
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}
.art-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;transition:.4s var(--ease)}
.art-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);border-color:var(--accent-soft)}
.art-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:5px 11px;border-radius:20px}
.art-card h3{font-family:var(--serif);font-size:1.28rem;line-height:1.3;margin:14px 0 10px;color:var(--brand-900)}
.art-card p{color:var(--text-muted);font-size:14.5px;line-height:1.65;margin:0 0 14px}
.art-more{font-size:14px;font-weight:700;color:var(--brand-700)}
.art-card:hover .art-more{color:var(--accent)}
/* тело статьи */
.article .wrap{max-width:860px}
.article h2{font-size:clamp(1.35rem,2.4vw,1.85rem);margin:34px 0 12px}
.article p{color:var(--text-muted);font-size:16px;line-height:1.75;margin:0 0 14px}
.article ul{margin:0 0 16px;padding-left:22px}
.article li{color:var(--text-muted);font-size:15.5px;line-height:1.7;margin:0 0 10px}
.article li b{color:var(--text)}
.article-cta{margin-top:30px;padding:26px 28px;background:var(--bg-alt);border-radius:var(--r);display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.article-cta p{margin:0;flex:1 1 320px;color:var(--text);font-size:15px}

/* --- кнопка «Записаться через MAX» --- */
.max-cta{margin:18px 0 4px}
.max-btn{display:inline-flex;align-items:center;gap:14px;padding:14px 22px 14px 18px;background:var(--surface);border:1px solid var(--accent-soft);border-radius:16px;box-shadow:var(--shadow-card);transition:.35s var(--ease)}
.max-btn:hover{transform:translateY(-3px);border-color:var(--accent-2)}
.max-btn img{flex:0 0 auto;width:26px;height:26px}
.max-btn b{display:block;font-size:15px;color:var(--brand-900);font-weight:700}
.max-btn small{display:block;font-size:12.5px;color:var(--text-muted);margin-top:2px}
@media(max-width:480px){.max-btn{width:100%}}

/* ============ ФИКСЫ АДАПТИВА (аудит 21.08) ============ */
/* 1. Страховка: ни один элемент не должен давать горизонтальную прокрутку */
html{overflow-x:hidden}
/* 2. Grid-элементы не должны распирать сетку своим контентом */
.cont-info,.cont-map,.inc-item,.card,.step,.member,.quote,.pl,.doc-block,.art-card{min-width:0}
/* 3. «Что включено» — не было мобильного переопределения (оставалось 3 колонки) */
@media(max-width:980px){.inc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.inc-grid{grid-template-columns:1fr}}
/* 4. Длинные слова/ссылки не рвут вёрстку */
body{overflow-wrap:break-word}
.cinfo span,.foot-col a,.art-card p{overflow-wrap:anywhere}
/* 5. Медиа не вылезает за контейнер */
img,iframe,video,svg{max-width:100%}
/* 6. Команда специалистов — на мобильных 3 колонки были нечитаемы */
@media(max-width:900px){.team{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.team{grid-template-columns:1fr}}
/* 7. Пустая заготовка под SEO-текст не должна занимать место */
.seotext .wrap:empty,.seotext .wrap:has(> :only-child:empty){display:none}
.seotext:not(:has(h2,h3,p,ul)){padding:0;border-top:0}

/* --- услуговые страницы: убираем чрезмерное сжатие (аудит 21.08) --- */
/* заголовки рвались на 4 строки из-за max-width:20ch */
.svc-sec h2{max-width:34ch}
/* текстовые блоки: оставляем комфортную длину строки, но заметно шире */
.svc-lead{max-width:900px}
.svc-sec>.wrap>p{max-width:940px}
.ticks{max-width:1000px}
/* карточки-блоки — на всю ширину контейнера */
.tldr,.price-teaser{max-width:none}
@media(max-width:900px){.svc-sec h2{max-width:none}}

/* --- таблица цен: адаптив (не влезала на мобильных) --- */
@media(max-width:600px){
  .price-table{font-size:14px;display:block;border-radius:var(--rs)}
  .price-table thead{display:none}
  .price-table tbody,.price-table tr,.price-table td{display:block;width:100%}
  .price-table tr{padding:14px 16px;border-bottom:1px solid var(--line)}
  .price-table tr:last-child{border-bottom:0}
  .price-table td{padding:0;border:0}
  .price-table td:first-child{font-weight:700;color:var(--brand-900);margin-bottom:4px}
  .price-table td.sub{font-size:13px;color:var(--text-muted);margin-bottom:8px}
  .price-table td.p{font-size:1.15rem}
}

/* тексты согласий наследовали form label (600 + letter-spacing + отрицательный margin) —
   мелкий шрифт на тёмном фоне читался тяжело, абзацы слипались */
.quiz-consent{font-weight:500;letter-spacing:0;margin-bottom:0;line-height:1.5}
.quiz-consent+.quiz-consent{margin-top:11px}

/* ============ НЕЗАВИСИМАЯ ОЦЕНКА КАЧЕСТВА (НОК) ============ */
/* стоит справа от «Свободных мест» — как на основном сайте.
   Вся карточка на мягком шалфейном фоне (как в оригинальном баннере — один фон
   под текстом и иллюстрацией): нет шва между плашкой и карточкой, а светлые
   волосы иллюстрации не сливаются с бумажным фоном. */
.places-row{display:grid;grid-template-columns:.94fr 1.06fr;gap:20px;align-items:stretch}
.places-row .places-box{margin:0}
.places-row .places-grid{grid-template-columns:repeat(2,1fr)}
.nok-box{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:0;align-items:end;
  background:linear-gradient(178deg,var(--panel-1) 0%,var(--panel-2) 60%,var(--panel-3) 100%);
  border:1px solid rgba(var(--brand-700-rgb),.14);border-radius:var(--r);
  padding:32px 0 0 32px;overflow:hidden;position:relative;box-shadow:var(--shadow-card)}
.nok-text{padding:0 22px 32px 0;min-width:0}
.nok-box .eyebrow{letter-spacing:.1em;color:var(--brand-700)}
.nok-box h2{font-size:clamp(1.18rem,1.6vw,1.45rem);margin:12px 0 0;line-height:1.18;color:var(--brand-900)}
.nok-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.nok-list li{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.4;color:var(--brand-900)}
.nok-list li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);flex:0 0 auto;margin-top:6px}
.nok-note{margin:18px 0 0;background:rgba(255,255,255,.62);border-radius:var(--rs);padding:12px 16px;
  font-size:14px;line-height:1.45;color:var(--brand-800)}
.nok-btn{margin-top:20px}
.nok-art{align-self:end;line-height:0}
.nok-art img{width:100%;height:auto;display:block}

@media(max-width:1080px){
  .places-row{grid-template-columns:1fr}
  .nok-box{grid-template-columns:minmax(0,1fr) 330px;padding:34px 0 0 32px}
  .nok-box h2{font-size:1.55rem;max-width:26ch}
  .nok-list li{font-size:16px}
  .nok-text{padding:0 26px 34px 0}
}
@media(max-width:760px){
  .nok-box{grid-template-columns:1fr;padding:30px 0 0}
  .nok-text{padding:0 22px 22px}
  .nok-box h2{max-width:none}
  .nok-art{justify-self:center;width:280px;max-width:82%}
}
@media(max-width:520px){
  .nok-text{padding:0 18px 20px}
  .nok-list li{font-size:15px}
  .nok-art{width:235px}
}

/* ============ АНКЕТА НЕЗАВИСИМОЙ ОЦЕНКИ КАЧЕСТВА ============ */
.survey-sec{padding-top:8px}
.survey-box{grid-template-columns:1fr;gap:30px;align-items:start;padding:48px 46px}
.survey-intro .lead{color:rgba(255,255,255,.8);margin-top:14px;max-width:760px}
.survey .quiz-q{font-size:1.22rem;line-height:1.3;max-width:820px}
.survey .quiz-opts{max-width:820px}
.survey .quiz-opt{font-weight:500;font-size:14.5px;padding:14px 16px;align-items:flex-start;line-height:1.35}
.survey-hint{color:rgba(255,255,255,.7);font-size:14px;margin:0 0 16px;max-width:760px}
.survey-texts{display:grid;gap:14px;max-width:820px}
.survey-label{display:grid;gap:8px;font-size:13px;font-weight:600;letter-spacing:.03em;color:rgba(255,255,255,.75)}
.survey-label textarea{font-family:var(--sans);font-size:15px;line-height:1.5;padding:13px 16px;border-radius:13px;
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.95);color:var(--text);width:100%;resize:vertical}
.survey-label textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}
.survey-next,.survey-send{margin-top:18px}
.survey-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:900px){.survey-box{padding:38px 26px}.survey .quiz-q{font-size:1.1rem}}
@media(max-width:520px){.survey-box{padding:30px 18px;border-radius:26px}.survey .quiz-opt{font-size:14px}}

/* ═══════════════════════════════════════════════════════════
   ПРАВКИ ПО НОВОЙ ПАЛИТРЕ (перенесено из превью theme-new.css)
   ═══════════════════════════════════════════════════════════ */
/* ═════ ПЛАШКИ ПО ПРАВКАМ ЗАКАЗЧИКА ═════ */

/* «Свободные места»: обычные плитки розовым, выделенные остаются акцентными —
   иначе «свободных мест» перестаёт выделяться, а это главная цифра блока */
.pl:not(.pl-accent){background:var(--pink-plate);border-color:rgba(197,106,135,.2)}
.pl:not(.pl-accent) .pl-num{color:var(--pink-deep)}

/* «Уход под каждое состояние и диагноз» — карточки розовым.
   Кружки под иконками белые: цветные подложки на розовой карточке
   сливались с фоном (у второй карточки кружок был не виден вовсе).
   Специфичность повторяет исходное правило .cards .card:nth-child() .ic */
.card{background:var(--pink-plate)}
.cards .card:nth-child(5n+1) .ic,
.cards .card:nth-child(5n+2) .ic,
.cards .card:nth-child(5n+3) .ic,
.cards .card:nth-child(5n+4) .ic,
.cards .card:nth-child(5n+5) .ic{background:#fff}

/* «Что входит в стоимость» — голубые плашки, синие галочки */
.inc{background:var(--blue-soft);border-color:rgba(51,111,156,.18)}
.inc .ck{background:var(--blue-deep)}

/* «Четыре простых шага» — розовый фон карточек */
.step{background:var(--pink-plate)}
.step:hover{background:var(--brand-800)}

/* «Забота, которой можно доверять» — светлый голубой, чтобы полоса
   не сливалась с розовым фоном страницы */
.adv{background:var(--blue-soft)}

/* отзывы и прочие карточки — белым, чтобы читалось */
.quote,.member,.doc-card,.art-card,.places-box,.cont-info,.cont-map{background:#fff}

/* ═════ ЧИТАБЕЛЬНОСТЬ (правка «руководству за 60») ═════ */
body{font-size:17.5px}
.card p{font-size:15.5px}
.pl-cap{font-size:15px;font-weight:600}
.inc b{font-size:15.5px}
.step p{font-size:15px}
.member span{font-size:14px}
.price-table{font-size:15.5px}
.price-table .sub{font-size:14px}
.foot-col a,footer{font-size:15px}
.quiz-consent{font-size:13px;line-height:1.5}
.consent-title{font-size:13.5px}
.crumbs{font-size:14px}
.svc-figure figcaption{font-size:14.5px}
.doc-spec,.doc-where{font-size:14.5px}
.head-phone span{font-size:11.5px}

/* ═════ ШАПКА: логотип и телефон крупнее ═════
   Лестница размеров обязательна: при 52px на 375px логотип занимает 221px,
   и кнопка «Рассчитать» с бургером уезжают за правый край — бургер
   становится недоступен. Ниже 640px возвращаемся к исходным 38px. */
.logo img{height:62px}
.head-phone{font-size:19px}
@media(max-width:1100px){.logo img{height:52px}}
@media(max-width:900px){.logo img{height:44px}}
@media(max-width:640px){
  .logo img{height:38px}
  /* на 375px логотип + кнопка + бургер не помещались: бургер уезжал
     за правый край и был недоступен. Поджимаем кнопку и промежутки. */
  .head-cta{gap:10px}
  .head-cta .btn{padding:14px 16px;font-size:14px}
}

/* ═════ ПОДВАЛ: светлый, логотип в цвете ═════
   Заказчик просил «изменить цвет подвала» и «лого должно быть цветное».
   На тёмном фоне цветной логотип не читается: тёмно-синий #083F76 в нём
   почти сливается. Поэтому подвал сделан светлым — тогда логотип работает
   как есть, без перекраски фильтром. */
footer{background:var(--grey-soft);color:var(--text-muted);border-top:1px solid var(--line)}
.foot-top{border-bottom-color:var(--line)}
.foot-top img{filter:none;opacity:1}
.foot-col h4{color:var(--brand-900)}
.foot-col a{color:var(--text)}
.foot-col a:hover{color:var(--brand-700)}
.foot-bottom{color:var(--text-muted)}

/* ═══════════════════════════════════════════════════════════
   ПРАВКИ ПОСЛЕ АУДИТА ВЁРСТКИ НА НОВОЙ ПАЛИТРЕ
   Контраст считался по WCAG: 4.5 для обычного текста,
   3.0 для крупного (24px+ либо 18.7px+ полужирный).
   ═══════════════════════════════════════════════════════════ */

/* подвал: сетка не сворачивалась, колонки уезжали за правый край на 375px */
@media(max-width:760px){.foot-top{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:480px){.foot-top{grid-template-columns:1fr;gap:22px}}

/* акцентный текст на светлом фоне */
.hero h1 .hl,.stars,.stat .num .u,.price-hi .pill b,.member span,
.price-teaser b,.doc-spec,.price-badge b,.art-tag,
.card:hover .more,.art-card:hover .art-more{color:var(--accent-text)}

/* акцентные подписи на тёмно-синих блоках */
.gallery .eyebrow,.cta-box .eyebrow,.qf-modal .eyebrow,
.about-quote .by,.tldr b,.tldr li::before{color:var(--accent-on-brand)}

/* кнопки: белый текст на акценте */
.btn-honey{background:var(--accent-strong)}
.btn-honey:hover{background:#8F5F22}
.quiz-opt.selected,.quiz-done-ic,.qf-done-ic,.adv-item .ck{background:var(--accent-strong)}

/* номер карточки: светло-голубой на розовой плашке давал 1.68 */
.card .no{color:var(--brand-900)}

/* выделенные плитки «Свободных мест»: цифра и подпись тонули в медовом фоне */
.pl-accent .pl-num{color:#8A5E22}
.pl-accent .pl-cap{color:var(--brand-900)}

/* мелкие заголовки в карточке врача: палитровый серый давал 3.66 */
.doc-block h4{color:var(--text-muted)}
.head-phone span{color:var(--text-muted)}

/* добор по контрасту после повторного прогона аудита */
.btn-honey:hover{background:#87591F}
.card .more{color:var(--brand-900)}          /* «Подробнее →» на розовой карточке: было 4.25 */

/* большая ссылка-плашка на карточку организации в реестре bus.gov.ru */
/* .legal a подчёркивает все ссылки и весит больше — перебиваем точнее;
   подчёркивание от родителя потомки отменить не могут, поэтому важен сам <a> */
a.gov-plate,.legal a.gov-plate,.gov-plate span{text-decoration:none}
.gov-plate{display:block;margin:26px 0 22px;padding:26px 30px;border-radius:var(--r);
  background:var(--bg-alt);border:1px solid rgba(var(--brand-900-rgb),.14);
  box-shadow:var(--shadow-card);transition:.22s var(--ease)}
.gov-plate:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-soft)}
.gov-plate .gp-t{display:block;font-family:var(--serif);font-weight:600;line-height:1.25;
  font-size:clamp(1.05rem,1.7vw,1.35rem);color:var(--brand-900)}
.gov-plate .gp-s{display:block;margin-top:9px;font-size:14.5px;line-height:1.5;color:var(--text-muted)}
.gov-plate .gp-go{display:inline-block;margin-top:16px;font-size:14.5px;font-weight:700;
  color:var(--accent-text)}
.gov-plate:hover .gp-go{color:var(--accent-strong)}
@media(max-width:560px){.gov-plate{padding:22px 20px}}