:root{
  --orange:#F26522;
  --orange-ink:#B3440B;
  --orange-soft:#FBD9C2;
  --orange-tint:#FDF0E6;

  --beige:#F3ECE1;
  --beige-2:#E9DFCF;
  --line:#E4DACB;
  --line-2:#D6CAB7;
  --white:#fff;

  --ink:#141311;
  --ink-soft:#3D3A35;
  --gray:#6B655C;

  --black-2:#1F1D1A;
  --black-3:#2A2723;
  --on-dark:#CFC7BB;
  --on-dark-2:#9C9488;

  --r-xl:32px;
  --r-lg:24px;
  --r-md:18px;
  --r-pill:999px;

  --wrap:1240px;
  --gut:20px;
  --pad-y:clamp(56px,7vw,112px);
  --header-h:76px;

  --ff:'Onest','Golos Text','Segoe UI',system-ui,-apple-system,sans-serif;
}

/* ---------- база ---------- */
*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}

body.dmk{margin:0;font-family:var(--ff);font-size:17px;line-height:1.6;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}

img{max-width:100%;height:auto;display:block}

a{color:inherit}

h1,h2,h3,h4{margin:0 0 .5em;line-height:1.1;letter-spacing:-.02em;font-weight:600}

p{margin:0 0 1em}

.dmk-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}

/* ---------- кнопки ---------- */
.dmk-btn{display:inline-flex;align-items:center;gap:12px;font:600 16px/1 var(--ff);text-decoration:none;
  padding:15px 24px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;
  transition:background .18s,color .18s,border-color .18s}

.dmk-btn--dark{background:var(--ink);color:#fff}

.dmk-btn--dark:hover{background:var(--orange);border-color:var(--orange)}

.dmk-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}

.dmk-btn--ghost:hover{border-color:var(--ink)}

.dmk-btn--orange{background:var(--orange-ink);color:#fff}

.dmk-btn--orange:hover{background:var(--ink)}

.dmk-btn__arrow{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:var(--orange);color:#fff;font-size:15px;flex:0 0 28px}

.dmk-btn--orange .dmk-btn__arrow{background:rgba(255,255,255,.22)}

.dmk-btn--sm{padding:11px 18px;font-size:15px;white-space:nowrap}

/* ---------- простые страницы ---------- */
.dmk-plain{padding:48px 20px 80px}

.dmk-h1{font-size:clamp(30px,4vw,48px)}

.dmk-content{max-width:760px}

/* ---------- подвал ---------- */
.dmk-footer{background:var(--black-2);color:var(--on-dark);padding:64px 0 32px;margin-top:80px}

.dmk-footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}

.dmk-footer__name{font-weight:600;letter-spacing:.06em;font-size:19px;color:#fff;margin-left:10px}

.dmk-footer__brand .dmk-logo__mark{display:inline-block;vertical-align:middle}

.dmk-footer__about{margin-top:16px;max-width:420px;font-size:15px;color:var(--on-dark-2)}

.dmk-footer__h{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--on-dark-2);font-weight:500;margin-bottom:14px}

.dmk-footer__big{display:block;color:#fff;font-weight:600;font-size:18px;text-decoration:none;margin-bottom:8px}

.dmk-footer__big:hover{color:var(--orange)}

.dmk-footer__list{list-style:none;margin:0;padding:0}

.dmk-footer__list a{display:block;padding:3px 0;color:var(--on-dark);text-decoration:none;font-size:15px}

.dmk-footer__list a:hover{color:#fff}

.dmk-footer__list .sub-menu{display:none}

.dmk-footer__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:14px;color:var(--on-dark-2)}

.dmk-footer__legal a{margin-left:20px;color:var(--on-dark-2);text-decoration:underline}

.dmk-footer__legal a:hover{color:#fff}

/* ============================================================
   СТРАНИЦА УСЛУГИ
   ============================================================ */
.dmk-hero{background:var(--beige);padding:var(--pad-y) 0}

.dmk-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}

.dmk-card{background:var(--white);border-radius:var(--r-xl);padding:clamp(24px,3vw,44px)}

.dmk-card--beige{background:var(--beige)}

.dmk-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:20px}

.dmk-eyebrow::before{content:'';width:8px;height:8px;background:var(--orange);border-radius:2px}

.dmk-hero__h1{font-size:clamp(32px,4.4vw,56px);margin:0 0 20px}

.dmk-hero__h1 em{font-style:normal;color:var(--orange-ink)}

.dmk-hero__lead{font-size:17px;color:var(--ink-soft);max-width:560px}

.dmk-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 32px}

.dmk-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-2);padding-top:22px}

.dmk-kpi__i{padding-right:18px;border-right:1px solid var(--line-2)}

.dmk-kpi__i:last-child{border-right:0}

.dmk-kpi__v{font-size:clamp(20px,2.2vw,26px);font-weight:600;letter-spacing:-.02em;display:block}

.dmk-kpi__l{font-size:13px;color:var(--gray);margin-top:4px;display:block}

.dmk-guarantee{background:var(--orange-ink);color:#fff;border-radius:var(--r-xl);padding:28px}

.dmk-guarantee__l{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.9}

.dmk-guarantee__v{font-size:clamp(34px,4vw,48px);font-weight:600;letter-spacing:-.03em;margin:6px 0 8px}

.dmk-guarantee__t{font-size:15px;opacity:.95;margin:0}

.dmk-guarantee__t a{color:#fff}

.dmk-section{padding:var(--pad-y) 0}

.dmk-section--beige{background:var(--beige)}

.dmk-section__head{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end;margin-bottom:40px}

.dmk-section__n{font-size:13px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:9px}

.dmk-section__n::after{content:'';width:8px;height:8px;background:var(--orange);border-radius:2px;order:-1}

.dmk-section__h{font-size:clamp(26px,3.4vw,42px);margin:0}

.dmk-section__sub{font-size:16px;color:var(--ink-soft);margin:0}

/* паспорт */
.dmk-pasport{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}

.dmk-row{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}

.dmk-row__k{font-size:14px;color:var(--gray)}

.dmk-row__v{font-weight:600;font-size:16px}

.dmk-row__n{display:block;font-weight:400;font-size:14px;color:var(--gray);margin-top:3px}

/* форматы */
.dmk-formats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.dmk-fmt{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;position:relative}

.dmk-fmt--dark{background:var(--black-2);border-color:var(--black-2);color:var(--on-dark)}

.dmk-fmt__n{font-size:46px;font-weight:600;letter-spacing:-.04em;line-height:1}

.dmk-fmt--dark .dmk-fmt__n{color:#fff}

.dmk-fmt__u{font-size:14px;color:var(--gray);margin-bottom:18px}

.dmk-fmt--dark .dmk-fmt__u{color:var(--on-dark-2)}

.dmk-fmt__r{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:9px 0;border-top:1px solid var(--line)}

.dmk-fmt--dark .dmk-fmt__r{border-top-color:rgba(255,255,255,.12)}

.dmk-fmt__r b{font-weight:600}

.dmk-fmt__d{font-size:14px;color:var(--gray);margin-top:14px}

.dmk-fmt--dark .dmk-fmt__d{color:var(--on-dark-2)}

.dmk-fmt__tag{position:absolute;top:20px;right:20px;background:var(--orange-ink);color:#fff;
  font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--r-pill)}

/* этапы */
.dmk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.dmk-step{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}

.dmk-step__n{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
  background:var(--orange-tint);color:var(--orange-ink);font-weight:600;font-size:15px;margin-bottom:14px}

.dmk-step__t{font-weight:600;font-size:16px;margin-bottom:6px}

.dmk-step__d{font-size:14px;color:var(--gray);margin:0}

/* заявка */
.dmk-form{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;
  background:var(--black-2);border-radius:var(--r-xl);padding:clamp(26px,3vw,48px);color:var(--on-dark)}

.dmk-form__h{font-size:clamp(24px,2.8vw,34px);color:#fff;margin:0 0 12px}

.dmk-form__t{font-size:16px;color:var(--on-dark-2);margin:0 0 20px}

.dmk-form__list{list-style:none;margin:0;padding:0;font-size:15px}

.dmk-form__list li{padding:7px 0 7px 26px;position:relative}

.dmk-form__list li::before{content:'';position:absolute;left:0;top:14px;width:10px;height:10px;
  border-radius:2px;background:var(--orange)}

.dmk-form__box{background:var(--white);border-radius:var(--r-lg);padding:26px;color:var(--ink)}

.dmk-field{margin-bottom:14px}

.dmk-field label{display:block;font-size:14px;color:var(--gray);margin-bottom:6px}

.dmk-field input{width:100%;font:400 17px/1.3 var(--ff);padding:14px 16px;border:1px solid var(--line-2);
  border-radius:12px;background:#fff;color:var(--ink)}

.dmk-field input:focus{outline:2px solid var(--orange-ink);outline-offset:1px;border-color:transparent}

.dmk-note{font-size:13px;color:var(--gray);margin:12px 0 0}

@media (max-width:1080px){.dmk-hero__grid,.dmk-section__head,.dmk-pasport,.dmk-form{grid-template-columns:1fr}.dmk-formats,.dmk-steps{grid-template-columns:repeat(2,1fr)}.dmk-footer__top{grid-template-columns:1fr 1fr}}

@media (max-width:640px){body.dmk{font-size:16px}/* кнопка шапки на телефоне не нужна — есть бургер */.dmk-kpi{grid-template-columns:1fr 1fr;gap:18px 0}.dmk-kpi__i{border-right:0;padding:0}.dmk-kpi__i:nth-child(odd){border-right:1px solid var(--line-2);padding-right:18px}.dmk-formats,.dmk-steps{grid-template-columns:1fr}.dmk-footer__top{grid-template-columns:1fr;gap:28px}.dmk-row{grid-template-columns:1fr;gap:4px}.dmk-btn{width:100%;justify-content:space-between}.dmk-hero__cta{flex-direction:column}}

/* что входит — восемь плиток */
.dmk-grid8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.dmk-tile{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}

.dmk-tile__t{font-size:17px;margin:0 0 8px}

.dmk-tile__d{font-size:14px;color:var(--gray);margin:0;line-height:1.55}

/* кому подходит */
.dmk-who{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.dmk-who__i{background:var(--beige);border-radius:var(--r-xl);padding:28px}

.dmk-who__n{font-size:13px;font-weight:600;color:var(--orange-ink);letter-spacing:.06em;margin-bottom:12px}

.dmk-who__t{font-size:22px;margin:0 0 10px}

.dmk-who__d{font-size:15px;color:var(--ink-soft);margin:0 0 18px}

.dmk-who__l{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);margin-bottom:10px}

.dmk-list{list-style:none;margin:0 0 18px;padding:0;font-size:15px}

.dmk-list li{position:relative;padding:6px 0 6px 22px}

.dmk-list li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:2px;background:var(--orange)}

.dmk-who__note{font-size:14px;color:var(--gray);margin:0;padding-top:16px;border-top:1px solid var(--line-2)}

/* риски */
.dmk-risks{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}

.dmk-risk{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px}

.dmk-risk__t{font-weight:600;font-size:17px;margin-bottom:14px}

.dmk-risk__c{font-size:14px;color:var(--ink-soft);padding:8px 0;border-top:1px solid var(--line)}

.dmk-risk__l{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--gray);margin-bottom:3px}

.dmk-zero{display:flex;align-items:flex-start;gap:28px;margin-top:24px;
  background:var(--black-2);color:var(--on-dark);border-radius:var(--r-xl);padding:32px}

.dmk-zero__n{font-size:72px;font-weight:600;line-height:.9;color:var(--orange);flex:0 0 auto}

.dmk-zero strong{display:block;color:#fff;font-size:18px;margin-bottom:8px}

.dmk-zero p{margin:0;font-size:15px;color:var(--on-dark-2);max-width:700px}

/* вопросы */
.dmk-faq{max-width:900px}

.dmk-q{border-bottom:1px solid var(--line)}

.dmk-q>summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;
  font-size:18px;font-weight:600;color:var(--ink)}

.dmk-q>summary::-webkit-details-marker{display:none}

.dmk-q>summary::after{content:"+";position:absolute;right:8px;top:18px;font-size:24px;
  font-weight:400;color:var(--orange-ink);line-height:1}

.dmk-q[open]>summary::after{content:"−"}

.dmk-q>summary:hover{color:var(--orange-ink)}

.dmk-q>p{margin:0 0 20px;font-size:16px;color:var(--ink-soft);max-width:760px}

@media (max-width:1080px){.dmk-grid8{grid-template-columns:repeat(2,1fr)}.dmk-who{grid-template-columns:1fr}}

@media (max-width:640px){.dmk-grid8,.dmk-risks{grid-template-columns:1fr}.dmk-zero{flex-direction:column;gap:14px;padding:26px}.dmk-zero__n{font-size:56px}.dmk-q>summary{font-size:17px;padding-right:34px}}

/* ---------- фоны секций страницы услуги ---------- */
.dmk-section.dmk-s--w{background:var(--white)}

.dmk-section.dmk-s--g{background:#F4F4F2}

.dmk-section.dmk-s--b{background:var(--beige)}

.dmk-section.dmk-s--dark{background:var(--black-2);color:var(--on-dark)}

.dmk-section.dmk-s--dark .dmk-section__h{color:#fff}

.dmk-section.dmk-s--dark .dmk-section__sub,.dmk-section.dmk-s--dark .dmk-section__n{color:var(--on-dark-2)}

.dmk-section.dmk-s--dark .dmk-form{background:transparent;padding:0}

.dmk-kpi__n{display:block;font-size:12.5px;color:var(--gray);margin-top:3px;line-height:1.3}

.dmk-step__s{font-size:13px;color:var(--orange-ink);font-weight:600;margin-bottom:4px}

.dmk-guarantee__d{margin-top:16px;font-size:14px}

.dmk-guarantee__d summary{cursor:pointer;text-decoration:underline}

.dmk-guarantee__d ol{margin:10px 0 0;padding-left:20px}

.dmk-btn--todo{opacity:.55;position:relative}

.dmk-btn--todo::after{content:"ссылка не заполнена";position:absolute;left:0;top:100%;margin-top:4px;
  font-size:11px;font-weight:400;color:var(--orange-ink);white-space:nowrap}

/* ---------- кейсы и отзывы ---------- */
.dmk-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.dmk-case{display:block;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}

.dmk-case:hover{border-color:var(--line-2);transform:translateY(-2px)}

.dmk-case__img img{width:100%;height:190px;object-fit:cover;display:block}

.dmk-case__b{padding:20px 22px 22px}

.dmk-case__tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;
  color:var(--orange-ink);background:var(--orange-tint);padding:4px 10px;border-radius:var(--r-pill);margin-bottom:10px}

.dmk-case__city{font-size:17px;font-weight:600;margin-bottom:10px}

.dmk-case__v{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1}

.dmk-case__l{font-size:13px;color:var(--gray);margin-top:3px}

.dmk-case__r{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--gray);margin-top:12px;
  padding-top:12px;border-top:1px solid var(--line)}

.dmk-case__more{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--orange-ink)}

.dmk-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.dmk-review{display:flex;flex-direction:column;justify-content:space-between;gap:18px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;
  text-decoration:none;color:inherit;transition:border-color .18s}

.dmk-review:hover{border-color:var(--line-2)}

.dmk-review__t{font-size:16px;line-height:1.55;margin:0}

.dmk-review__a{display:flex;align-items:center;gap:12px;font-size:14px}

.dmk-review__a b{display:block;font-weight:600}

.dmk-review__a em{font-style:normal;color:var(--gray);font-size:13px}

.dmk-review__ph img{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block}

.dmk-center{text-align:center;margin-top:28px}

@media (max-width:1080px){.dmk-cases,.dmk-reviews{grid-template-columns:repeat(2,1fr)}}

@media (max-width:640px){.dmk-cases,.dmk-reviews{grid-template-columns:1fr}}

/* ---------- калькулятор ---------- */
.dmk-calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}

.dmk-calc__in{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:28px}

.dmk-calc__lab{font-size:15px;color:var(--ink-soft);margin-bottom:12px;display:block}

.dmk-calc__lab b{color:var(--orange-ink);font-size:22px;margin-left:6px}

.dmk-calc__range{width:100%;accent-color:var(--orange-ink);height:28px}

.dmk-calc__ticks{display:flex;justify-content:space-between;font-size:13px;color:var(--gray);margin:-4px 2px 22px}

.dmk-calc__pops{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}

.dmk-calc__pop{font:500 15px/1.2 var(--ff);padding:13px 14px;border-radius:var(--r-pill);
  border:1px solid var(--line-2);background:var(--white);color:var(--ink);cursor:pointer;transition:all .18s}

.dmk-calc__pop:hover{border-color:var(--ink)}

.dmk-calc__pop.is-on{background:var(--ink);color:var(--white);border-color:var(--ink)}

.dmk-calc__note{font-size:13px;color:var(--gray);margin:0;line-height:1.5}

.dmk-calc__out{background:var(--black-2);color:var(--on-dark);border-radius:var(--r-xl);padding:28px}

.dmk-calc__pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.12)}

.dmk-calc__k{display:block;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--on-dark-2)}

.dmk-calc__pair b{display:block;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em;
  color:var(--orange);margin:6px 0 2px}

.dmk-calc__u{font-size:13px;color:var(--on-dark-2)}

.dmk-calc__rows{padding:8px 0 18px}

.dmk-calc__row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;font-size:15px;
  border-bottom:1px solid rgba(255,255,255,.08)}

.dmk-calc__row b{color:#fff;font-weight:600}

.dmk-calc__cta{width:100%;justify-content:space-between}

@media (max-width:900px){.dmk-calc{grid-template-columns:1fr}.dmk-calc__pops{grid-template-columns:1fr 1fr}}

/* ---------- гарантия ---------- */
.dmk-gar{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}

.dmk-gar__main{background:var(--orange-ink);color:#fff;border-radius:var(--r-xl);padding:32px}

.dmk-gar__v{font-size:clamp(38px,5vw,60px);font-weight:600;letter-spacing:-.03em;line-height:1}

.dmk-gar__u{font-size:16px;opacity:.95;margin:8px 0 16px}

.dmk-gar__t{font-size:15px;opacity:.92;margin:0 0 16px}

.dmk-gar__d summary{cursor:pointer;font-weight:600}

.dmk-gar__d ol{margin:10px 0 16px;padding-left:20px;font-size:15px}

.dmk-gar__todo{font-size:13px;background:rgba(255,255,255,.16);padding:10px 14px;border-radius:12px;margin:0 0 16px}

.dmk-gar__args{display:grid;gap:14px}

.dmk-gar__arg{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px}

.dmk-gar__arg h3{font-size:17px;margin:0 0 6px}

.dmk-gar__arg p{font-size:15px;color:var(--gray);margin:0}

/* ---------- гайды ---------- */
.dmk-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.dmk-guide{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:28px;display:flex;flex-direction:column}

.dmk-guide__k{display:inline-block;align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.05em;
  color:var(--orange-ink);background:var(--orange-tint);padding:5px 12px;border-radius:var(--r-pill);margin-bottom:14px}

.dmk-guide__t{font-size:22px;margin:0 0 10px}

.dmk-guide__d{font-size:15px;color:var(--gray);flex:1 1 auto}

.dmk-guide__m{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}

.dmk-guide__m span{font-size:13px;background:var(--beige);padding:6px 12px;border-radius:var(--r-pill)}

/* ---------- сравнение ---------- */
.dmk-cmp{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--white)}

.dmk-cmp__head,.dmk-cmp__row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:16px;padding:14px 22px}

.dmk-cmp__head{background:var(--beige);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--gray);font-weight:600}

.dmk-cmp__row{border-top:1px solid var(--line);font-size:15px}

.dmk-cmp__k{font-weight:600}

.dmk-cmp__a{color:var(--gray)}

.dmk-cmp__b{color:var(--ink);font-weight:500}

.dmk-cmp__head .dmk-cmp__b{color:var(--orange-ink)}

.dmk-cmp__links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}

.dmk-cmp__link{display:block;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:20px 22px;text-decoration:none;color:inherit}

.dmk-cmp__link:hover{border-color:var(--line-2)}

.dmk-cmp__link b{display:block;font-size:17px;margin-bottom:6px}

.dmk-cmp__link span{display:block;font-size:14px;color:var(--gray);margin-bottom:10px}

.dmk-cmp__link em{font-style:normal;font-size:14px;font-weight:600;color:var(--orange-ink)}

/* ---------- таблица клиник ---------- */
.dmk-tbl{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--white)}

.dmk-tbl__h,.dmk-tbl__r{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr;gap:12px;padding:13px 22px;align-items:center}

.dmk-tbl__h{background:var(--beige);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--gray);font-weight:600}

.dmk-tbl__r{border-top:1px solid var(--line);font-size:15px}

.dmk-tbl__r b{font-weight:600}

.dmk-tbl__r em{display:block;font-style:normal;font-size:12.5px;color:var(--gray)}

.dmk-tbl__r.is-hidden{display:none}

.dmk-tbl.is-open .dmk-tbl__r.is-hidden{display:grid}

.dmk-tot{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}

.dmk-tot__i{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}

.dmk-tot__i b{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em}

.dmk-tot__i span{font-size:13px;color:var(--gray)}

/* ---------- география ---------- */
.dmk-geo{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.dmk-geo__t{font-size:17px;margin:0 0 14px}

.dmk-geo__c{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}

.dmk-geo__c li{background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px;font-size:14px;line-height:1.3}

.dmk-geo__c li small{display:block;font-size:12.5px;opacity:.65;margin-top:2px}

.dmk-geo__n{font-size:14px;color:var(--gray);margin:0}

/* ---------- приглашение ---------- */
.dmk-prig{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.dmk-prig__i{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}

.dmk-prig__n{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--orange-ink);font-weight:600}

.dmk-prig__i b{display:block;font-size:17px;margin:8px 0 6px}

.dmk-prig__i p{font-size:14px;color:var(--gray);margin:0}

/* ---------- карточки с цифрой ---------- */
.dmk-adv{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.dmk-adv__i{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}

.dmk-adv__v{font-size:34px;font-weight:600;letter-spacing:-.03em;color:var(--orange-ink);line-height:1}

.dmk-adv__i h3{font-size:17px;margin:10px 0 6px}

.dmk-adv__i p{font-size:14px;color:var(--gray);margin:0}

/* ---------- материалы ---------- */
.dmk-mat{display:grid;grid-template-columns:1fr 1fr;gap:28px}

.dmk-mat__t{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--gray);margin:0 0 12px}

.dmk-mat__l{list-style:none;margin:0;padding:0}

.dmk-mat__l li{border-bottom:1px solid var(--line)}

.dmk-mat__l a{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:14px 0;
  text-decoration:none;color:inherit}

.dmk-mat__l a:hover b{color:var(--orange-ink)}

.dmk-mat__l b{font-weight:500;font-size:16px}

.dmk-mat__l em{font-style:normal;font-size:13px;color:var(--gray);white-space:nowrap}

@media (max-width:1080px){.dmk-gar,.dmk-guides,.dmk-cmp__links,.dmk-mat{grid-template-columns:1fr}.dmk-geo,.dmk-prig{grid-template-columns:1fr 1fr}.dmk-adv,.dmk-tot{grid-template-columns:1fr 1fr}}

@media (max-width:640px){.dmk-geo,.dmk-prig,.dmk-adv,.dmk-tot{grid-template-columns:1fr}.dmk-cmp__head{display:none}.dmk-cmp__row{grid-template-columns:1fr;gap:4px;padding:16px 18px}.dmk-cmp__a::before{content:"Самостоятельно: ";color:var(--gray)}.dmk-cmp__b::before{content:"С Demokrat: ";color:var(--orange-ink);font-weight:600}.dmk-tbl__h{display:none}.dmk-tbl__r{grid-template-columns:1fr 1fr;gap:6px 12px;padding:16px 18px}}

/* ---------- кейсы и отзывы: карточка бежевая на белой секции ----------
   Серый фон секции под такими карточками не работает: карточка и фон
   сливаются. Ставим секцию белой, а карточку делаем бежевой. */
.dmk-s--w .dmk-case,
.dmk-s--w .dmk-review{background:var(--beige);border-color:transparent}

.dmk-s--w .dmk-case:hover,
.dmk-s--w .dmk-review:hover{border-color:var(--line-2)}

/* ---------- первый экран: фото ---------- */
.dmk-hero__ph{margin:0;position:relative;border-radius:var(--r-xl);overflow:hidden}

.dmk-hero__ph img{display:block;width:100%;height:auto}

.dmk-hero__ph figcaption{position:absolute;left:14px;bottom:14px;font-size:13px;color:#fff;
  background:rgba(20,20,22,.55);padding:7px 13px;border-radius:var(--r-pill);backdrop-filter:blur(6px)}

/* ---------- три входа ---------- */
.dmk-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.dmk-way{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;
  display:flex;flex-direction:column}

.dmk-way__t{font-size:20px;margin:0 0 8px}

.dmk-way__d{font-size:14.5px;color:var(--gray);flex:1 1 auto;margin:0 0 18px}

.dmk-ways__n{margin:18px 0 0;font-size:14.5px;color:var(--gray);display:flex;gap:10px;
  flex-wrap:wrap;align-items:baseline}

/* ---------- направления ---------- */
.dmk-dirs{display:grid;gap:16px}

.dmk-dir{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:28px 30px}

.dmk-dir__k{display:inline-block;font-size:13px;font-weight:600;color:var(--orange-ink);
  background:var(--orange-tint);padding:6px 13px;border-radius:var(--r-pill);margin-bottom:12px}

.dmk-dir__t{font-size:23px;margin:0 0 8px}

.dmk-dir__d{font-size:15.5px;color:var(--gray);margin:0 0 10px;max-width:72ch}

.dmk-dir__m{font-size:14px;color:var(--ink);margin:0 0 18px;padding:10px 14px;
  background:var(--beige);border-radius:12px;display:inline-block}

.dmk-dir__cta{display:flex;gap:10px;flex-wrap:wrap;margin:0}

/* ---------- маршруты ---------- */
.dmk-routes{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}

.dmk-route{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px 28px}

.dmk-route__h{display:flex;align-items:center;gap:12px;margin-bottom:16px}

.dmk-route__l{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--orange-ink);color:#fff;
  display:grid;place-items:center;font-weight:600;font-size:15px}

.dmk-route__h b{font-size:19px}

.dmk-route__s{margin:0 0 16px;padding-left:22px;font-size:15px}

.dmk-route__s li{margin-bottom:9px;padding-left:4px}

.dmk-routes__i{margin-top:20px;background:var(--beige);border-radius:var(--r-lg);padding:22px 26px}

.dmk-routes__i b{display:block;font-size:17px;margin-bottom:6px}

.dmk-routes__i p{margin:0;font-size:15px;color:var(--gray)}

/* ---------- произвольная таблица ---------- */
.dmk-gt__cap{font-size:14px;color:var(--gray);margin:0 0 10px}

.dmk-gt{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--white)}

.dmk-gt__h,.dmk-gt__r{display:grid;grid-template-columns:repeat(var(--dmk-cols,4),1fr);gap:12px;padding:13px 22px}

.dmk-gt__h{background:var(--beige);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--gray);font-weight:600}

.dmk-gt__r{border-top:1px solid var(--line);font-size:15px}

/* ---------- о компании ---------- */
.dmk-about{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:32px;align-items:start}

.dmk-about__ph{margin:0;border-radius:var(--r-xl);overflow:hidden;position:relative}

.dmk-about__ph img{display:block;width:100%;height:auto}

.dmk-about__ph figcaption{position:absolute;left:14px;bottom:14px;font-size:13px;color:#fff;
  background:rgba(20,20,22,.55);padding:7px 13px;border-radius:var(--r-pill)}

.dmk-about__b h3{font-size:19px;margin:0 0 8px}

.dmk-about__b h3:not(:first-child){margin-top:22px}

.dmk-about__b p{font-size:15.5px;color:var(--gray);margin:0;max-width:72ch}

.dmk-about__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px!important}

/* ссылка-кнопка без рамки */
.dmk-link{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;
  color:var(--orange-ink);text-decoration:none}

.dmk-link:hover{text-decoration:underline}

@media (max-width:1080px){.dmk-ways{grid-template-columns:1fr}.dmk-routes{grid-template-columns:1fr}.dmk-about{grid-template-columns:1fr}.dmk-about__ph{max-width:420px}}

@media (max-width:640px){.dmk-dir{padding:22px}.dmk-dir__cta .dmk-btn{width:100%;justify-content:center}.dmk-gt__h{display:none}.dmk-gt__r{grid-template-columns:1fr;gap:4px;padding:14px 18px}.dmk-gt__r span::before{content:attr(data-l) ": ";color:var(--gray)}}

/* Бежевая секция: карточки наоборот белые — контраст сохраняется,
   а два соседних блока кейсов и отзывов не сливаются в один. */
.dmk-s--b .dmk-case,
.dmk-s--b .dmk-review{background:var(--white);border-color:transparent}

/* ---------- первый экран по макету ---------- */
.dmk-hero__panel{background:var(--white);border-radius:var(--r-xl);padding:40px 44px}

.dmk-hero__ways{display:flex;flex-direction:column;gap:10px;margin:28px 0 14px}

.dmk-hero__way{display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);
  padding:13px 13px 13px 24px;text-decoration:none;color:var(--ink);font-size:16px;font-weight:500;
  transition:border-color .15s,background .15s}

.dmk-hero__way i{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;
  display:grid;place-items:center;font-style:normal;font-size:15px}

.dmk-hero__way:hover{border-color:var(--line-2)}

.dmk-hero__way.is-main{background:var(--orange-ink);border-color:transparent;color:#fff}

.dmk-hero__way.is-main i{background:#fff;color:var(--orange-ink)}

.dmk-hero__panel .dmk-hero__way{background:var(--beige);border-color:transparent}

.dmk-hero__panel .dmk-hero__way.is-main{background:var(--orange-ink)}

.dmk-hero__waysn{margin:0;font-size:14.5px;color:var(--gray);display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}

.dmk-hero__ph figcaption{top:14px;bottom:auto}

.dmk-hero__gar{position:absolute;left:14px;right:14px;bottom:14px;background:var(--orange-ink);color:#fff;
  border-radius:var(--r-lg);padding:16px 22px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}

.dmk-hero__gar b{font-size:26px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}

.dmk-hero__gar span{font-size:14px;opacity:.95}

@media (max-width:1080px){.dmk-hero__panel{padding:28px 24px}.dmk-hero__gar{position:static;margin:12px 0 0}.dmk-hero__ph figcaption{top:auto;bottom:14px}}

.dmk-maket{position:relative;z-index:0}

/* В макетах карточки кейсов залиты тем же бежевым, что и секция под ними,
   без рамки и тени — карточка не читается. Рядом карточки отзывов белые.
   Приводим кейсы к отзывам: белая карточка на бежевой секции. */
.dmk-maket .section.bg-beige .case{background:#fff}

/* Оранжевый кнопок возвращён к макетному #F26522.
   Раньше стоял тёмный --orange-ink ради контраста с белым текстом
   (5,3:1 против 3,0:1), но это расходилось с макетом. */
.dmk-btn--orange{background:var(--orange);border-color:var(--orange)}

.dmk-btn--orange:hover{background:var(--orange-600,#D9540F);border-color:var(--orange-600,#D9540F)}

 

/* ---------- подвал по образцу боевого сайта ---------- */
.dmk-footer__top{display:grid;grid-template-columns:1.1fr repeat(4,.95fr) 300px;gap:28px;
  padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12);align-items:start}

.dmk-footer__contacts .dmk-footer__big{font-size:19px}

.dmk-footer__adr{margin:14px 0 0;font-size:14px;color:var(--on-dark-2);line-height:1.5}

.dmk-footer__soc{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

.dmk-footer__soc a{font-size:13px;color:var(--on-dark-2);text-decoration:none;
  border:1px solid rgba(255,255,255,.18);border-radius:var(--r-pill);padding:5px 12px}

.dmk-footer__soc a:hover{color:#fff;border-color:rgba(255,255,255,.4)}

.dmk-footer__list li{margin-bottom:9px}

.dmk-footer__list a{font-size:14.5px;color:var(--on-dark-2);text-decoration:none}

.dmk-footer__list a:hover{color:#fff}

.dmk-footer__ph{align-self:end}

.dmk-footer__ph img{display:block;width:100%;height:auto;max-width:300px;margin-left:auto}

.dmk-footer__ph{margin-bottom:-36px}

.dmk-footer__org{font-size:13.5px;color:var(--on-dark-2)}

@media (max-width:1200px){.dmk-footer__top{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px}.dmk-footer__ph{display:none}}

@media (max-width:760px){.dmk-footer__top{grid-template-columns:1fr 1fr}}

@media (max-width:520px){.dmk-footer__top{grid-template-columns:1fr}}

/* Единый набор фонов на страницах-макетах: белый, бежевый, оранжевый, графит.
   Серого больше нет — он был лишним. */
.dmk-maket section.bg-orange{background:var(--orange);color:var(--ink)}

.dmk-maket section.bg-ink{background:var(--ink);color:var(--on-dark)}

.dmk-maket section.bg-ink h2,.dmk-maket section.bg-ink h3,.dmk-maket section.bg-ink b{color:#fff}

.dmk-maket section.dmk-bg-w{background:#FFFFFF!important}

.dmk-maket section.dmk-bg-b{background:#F3ECE1!important}

/* ---------- направления: табы и аккордеон ---------- */
.dmk-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}

.dmk-tab{appearance:none;cursor:pointer;font:inherit;font-size:15px;font-weight:500;
  padding:11px 18px;border-radius:var(--r-pill);border:1px solid var(--line-2);
  background:transparent;color:var(--ink-soft);transition:background .15s,color .15s,border-color .15s}

.dmk-tab:hover{border-color:var(--ink);color:var(--ink)}

.dmk-tab.is-on{background:var(--ink);border-color:var(--ink);color:#fff}

.dmk-dirs--tabs{display:block!important}

.dmk-dirs--tabs>article:not(.is-on){display:none}

.dmk-acc{display:none}

@media (max-width:900px){.dmk-tabs{display:none}.dmk-acc{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;
    appearance:none;cursor:pointer;font:inherit;font-size:16px;font-weight:500;text-align:left;
    padding:17px 4px;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink)}.dmk-acc i{flex:0 0 auto;width:11px;height:11px;border-right:2px solid var(--gray);
    border-bottom:2px solid var(--gray);transform:rotate(45deg) translate(-3px,-3px);transition:transform .18s}.dmk-acc.is-on i{transform:rotate(-135deg) translate(-3px,-3px)}.dmk-dirs--tabs>article.is-on{padding-bottom:22px}}

/* Макет на телефоне сам сворачивает списки своим скриптом (класс mx-hide)
   и ставит кнопку «Ещё 3 направления». В блоке направлений этим теперь
   занимается аккордеон, поэтому родную сворачивалку там выключаем. */
.dmk-dirs--tabs>article.is-on{display:block!important}

.dmk-dirs--tabs .mx-more{display:none!important}

/* В макете четыре карточки направлений узкие (половина сетки), а пятая — wide.
   В табах они показываются по одной, и ширина прыгала: то 588, то 1192 px.
   Приводим к одному виду: фото слева, текст справа, строка текста не растягивается. */
@media (min-width:901px){.dmk-dirs--tabs>article.is-on{
    display:grid!important;width:100%!important;max-width:none!important;
    grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:34px;align-items:start}.dmk-dirs--tabs>article.is-on>.pic{margin:0;height:100%}.dmk-dirs--tabs>article.is-on>.pic img{width:100%;height:100%;object-fit:cover;
    border-radius:var(--r-lg);aspect-ratio:4/3}.dmk-dirs--tabs>article.is-on>.bd{padding:0;max-width:62ch}.dmk-dirs--tabs>article.is-on>.bd h3{margin-top:0}}

/* ---------- статья: «читайте также» и FAQ ---------- */
.dmk-also{margin:56px 0 0;padding-top:36px;border-top:1px solid var(--line)}

.dmk-also__h{font-size:24px;margin:0 0 20px}

.dmk-also__list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.dmk-also__i{display:block;text-decoration:none;color:inherit}

.dmk-also__ph{display:block;margin-bottom:10px;border-radius:var(--r-lg);overflow:hidden}

.dmk-also__ph img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}

.dmk-also__t{font-size:16px;font-weight:500;line-height:1.35}

.dmk-also__i:hover .dmk-also__t{color:var(--orange-ink)}

.dmk-faq{border-bottom:1px solid var(--line);padding:14px 0}

.dmk-faq summary{cursor:pointer;font-weight:500;font-size:17px;list-style:none}

.dmk-faq summary::-webkit-details-marker{display:none}

.dmk-faq summary::after{content:"+";float:right;color:var(--gray);font-weight:400}

.dmk-faq[open] summary::after{content:"−"}

.dmk-faq>div{padding-top:10px;color:var(--gray)}

@media (max-width:760px){.dmk-also__list{grid-template-columns:1fr}}

/* Макеты задавали html,body{overflow-x:hidden} — это ломает «липкую» шапку:
   она перестаёт прилипать и уезжает вверх, а вместе с ней логотип и меню.
   Горизонтальный выезд гасим на обёртке макета: clip не создаёт
   контейнер прокрутки и на липкость предков не влияет. */
.dmk-maket{overflow-x:clip}

/* ---------- список записей в разделе ----------
   Замена шорткоду [us_grid] старой темы: карточка с обложкой, заголовком и датой. */
.dmk-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 22px;margin:8px 0 0}

.dmk-list__i{display:block;text-decoration:none;color:inherit}

.dmk-list__ph{display:block;margin-bottom:12px;border-radius:var(--r-lg);overflow:hidden;background:var(--beige)}

.dmk-list__ph img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
  transition:transform .3s}

.dmk-list__noph{display:block;aspect-ratio:16/10;background:
  linear-gradient(135deg,var(--beige) 0%,var(--beige-2) 100%)}

.dmk-list__i:hover .dmk-list__ph img{transform:scale(1.03)}

.dmk-list__t{display:block;font-size:17px;font-weight:500;line-height:1.35}

.dmk-list__i:hover .dmk-list__t{color:var(--orange-ink)}

.dmk-list__d{display:block;margin-top:6px;font-size:13.5px;color:var(--gray)}

@media (max-width:1080px){.dmk-list{grid-template-columns:repeat(2,1fr)}}

@media (max-width:640px){.dmk-list{grid-template-columns:1fr}}

/* ======================================================================
   ШАПКА. Собрана заново 13.10.2026 одним блоком.

   Две строки: сверху контакты, снизу меню — семь пунктов с длинными
   названиями в одну строку рядом с логотипом не помещаются.

   Выпадающее меню — только на CSS. Скрипты для него не нужны и вредны:
   открытие по клику ломало обычные пункты, расстановка по координатам
   экрана работала по-разному в разных браузерах.

   Два правила, которые нельзя нарушать:
   1. overflow у html/body ломает position:sticky — шапка перестаёт
      прилипать. Горизонтальный выезд гасим на .dmk-maket.
   2. Зазор между пунктом и списком рвёт наведение. Список примыкает
      вплотную (top:100%), отступ — прозрачной подкладкой внутри списка.
   ====================================================================== */

.dmk-skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;
  padding:10px 16px;border-radius:0 0 8px 0;z-index:10000}
.dmk-skip:focus{left:0}

.dmk-header{position:sticky;top:0;z-index:9000;background:var(--white)}
.dmk-header__top{position:relative;z-index:1;border-bottom:1px solid var(--line)}
.dmk-header__bottom{position:relative;z-index:2;border-bottom:1px solid var(--line)}

/* верхняя строка */
.dmk-header__topin{display:flex;align-items:center;gap:16px;height:64px;flex-wrap:nowrap}
.dmk-header__topin>*{min-width:0}
.dmk-logo{display:inline-flex;align-items:center;flex:0 0 auto;position:relative;z-index:3;
  padding:10px 6px;margin:-10px -6px}
.dmk-logo img{display:block;height:26px;width:auto;pointer-events:none}
.dmk-slogan{font-size:14px;color:var(--gray);white-space:nowrap;pointer-events:none;
  padding-left:16px;border-left:1px solid var(--line)}
.dmk-header__right{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}
.dmk-soc{display:flex;align-items:center;gap:2px}
.dmk-ico{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;
  color:var(--ink-soft);text-decoration:none;transition:background .18s,color .18s}
.dmk-ico:hover{background:var(--beige);color:var(--orange-ink)}
.dmk-phone{font-weight:600;text-decoration:none;white-space:nowrap;padding:0 8px;
  font-variant-numeric:tabular-nums}
.dmk-phone:hover{color:var(--orange-ink)}

/* нижняя строка: меню */
.dmk-nav{min-width:0}
.dmk-nav__list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;
  white-space:nowrap;height:52px}
.dmk-nav__list>li{position:relative}
.dmk-nav__list>li>a{display:inline-flex;align-items:center;height:42px;padding:0 14px;
  border-radius:12px;font-size:15px;font-weight:500;color:var(--ink-soft);
  text-decoration:none;transition:background .18s,color .18s}
.dmk-nav__list>li>a:hover{background:var(--beige);color:var(--ink)}
.dmk-nav__list .current-menu-item>a,
.dmk-nav__list .current_page_item>a{background:var(--beige);color:var(--ink)}
.dmk-nav__list>li.menu-item-has-children>a::after{content:"";display:inline-block;
  width:5px;height:5px;margin-left:7px;vertical-align:2px;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-2px)}

/* выпадающий список */
.dmk-nav__list .sub-menu{
  display:none;position:absolute;top:100%;left:-14px;min-width:210px;margin:0;
  padding:14px 8px 8px;list-style:none;z-index:9001;
  background:var(--white);background-clip:content-box;
  border-radius:var(--r-lg);box-shadow:0 12px 32px rgba(20,20,22,.10)}
.dmk-nav__list>li:hover>.sub-menu,
.dmk-nav__list>li:focus-within>.sub-menu{display:block}
.dmk-nav__list .sub-menu a{display:block;padding:9px 14px;border-radius:10px;
  white-space:nowrap;text-decoration:none;color:var(--ink-soft);font-size:15px}
.dmk-nav__list .sub-menu a:hover{background:var(--beige);color:var(--ink)}
/* у правых пунктов список прижимаем вправо, чтобы не ушёл за край */
.dmk-nav__list>li:nth-last-child(-n+2)>.sub-menu{left:auto;right:-14px}

/* мобильное меню на <details>, работает без скриптов */
.dmk-mob{display:none}
.dmk-mob>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;
  border-radius:12px;cursor:pointer;border:1px solid var(--line-2)}
.dmk-mob>summary::-webkit-details-marker{display:none}
.dmk-mob__close{display:none}
.dmk-mob[open] .dmk-mob__close{display:block}
.dmk-mob[open] .dmk-mob__open{display:none}
.dmk-mob__panel{position:fixed;inset:77px 0 0 0;z-index:60;overflow-y:auto;
  background:var(--white);padding:12px 20px 40px}
.dmk-mob__list{list-style:none;margin:0 0 20px;padding:0}
.dmk-mob__list>li{border-bottom:1px solid var(--line)}
.dmk-mob__list>li>a{display:block;padding:16px 0;font-size:19px;font-weight:600;
  text-decoration:none;color:var(--ink)}
.dmk-mob__list .sub-menu{list-style:none;margin:4px 0 12px 16px;padding:0 0 0 12px;
  border-left:2px solid var(--line)}
.dmk-mob__list .sub-menu a{display:block;padding:8px 0;font-size:15.5px;
  color:var(--gray);text-decoration:none}
.dmk-mob__cta{width:100%;justify-content:center;margin-bottom:10px}
.dmk-mob__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dmk-mob__row .dmk-btn{justify-content:center}

@media (max-width:1080px){
  .dmk-header__bottom{display:none}
  .dmk-mob{display:block}
  .dmk-header__topin{height:76px}
}
@media (max-width:980px){ .dmk-slogan{display:none} }
@media (max-width:900px){ .dmk-soc{display:none} .dmk-logo img{height:22px} }
@media (max-width:860px){ .dmk-phone{display:none} }
@media (max-width:620px){ .dmk-header__right .dmk-btn--sm{display:none} }

/* ======================================================================
   ХАБ «ПОЛЕЗНЫЕ МАТЕРИАЛЫ». Собран 14.10.2026.

   Логика страницы взята с прототипа, оформление наше: те же токены,
   что и на остальных страницах темы.

   Рубрики переключаются двумя полосами и не создают адресов.
   Карточки выводятся все сразу и прячутся классами — фильтр мгновенный.
   ====================================================================== */

.dmk-pm .pm-crumbs{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--gray);margin-bottom:18px}
.dmk-pm .pm-crumbs a{color:var(--gray);text-decoration:none}
.dmk-pm .pm-crumbs a:hover{color:var(--orange-ink)}

.dmk-pm .pm-lead{max-width:62ch;font-size:18px;color:var(--ink-soft);margin:14px 0 36px}

/* две карточки веток */
.pm-vetki{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pm-vetka{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:28px 28px 24px;display:flex;flex-direction:column}
.pm-vetka__h{font-size:clamp(22px,2.4vw,30px);margin:0 0 10px}
.pm-vetka__d{font-size:16px;color:var(--ink-soft);margin:0 0 16px;flex:1 1 auto}
.pm-vetka__n{font-size:15px;color:var(--gray);margin:0 0 18px}
.pm-vetka__n b{color:var(--ink)}
.pm-vetka__b{align-self:flex-start}

/* полосы фильтра */
.pm-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.pm-strip--temy{margin-bottom:28px;padding-top:16px;border-top:1px solid var(--line)}
.pm-strip--temy[hidden]{display:none}
.pm-strip__i{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);
  background:var(--white);color:var(--ink-soft);border-radius:999px;padding:9px 16px;
  font:inherit;font-size:15px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.pm-strip__i:hover{border-color:var(--ink);color:var(--ink)}
.pm-strip__i.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.pm-strip__n{font-size:13px;opacity:.65;font-variant-numeric:tabular-nums}

/* панели и сетка карточек */
.pm-panel{display:none}
.pm-panel.is-on{display:block}
.pm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pm-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;transition:border-color .18s,transform .18s}
.pm-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.pm-card[hidden]{display:none}
.pm-card__ph{display:block;aspect-ratio:16/10;background:var(--beige);overflow:hidden}
.pm-card__ph img{width:100%;height:100%;object-fit:cover;display:block}
.pm-card__noph{display:block;width:100%;height:100%;
  background:linear-gradient(135deg,var(--beige),var(--beige-2))}
.pm-card__t{display:block;padding:18px 20px 22px;font-size:17px;line-height:1.35;font-weight:600}

.pm-empty{font-size:16px;color:var(--gray);padding:28px 0}
.pm-more{display:flex;justify-content:center;padding:28px 0 0}
.pm-more__t{font-size:14px;color:var(--gray)}

/* формы и телеграм */
.pm-formy__in{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pm-forma{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.pm-forma__h{font-size:clamp(20px,2.2vw,26px);margin:12px 0 10px}
.pm-forma__d{font-size:16px;color:var(--ink-soft);margin:0 0 18px}
.pm-tg__in{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.pm-tg__d{font-size:17px;color:var(--on-dark-2);margin:12px 0 0;max-width:60ch}

@media (max-width:900px){
  .pm-vetki,.pm-formy__in{grid-template-columns:1fr}
  .pm-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .pm-tg__in{grid-template-columns:1fr}
}
@media (max-width:560px){
  .pm-grid{grid-template-columns:1fr}
  .pm-strip{gap:6px}
  .pm-strip__i{padding:8px 13px;font-size:14px}
}

/* ======================================================================
   СТРАНИЦА ОТЗЫВОВ. Собрана 14.10.2026.

   Повторяет устройство старой страницы без Impreza: вкладки рубрик,
   кладка в три колонки, догрузка порциями, видео в окне.

   Кладка сделана на CSS-колонках: карточки разной высоты встают плотно
   без скриптов. Разрыв карточки между колонками гасит break-inside.
   ====================================================================== */

.dmk-otz .otz-strip{margin-bottom:28px}

.otz-grid{columns:3;column-gap:24px}
.otz-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 24px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.otz-card[hidden]{display:none}

.otz-card__ph{display:block;position:relative;width:100%;padding:0;border:0;background:var(--beige);
  cursor:default;overflow:hidden}
.otz-card__ph img{display:block;width:100%;height:auto}
.otz-card__ph--video{cursor:pointer}
.otz-card__play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;
  background:rgba(20,19,17,.55);transition:background .18s,transform .18s}
.otz-card__play::after{content:'';position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);
  border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.otz-card__ph--video:hover .otz-card__play{background:var(--orange);transform:scale(1.06)}

.otz-card__h{font-size:22px;line-height:1.2;font-weight:700;color:var(--ink);margin:20px 20px 0}
.otz-card__vrezka{margin:16px 0 0;padding:22px 24px;background:var(--orange);color:#fff;
  font-size:16px;line-height:1.45;border:0}
.otz-card__body{padding:18px 20px 22px}
.otz-card__kto{font-size:15px;line-height:1.35;font-weight:700;color:var(--gray);margin:0 0 10px}
.otz-card__t{font-size:15px;line-height:1.45;color:var(--gray);margin:0 0 12px}
.otz-card__imya{font-size:18px;line-height:1.2;font-weight:700;color:var(--orange);margin:0}

/* окно с видео */
.otz-modal{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:24px}
.otz-modal[hidden]{display:none}
.otz-modal__fon{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;
  background:rgba(20,19,17,.72);cursor:pointer}
.otz-modal__box{position:relative;width:min(960px,100%);background:#000;border-radius:var(--r-lg);overflow:hidden}
.otz-modal__video{position:relative;aspect-ratio:16/9}
.otz-modal__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.otz-modal__x{position:absolute;top:-44px;right:0;width:36px;height:36px;border:0;border-radius:50%;
  background:var(--white);color:var(--ink);font-size:16px;line-height:1;cursor:pointer}
.otz-modal__x:hover{background:var(--orange);color:#fff}

@media (max-width:900px){ .otz-grid{columns:2} }
@media (max-width:560px){ .otz-grid{columns:1} .otz-modal__x{top:-40px} }

/* ======================================================================
   РАЗДЕЛЫ С ВКЛАДКАМИ: кейсы и отзывы. Собрано 14.10.2026.

   Сетка во всю ширину обёртки, а не в колонке 760 px, как у текста:
   при трёх колонках на широком экране справа оставалась пустота.
   ====================================================================== */

.pm-grid--4{grid-template-columns:repeat(4,1fr);gap:28px 22px}
.pm-card__d{display:block;padding:0 20px 18px;margin-top:-8px;font-size:13.5px;color:var(--gray)}
.dmk-razdel .dmk-section__head{align-items:center}
.dmk-razdel .dmk-section__sub{text-align:right;margin:0}
.dmk-razdel .dmk-section__sub a{color:var(--orange-ink);text-decoration:none;font-weight:500}
.dmk-razdel .dmk-section__sub a:hover{color:var(--ink)}
.dmk-razdel .dmk-content{max-width:72ch}

@media (max-width:1180px){ .pm-grid--4{grid-template-columns:repeat(3,1fr)} }
@media (max-width:900px){
  .pm-grid--4{grid-template-columns:repeat(2,1fr);gap:20px 16px}
  .dmk-razdel .dmk-section__head{grid-template-columns:1fr;gap:10px}
  .dmk-razdel .dmk-section__sub{text-align:left}
}
@media (max-width:560px){ .pm-grid--4{grid-template-columns:1fr} }

/* ======================================================================
   КЕЙСЫ КОНСАЛТИНГА после чистки. 14.10.2026.

   Старая раскладка на шорткодах WPBakery не сохранилась — её в данных
   больше нет. Здесь задача скромнее: чтобы кейс читался. Цифра результата
   видна сразу, «До» и «После» стоят рядом, картинки собраны в сетку.
   ====================================================================== */

.dmk-case{font-size:17px;line-height:1.6}
.dmk-case>p{margin:0 0 16px}

.dmk-case__delta{display:flex;flex-direction:column;gap:4px;margin:26px 0;padding:22px 26px;
  background:var(--orange-tint);border-left:4px solid var(--orange);border-radius:0 var(--r-lg) var(--r-lg) 0;
  font-size:clamp(24px,3vw,34px);font-weight:700;color:var(--orange-ink);line-height:1.15}
.dmk-case__delta span{font-size:15px;font-weight:500;color:var(--gray)}

.dmk-case__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:14px;margin:24px 0}
.dmk-case__gallery figure{margin:0}
.dmk-case__gallery img{display:block;width:100%;height:100%;object-fit:cover;
  border-radius:14px;aspect-ratio:4/3}

.dmk-case__ba{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}
.dmk-case__col{padding:24px;border-radius:var(--r-lg);border:1px solid var(--line)}
.dmk-case__col--do{background:#F6F4F1}
.dmk-case__col--posle{background:var(--beige)}
.dmk-case__colh{margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--gray)}
.dmk-case__col--posle .dmk-case__colh{color:var(--orange-ink)}
.dmk-case__sum{margin:0 0 14px;font-size:clamp(20px,2.4vw,26px);font-weight:700;color:var(--ink)}
.dmk-case__col ul{margin:0;padding-left:20px;font-size:15.5px;line-height:1.5}
.dmk-case__col li{margin:0 0 8px}
.dmk-case__col p{margin:0 0 10px;font-size:15.5px}

@media (max-width:720px){
  .dmk-case__ba{grid-template-columns:1fr}
  .dmk-case__gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}

/* Карточки внутри текстовой страницы: текст читается в колонке 760 px,
   а список карточек в ней выглядит тесно. Даём списку выйти шире.
   Выходит он вправо от левого края колонки, а не «по центру колонки»:
   колонка прижата к левому краю обёртки, и центровка по ней уводила
   сетку на ~100 px за левый край экрана — в разделе «Статьи» первая
   колонка карточек обрезалась (найдено 03.11.2026). Левый край колонки
   совпадает с краем обёртки, поэтому список встаёт ровно под заголовок. */
.dmk-content .dmk-list{width:min(1200px,92vw);margin-left:0;transform:none}
@media (max-width:1000px){ .dmk-content .dmk-list{width:100%;margin-left:0;transform:none} }

/* ------------------------------------------------------------------ */
/* Форма заявки                                                        */
/* ------------------------------------------------------------------ */

/* Ловушка для роботов: человек её не видит и не попадает в неё клавишей. */
.dmk-lovushka{ position:absolute!important; left:-9999px!important; top:-9999px!important;
  width:1px!important; height:1px!important; overflow:hidden!important; }

.dmk-zayavka{ display:grid; gap:14px; }
.dmk-zayavka__h{ margin:0; font-size:22px; line-height:1.25; }
.dmk-zayavka__t{ margin:0; color:var(--dmk-gray,#6b655c); }
.dmk-zayavka__mat{ margin:0; padding:10px 12px; border-radius:8px;
  background:var(--dmk-beige,#f3ece1); }

.dmk-field{ display:grid; gap:6px; }
/* display:grid сильнее атрибута hidden, поэтому скрытие задаём явно.
   Нужны оба правила: первое прячет поля внутри формы (почту до выбора
   канала), второе — саму форму после отправки. Без второго человек
   видит и «спасибо», и форму, которую он уже отправил. */
.dmk-zayavka [hidden]{ display:none!important; }
.dmk-zayavka[hidden]{ display:none!important; }
.dmk-zayavka__ok[hidden]{ display:none!important; }
.dmk-field label{ font-size:14px; font-weight:600; }
.dmk-field input,
.dmk-field select{ width:100%; padding:12px 14px; font:inherit; color:inherit;
  border:1px solid var(--dmk-line,#e4dacb); border-radius:8px; background:#fff; }
.dmk-field input:focus,
.dmk-field select:focus{ outline:2px solid var(--dmk-orange,#f26522); outline-offset:1px; }
.dmk-field__hint{ margin:0; font-size:13px; color:var(--dmk-gray,#6b655c); }

/* Код страны и номер — одной строкой, номер занимает остаток. */
.dmk-tel{ display:grid; grid-template-columns:auto 1fr; gap:8px; }
.dmk-tel select{ width:auto; }

.dmk-kanaly{ margin:0; padding:12px 14px; border:1px solid var(--dmk-line,#e4dacb);
  border-radius:8px; }
.dmk-kanaly legend{ padding:0 6px; font-size:14px; font-weight:600; }
.dmk-kanal{ display:inline-flex; align-items:center; gap:7px; margin:4px 14px 4px 0;
  cursor:pointer; }

/* Согласия — каждое своей строкой: их две, и путать их нельзя. */
.dmk-soglasie{ display:grid; grid-template-columns:auto 1fr; gap:10px;
  align-items:start; font-size:14px; line-height:1.45; cursor:pointer; }
.dmk-soglasie input{ margin-top:3px; }
.dmk-soglasie--ne-objazatelno{ color:var(--dmk-gray,#6b655c); }

.dmk-zayavka__err{ margin:0; padding:10px 12px; border-radius:8px;
  background:#fdecea; color:#b32d2e; font-size:14px; }

/* Кнопка, пока не отмечено согласие, выглядит неактивной — и она такая. */
.dmk-zayavka button[disabled]{ opacity:.5; cursor:not-allowed; }

.dmk-zayavka__obeshchanie{ margin:0; font-size:13px; line-height:1.5;
  color:var(--dmk-gray,#6b655c); }

.dmk-zayavka__ok{ display:grid; gap:12px; padding:18px;
  border-radius:12px; background:var(--dmk-beige,#f3ece1); }
.dmk-ok__h{ margin:0; font-size:20px; font-weight:700; }
.dmk-ok__t{ margin:0; font-size:14px; color:var(--dmk-gray,#6b655c); }

@media (max-width:480px){
  .dmk-tel{ grid-template-columns:1fr; }
  .dmk-kanal{ display:flex; margin:6px 0; }
}

/* ------------------------------------------------------------------ */
/* Клиники сети: счётчики и карточки                                   */
/* ------------------------------------------------------------------ */

.dmk-fz-schet{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
  margin:28px 0 0; }
.dmk-fz-schet__i{ padding:22px 24px; border-radius:14px;
  background:var(--dmk-beige,#f3ece1); }
.dmk-fz-schet__n{ display:block; font-size:48px; line-height:1; font-weight:700;
  color:var(--dmk-orange,#f26522); }
.dmk-fz-schet__t{ display:block; margin-top:8px; font-size:15px; line-height:1.35; }

.dmk-fz-setka{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
  margin-top:26px; }
.dmk-fz-k{ display:flex; flex-direction:column; overflow:hidden;
  border:1px solid var(--dmk-line,#e4dacb); border-radius:14px; background:#fff; }
.dmk-fz-k__foto{ aspect-ratio:3/2; overflow:hidden; background:var(--dmk-beige,#f3ece1); }
.dmk-fz-k__foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.dmk-fz-k__telo{ padding:18px 20px 20px; }
.dmk-fz-k__h{ margin:0 0 6px; font-size:19px; line-height:1.25; }
.dmk-fz-k__h span{ color:var(--dmk-orange,#f26522); }
.dmk-fz-k__osn{ margin:0 0 12px; font-size:14px; color:var(--dmk-gray,#6b655c); }

.dmk-fz-shagi{ margin:0; padding:0; list-style:none; display:grid; gap:7px; }
.dmk-fz-shag{ display:grid; grid-template-columns:auto 1fr; gap:9px;
  align-items:start; font-size:14px; line-height:1.4; }
.dmk-fz-shag__znak{ width:19px; height:19px; border-radius:50%; flex:none;
  display:grid; place-items:center; font-size:12px; font-weight:700; }
.dmk-fz-shag--gotovo .dmk-fz-shag__znak{ background:#e3f3e6; color:#1a7f37; }
.dmk-fz-shag--zhdem .dmk-fz-shag__znak{ background:var(--dmk-beige,#f3ece1);
  color:var(--dmk-gray,#6b655c); }
.dmk-fz-shag--zhdem .dmk-fz-shag__t{ color:var(--dmk-gray,#6b655c); }

.dmk-fz-k__ssylki{ margin:0; display:flex; flex-wrap:wrap; gap:14px; font-size:14px; }

@media (max-width:900px){
  .dmk-fz-setka{ grid-template-columns:repeat(2,1fr); }
  .dmk-fz-schet{ gap:14px; }
  .dmk-fz-schet__n{ font-size:38px; }
}
@media (max-width:620px){
  .dmk-fz-setka{ grid-template-columns:1fr; }
  .dmk-fz-schet{ grid-template-columns:1fr; }
}

/* ------------------------------------------------------------------ */
/* Страница «Спасибо»                                                  */
/* ------------------------------------------------------------------ */

.dmk-spasibo{ max-width:760px; }
.dmk-spasibo__dalshe{ margin-top:34px; padding:24px 26px; border-radius:14px;
  background:var(--dmk-beige,#f3ece1); }
.dmk-spasibo__dalshe h2{ margin:0 0 10px; font-size:20px; }
.dmk-spasibo__spisok{ margin:14px 0 0; padding-left:20px; display:grid; gap:10px; }
.dmk-spasibo__spisok li{ line-height:1.5; }
.dmk-spasibo__svyaz{ margin:18px 0 0; }

.dmk-field__ne{ font-weight:400; color:var(--dmk-gray,#6b655c); }

.dmk-kanaly__kak{ margin:10px 0 0; font-size:13px; line-height:1.5;
  color:var(--dmk-gray,#6b655c); }

/* Листание списка записей ([dmk_list], добавлено 03.11.2026) */
.dmk-list-pages{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0;font-size:15px}
.dmk-list-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);text-decoration:none}
.dmk-list-pages a.page-numbers:hover{border-color:var(--orange);color:var(--orange)}
.dmk-list-pages .page-numbers.current{background:var(--orange);border-color:var(--orange);color:#fff}
.dmk-list-pages .page-numbers.dots{border:0;min-width:auto;padding:0 4px}

/* Заглушки после конвертации контента (03.11.2026).
   Октябрьский конвертер заменил формы Contact Form 7 и ролики YouTube
   в текстах записей заглушками .dmk-form-slot и .dmk-video-slot с пометкой,
   что там стояло (data-cf7, data-lead, data-was). На тестовой копии они
   ждали сборки форм и были видны текстом «Здесь будет форма заявки».
   Посетителю этот текст показывать нельзя, поэтому прячем. Разметка
   остаётся в тексте — по пометкам заглушки потом заменятся на формы
   из реестра (dmk_forma), когда будет решено, какая форма где нужна. */
.dmk-form-slot,
.dmk-video-slot{display:none!important}

/* Форма внутри текста записи — на месте старой формы (formy-zamena.php) */
.dmk-forma-v-tekste{ max-width:620px; margin:36px 0; padding:28px; background:var(--beige); border:1px solid var(--line); border-radius:var(--r-lg); }
.dmk-content .dmk-forma-v-tekste .dmk-zayavka__h{ margin:0; }
.dmk-art-itog{ font-size:20px; margin:24px 0; }
@media (max-width:760px){ .dmk-forma-v-tekste{ padding:20px; margin:28px 0; } }

/* Заглушка вместо обложки, когда файла нет (inc/oblozhki.php, 03.11.2026).
   Цвета и шрифт — переменные темы, поэтому надстройка «старый вид» красит
   её в старые цвета и Gilroy сама. Размер текста — от ширины карточки. */
.dmk-zagl{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;
  box-sizing:border-box;width:100%;height:100%;aspect-ratio:16/10;padding:7% 8%;overflow:hidden;
  container-type:inline-size;background:var(--ink);color:#fff;font-family:var(--ff);text-align:left}
.dmk-zagl::after{content:"";position:absolute;right:-12%;bottom:-38%;width:55%;aspect-ratio:1;border-radius:50%;
  border:clamp(6px,4cqi,18px) solid var(--orange);opacity:.9;pointer-events:none}
.dmk-zagl__m{position:relative;z-index:1;align-self:flex-start;padding:.45em .9em;border-radius:999px;
  background:var(--orange);color:#fff;font-size:clamp(10px,3.4cqi,14px);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.dmk-zagl__t{position:relative;z-index:1;max-width:88%;font-size:clamp(13px,6.4cqi,28px);line-height:1.15;font-weight:800;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.dmk-zagl__z{position:relative;z-index:1;font-size:clamp(9px,2.8cqi,12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.dmk-zagl--video{background:var(--orange)}
.dmk-zagl--video::after{border-color:#fff;opacity:.35}
.dmk-zagl--video .dmk-zagl__m{background:#fff;color:var(--orange)}
.dmk-zagl--reviews{background:var(--beige);color:var(--ink)}
.dmk-zagl--reviews::after{opacity:.5}
/* Видеоотзыв без обложки: кнопка поверх заглушки, в правом нижнем углу —
   по центру она закрывала бы имя. */
.otz-card__ph--video .dmk-zagl ~ .otz-card__play{z-index:2;inset:auto 6% 9% auto;margin:0;width:48px;height:48px}

/* Карта сети на «Открытие франшизы» — конструктор Яндекс Карт, высота 500 */
.dmk-fz-karta{min-height:500px;border-radius:var(--r-lg);overflow:hidden;background:var(--beige)}
/* Обложка поверх заглушки (dmk_oblozhka): заглушка видна, пока картинка
   грузится или если она не загрузилась. */
.dmk-obl{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden}
.dmk-obl>.dmk-zagl{position:absolute;inset:0;height:100%}
.dmk-obl>img{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;object-fit:cover}

/* --- Подписка на рассылку (05.11.2026): блок в статьях, на оранжевом ---- */
/* Как на старом сайте — оранжевый градиент #F57715 → #F03D1E, белые      */
/* буквы; форма на белой карточке справа.                                 */
.dmk-main { overflow-x: clip; } /* вылет полосы на ширину экрана не даёт горизонтальной прокрутки */
/* Во всю ширину экрана (владелец 05.11): блок стоит в колонке текста, которая
   начинается от края сетки страницы (--wrap) плюс поле (--gut), — уводим его
   влево на этот отступ и растягиваем на 100vw; содержимое — по сетке. */
.dmk-podpiska { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px 48px; align-items: center; margin: 56px 0; width: 100vw; max-width: none; margin-left: calc(-1 * (max(0px, (100vw - var(--wrap)) / 2) + var(--gut))); padding: 56px max(var(--gut), calc((100vw - 1140px) / 2)); border-radius: 0; box-sizing: border-box; background: linear-gradient(310deg, #F03D1E 0%, #F57715 100%); color: #fff; }
.dmk-podpiska__vopros { margin: 0 0 6px; font-size: 18px; font-weight: 600; color: #fff; opacity: .92; }
.dmk-podpiska__h { margin: 0 0 12px; font-size: clamp(26px, 3vw, 36px); line-height: 1.15; font-weight: 800; color: #fff; }
.dmk-podpiska__lead { margin: 0 0 18px; font-size: 17px; line-height: 1.5; color: #fff; }
.dmk-podpiska__punkty { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.dmk-podpiska__punkty li { position: relative; padding-left: 32px; font-weight: 600; line-height: 1.45; color: #fff; }
.dmk-podpiska__punkty li::before { content: ""; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, .24); }
.dmk-podpiska__punkty li::after { content: ""; position: absolute; left: 7px; top: 7px; width: 8px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.dmk-podpiska__tekst { flex: 1 1 360px; min-width: 0; max-width: 620px; }
.dmk-podpiska__forma { flex: 1 1 320px; max-width: 460px; background: #fff; color: #141311; border-radius: 18px; padding: 24px; }
.dmk-podpiska__forma .dmk-zayavka__h { display: none; }
@media (max-width: 760px) {
	.dmk-podpiska { padding-top: 32px; padding-bottom: 32px; gap: 22px; margin-top: 32px; margin-bottom: 32px; }
	.dmk-podpiska__forma { max-width: none; }
	.dmk-podpiska__forma { padding: 18px; }
}

/* --- Статьи (05.11.2026, владелец): колонка по центру страницы, -------- */
/* текст в ней по левому краю, шрифт чуть крупнее; базовые таблицы.       */
/* Шаблон single.php — статьи, видео, вебинары выглядят одинаково.       */
.dmk-plain .dmk-article > .dmk-h1,
.dmk-plain .dmk-article > .dmk-content { max-width: 800px; margin-left: auto; margin-right: auto; }
.dmk-plain .dmk-article > .dmk-h1 { text-align: left; }

.dmk-article .dmk-content { font-size: 19px; line-height: 1.68; }
.dmk-article .dmk-content p,
.dmk-article .dmk-content li { font-size: 19px; line-height: 1.68; }
.dmk-article .dmk-content h2 { font-size: clamp(25px, 2.6vw, 30px); line-height: 1.22; margin: 1.8em 0 .6em; }
.dmk-article .dmk-content h3 { font-size: clamp(21px, 2.1vw, 23px); line-height: 1.3; margin: 1.5em 0 .5em; }
.dmk-article .dmk-content li + li { margin-top: .35em; }

/* Подписка в статье: колонка теперь по центру — растягиваем от центра. */
.dmk-plain .dmk-article .dmk-podpiska { margin-left: calc(50% - 50vw); }

/* Таблицы в тексте: шапка, тонкие линии, «зебра»; на узком экране таблица
   листается вбок, а не распирает страницу. */
.dmk-content table { width: 100%; margin: 28px 0; border-collapse: collapse; font-size: 16px; line-height: 1.5; background: #fff; border: 1px solid #e6e8eb; border-radius: 12px; overflow: hidden; }
.dmk-content th, .dmk-content td { padding: 12px 16px; border-bottom: 1px solid #e6e8eb; text-align: left; vertical-align: top; }
.dmk-content thead th, .dmk-content tr:first-child th { background: #f5f6f7; font-weight: 700; color: #121214; }
.dmk-content tbody tr:nth-child(even) td { background: #fafbfc; }
.dmk-content tr:last-child td { border-bottom: 0; }
.dmk-content td p, .dmk-content th p { margin: 0; font-size: inherit; line-height: inherit; }
.dmk-content figure.wp-block-table { margin: 28px 0; }
@media (max-width: 760px) {
	.dmk-article .dmk-content, .dmk-article .dmk-content p, .dmk-article .dmk-content li { font-size: 17px; }
	.dmk-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 15px; }
	.dmk-content th, .dmk-content td { padding: 10px 12px; min-width: 120px; }
}

/* Даты статьи под заголовком (05.11.2026). */
.dmk-plain .dmk-article > .dmk-art-daty { max-width: 800px; margin: -8px auto 28px; font-size: 15px; color: #62656c; }
.dmk-art-daty span { margin: 0 6px; }

/* Заглушки обложек кейсов — оранжевые, как у видео (владелец 05.11.2026:
   тёмные смотрятся плохо). */
.dmk-zagl--cases{background:var(--orange)}
.dmk-zagl--cases::after{border-color:#fff;opacity:.35}
.dmk-zagl--cases .dmk-zagl__m{background:#fff;color:var(--orange)}

/* --- Все формы сайта — на оранжевом, форма на белой карточке ----------- */
/* (05.11.2026, владелец: «как блок подписки, временно»). Градиент старого   */
/* сайта #F57715 → #F03D1E, белые буквы вокруг, поля и кнопка крупнее.       */
:root { --dmk-grad-form: linear-gradient(310deg, #F03D1E 0%, #F57715 100%); }

/* Сама форма: крупнее шрифт, поля и кнопка. */
.dmk-zayavka { font-size: 17px; }
.dmk-zayavka .dmk-zayavka__h { font-size: clamp(22px, 2.2vw, 26px); font-weight: 800; line-height: 1.2; }
.dmk-zayavka .dmk-zayavka__t { font-size: 16px; line-height: 1.5; }
.dmk-zayavka .dmk-field label { font-size: 15px; }
.dmk-zayavka .dmk-field input, .dmk-zayavka .dmk-field select { font-size: 17px; padding: 14px 16px; min-height: 52px; border-radius: 12px; }
.dmk-zayavka .dmk-soglasie { font-size: 14px; line-height: 1.45; }
.dmk-zayavka button[type="submit"] { font-size: 17px; font-weight: 700; padding: 16px 28px; min-height: 54px; width: 100%; justify-content: center; }

/* Белая карточка формы — общий вид. */
.ln-form > div:last-child,
.dmk-forma-v-tekste > .dmk-zayavka,
.content_order_form_fin .dmk-zayavka,
.content_form_analiz .dmk-zayavka { background: #fff; color: #141311; border-radius: 20px; padding: 28px; box-shadow: 0 14px 40px rgba(120, 30, 0, .18); }

/* 1. Лендинги (главная, франшиза, консалтинг, ОКК): секция с формой — оранжевая. */
.ln-sec:has(> .ln-wrap > .ln-form),
.ln-sec:has(> .ln-wrap > .ln-forma-odna) { background: var(--dmk-grad-form); color: #fff; }
.ln-sec .ln-form { background: transparent; border: 0; padding: 0; box-shadow: none; }
.ln-sec:has(> .ln-wrap > .ln-form) :is(.ln-h2, .ln-lead, .ln-acc, .ln-cena, .ln-cena b, .ln-cena s),
.ln-form > div:first-child > :is(p, ul, h2, h3) { color: #fff; }
.ln-form > div:first-child .ln-checks li { color: #fff; font-weight: 600; }
.ln-form > div:first-child .ln-checks li::before { background: rgba(255, 255, 255, .24); }
.ln-form > div:first-child .ln-checks li::after { border-color: #fff; }
.ln-forma-odna { box-shadow: 0 14px 40px rgba(120, 30, 0, .18); }

/* 2. Форма внутри текста записи — полоса во всю ширину, карточка по центру. */
.dmk-forma-v-tekste { background: var(--dmk-grad-form); border-radius: 24px; padding: 40px 20px; margin: 40px 0; }
.dmk-forma-v-tekste > .dmk-zayavka { max-width: 620px; margin: 0 auto; }
.dmk-content .dmk-forma-v-tekste { width: 100vw; max-width: none; box-sizing: border-box; border-radius: 0; padding: 56px var(--gut); margin: 48px 0; margin-left: calc(-1 * (max(0px, (100vw - var(--wrap)) / 2) + var(--gut))); }
.dmk-plain .dmk-article .dmk-forma-v-tekste { margin-left: calc(50% - 50vw); }

/* 3. Шаблон кейса франшизы: «Скачайте финмодель» и «Анализ звонков». */
.order_form_fin { background: var(--dmk-grad-form); color: #fff; }
.order_form_fin h2, .order_form_fin p { color: #fff; }
.wrap_order_form_analiz { background: var(--dmk-grad-form); color: #fff; border-radius: 24px; }
.wrap_order_form_analiz :is(h2, h3, p, li) { color: #fff; }
.content_order_form_fin .dmk-zayavka :is(h2, h3, p, label, span), .content_form_analiz .dmk-zayavka :is(h2, h3, p, label, span) { color: #141311; }

/* 4. «Открытие франшизы»: блок с формой. */
.dmk-section:has(.dmk-form__box) { background: var(--dmk-grad-form); color: #fff; }
.dmk-section:has(.dmk-form__box) .dmk-form > :not(.dmk-form__box) :is(h2, h3, p, li, span) { color: #fff; }
.dmk-form__box { box-shadow: 0 14px 40px rgba(120, 30, 0, .18); }

/* 5. «Полезные материалы»: две формы рядом. */
.dmk-section:has(> .dmk-wrap > .pm-formy__in) { background: var(--dmk-grad-form); }
.dmk-section:has(> .dmk-wrap > .pm-formy__in) > .dmk-wrap > :not(.pm-formy__in) :is(h2, h3, p) { color: #fff; }
.pm-forma { border: 0; box-shadow: 0 14px 40px rgba(120, 30, 0, .18); }

@media (max-width: 760px) {
	.ln-form > div:last-child, .dmk-forma-v-tekste > .dmk-zayavka { padding: 20px; }
	.dmk-content .dmk-forma-v-tekste { padding: 32px var(--gut); }
}

/* Шаблон кейса франшизы: форма в блоке на всю ширину (.no-wrapper) —
   полоса во всю ширину, карточка по центру. */
.no-wrapper > .dmk-forma-v-tekste { max-width: none; width: auto; border-radius: 0; padding: 56px var(--gut); margin: 48px 0; }

/* Окно скачивания материала (05.11.2026): оранжевая рамка-фон, форма на белом. */
.dmk-okno { width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 24px; background: var(--dmk-grad-form, linear-gradient(310deg, #F03D1E 0%, #F57715 100%)); color: #fff; box-shadow: 0 30px 80px rgba(18, 18, 20, .35); overflow: auto; }
.dmk-okno::backdrop { background: rgba(18, 18, 20, .55); }
.dmk-okno__nad { margin: 28px 28px 4px; font-size: 15px; font-weight: 600; opacity: .9; }
.dmk-okno__h { margin: 0 56px 20px 28px; font-size: clamp(22px, 3vw, 28px); line-height: 1.2; font-weight: 800; color: #fff; }
.dmk-okno .dmk-zayavka { margin: 0 12px 12px; background: #fff; color: #141311; border-radius: 18px; padding: 24px; }
.dmk-okno__zakryt { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .22); color: #fff; font-size: 26px; line-height: 40px; cursor: pointer; }
.dmk-okno__zakryt:hover { background: rgba(255, 255, 255, .35); }
.dmk-material-lead { font-size: 19px; }

/* --- Формы на оранжевом без белой карточки (05.11.2026, владелец) ------- */
/* Как на старом сайте: белые поля прямо на оранжевом. Одиночная форма на   */
/* компьютере — вытянутая полоса (поля и кнопка в ряд); на телефоне —       */
/* прежняя белая карточка. Формы со своим текстом слева (лендинги) — как     */
/* были, с белой карточкой. Окна (статьи, материалы) — оранжевые с белыми   */
/* полями.                                                                 */

/* Общий вид «на оранжевом»: окна всегда, одиночные формы — от 761 px. */
.dmk-okno .dmk-zayavka { margin: 0; padding: 4px 28px 28px; background: transparent; box-shadow: none; color: #fff; }
.dmk-okno .dmk-zayavka :is(.dmk-zayavka__h, .dmk-zayavka__t, .dmk-field label, .dmk-field__hint, .dmk-field__ne, .dmk-kanaly legend, .dmk-kanal, .dmk-soglasie, .dmk-soglasie a, .dmk-zayavka__mat, .dmk-zayavka__mat b) { color: #fff; }
.dmk-okno .dmk-zayavka :is(input:not([type="checkbox"]):not([type="radio"]), select) { background: #fff; border: 0; color: #141311; }
.dmk-okno .dmk-zayavka .dmk-kanaly { border-color: rgba(255, 255, 255, .55); }
.dmk-okno .dmk-zayavka button[type="submit"] { background: #141311; border-color: #141311; color: #fff; }
.dmk-okno--forma .dmk-zayavka { padding-top: 56px; }
.dmk-okno--forma { width: min(600px, calc(100vw - 32px)); }

@media (min-width: 761px) {
	.dmk-forma-v-tekste > .dmk-zayavka,
	.ln-forma-odna .dmk-zayavka { max-width: 1100px; margin: 0 auto; padding: 0; background: transparent; box-shadow: none; color: #fff; }
	.ln .ln-forma-odna, .ln-sec .ln-forma-odna { max-width: 1100px; background: transparent; padding: 0; box-shadow: none; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) :is(.dmk-zayavka__h, .dmk-zayavka__t, .dmk-field label, .dmk-field__hint, .dmk-field__ne, .dmk-kanaly legend, .dmk-kanal, .dmk-soglasie, .dmk-soglasie a, .dmk-zayavka__mat, .dmk-zayavka__mat b) { color: #fff; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) :is(input:not([type="checkbox"]):not([type="radio"]), select) { background: #fff; border: 0; color: #141311; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) .dmk-kanaly { border-color: rgba(255, 255, 255, .55); }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) button[type="submit"] { background: #141311; border-color: #141311; color: #fff; }

	/* Вытянутая полоса: заголовок сверху, поля и кнопка в ряд, ниже — способ
	   связи и согласия. Порядок задаём order: в разметке кнопка последняя. */
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 14px 16px; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) > * { flex: 1 1 100%; order: 5; margin: 0; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) > :is(.dmk-zayavka__h, .dmk-zayavka__t, .dmk-zayavka__mat) { order: 0; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) > .dmk-field { flex: 1 1 220px; order: 1; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) > .dmk-field:has(.dmk-tel) { flex: 1.5 1 340px; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) > button[type="submit"] { flex: 0 0 230px; order: 2; width: auto; margin-top: 27px; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) > .dmk-kanaly { order: 3; flex: 0 1 auto; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) > .dmk-soglasie { order: 4; flex: 1 1 320px; align-self: center; }
	:is(.dmk-forma-v-tekste > .dmk-zayavka, .ln-forma-odna .dmk-zayavka) > .dmk-zayavka__h { font-size: clamp(24px, 2.4vw, 30px); }
}

/* Кнопка формы в тексте статьи (форма открывается окном). */
.dmk-forma-knopka { margin: 32px 0; text-align: center; }
.dmk-forma-knopka__btn { font-size: 18px; font-weight: 700; padding: 18px 34px; min-height: 58px; border-radius: 999px; box-shadow: 0 12px 30px rgba(240, 61, 30, .3); }

/* Видео в статьях и на страницах записей — шире колонки текста, по центру. */
.dmk-plain .dmk-article .dmk-content { --dmk-vid: min(1100px, calc(100vw - 2 * var(--gut))); }
.dmk-plain .dmk-article .dmk-content :is(iframe[src*="youtube"], iframe[src*="youtu.be"], iframe[src*="rutube"], iframe[src*="vk.com/video"], iframe[src*="vkvideo"], video) { display: block; width: var(--dmk-vid); max-width: none; height: auto; aspect-ratio: 16 / 9; margin: 32px 0 32px calc(50% - var(--dmk-vid) / 2); border: 0; border-radius: 18px; }
.dmk-plain .dmk-article .dmk-content .dmk-art-video { max-width: none; width: auto; margin: 0; padding: 0; aspect-ratio: auto; height: auto; }

/* --- Хлебные крошки: одни на весь сайт (05.11.2026, владелец) ----------- */
/* Полоса сразу под меню, на всех страницах кроме главной. Спокойные:      */
/* серые, ссылки темнее текущей страницы, при наведении — оранжевые.       */
.dmk-kroshki-pol { padding: 22px 0 0; }
.dmk-kroshki ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; padding: 0; font-size: 14px; line-height: 1.45; }
.dmk-kroshki li { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; }
.dmk-kroshki li + li::before { content: "/"; margin: 0 10px; color: var(--line-2); }
.dmk-kroshki a { color: var(--gray); text-decoration: none; }
.dmk-kroshki a:hover, .dmk-kroshki a:focus-visible { color: var(--orange-ink); text-decoration: underline; text-underline-offset: 3px; }
.dmk-kroshki [aria-current] { color: #77716A; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) {
	.dmk-kroshki-pol { padding-top: 16px; }
	.dmk-kroshki ol { font-size: 13px; }
}

/* По левому краю заголовка: статьи и простые страницы — колонка 800 px, */
/* старые кейсы — 1160 px, кейсы партнёрства — 1180 px.                    */
@media (min-width: 761px) {
	.dmk-kroshki-pol--uzko .dmk-wrap { max-width: calc(800px + 2 * var(--gut) + 40px); padding-left: calc(var(--gut) + 20px); padding-right: calc(var(--gut) + 20px); }
	.dmk-kroshki-pol--keys .dmk-wrap { max-width: calc(1160px + 2 * var(--gut)); }
	.dmk-kroshki-pol--pc .dmk-wrap { max-width: 1180px; padding: 0 28px; }
}
@media (max-width: 760px) {
	.dmk-kroshki-pol--pc .dmk-wrap { padding: 0 16px; }
}
.dmk-kroshki-pol--keys { padding-bottom: 32px; }

/* Первый блок под крошками — без лишнего отступа сверху. */
.dmk-kroshki-pol + .dmk-plain { padding-top: 24px; }
.dmk-kroshki-pol + .dmk-maket > .dmk-section:first-child { padding-top: clamp(28px, 3.5vw, 48px); }
/* Если первый блок цветной — крошки на том же фоне, одной полосой с ним. */
.dmk-kroshki-pol:has(+ .dmk-maket > .dmk-s--b:first-child) { background: var(--beige); }

/* --- Формы: правки владельца 05.11.2026 (вечер) ------------------------- */

/* Строка «Материал: …» на форме не нужна — название материала уходит
   только в письмо с заявкой (скрытое поле формы). */
.dmk-zayavka__mat { display: none !important; }

/* «Список партнёров»: тёмная карточка блока заявки на оранжевом — убрать. */
.dmk-section:has(.dmk-form__box) .dmk-form { background: transparent; padding: 0; border-radius: 0; color: #fff; }

/* Формы с текстом слева (лендинги, «Список партнёров», кейсы франшизы):
   на компьютере текст уже, заголовок мельче, поля в карточке в две колонки —
   форма помещается в экран. Имя | почта, телефон и способ связи — во всю
   ширину, согласия слева, кнопка справа. На телефоне — как было, в столбик. */
@media (min-width: 1081px) {
	.ln-sec .ln-form { grid-template-columns: minmax(0, .8fr) minmax(0, 1.25fr); gap: 48px; }
	.dmk-section:has(.dmk-form__box) .dmk-form { grid-template-columns: minmax(0, .8fr) minmax(0, 1.25fr); gap: 48px; }
	.ln-sec .ln-form > div:first-child .ln-h2,
	.dmk-section .dmk-form .dmk-form__h { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.2; }
	.ln-sec .ln-form > div:first-child .ln-lead { font-size: 17px; }

	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-flow: row dense; gap: 14px 18px; align-items: start; }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka > * { grid-column: 1 / -1; margin: 0; }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka > .dmk-field:not(.dmk-field--tel) { grid-column: auto; }
	/* Если обычное поле одно (только имя) — на всю ширину, без дыры рядом. */
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka:not(:has(> .dmk-field:not(.dmk-field--tel):not([hidden]) ~ .dmk-field:not(.dmk-field--tel):not([hidden]))) > .dmk-field { grid-column: 1 / -1; }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka > .dmk-soglasie { grid-column: 1; }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka > button[type="submit"] { grid-column: 2; grid-row: span 2; align-self: center; }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka > .dmk-zayavka__err { order: 10; }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka > .dmk-zayavka__h { font-size: 21px; }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka > .dmk-zayavka__t { margin-top: -8px; font-size: 15px; }
	:is(.ln-form > div:last-child, .dmk-form__box) { padding: 26px 28px; }
}

/* «Франшиза»: сеть в цифрах — заголовок и шесть цифр в один ряд. */
.ln-stats-h { margin: 0 0 28px; }
.ln-stats.ln-stats--set { gap: 24px; }
.ln-stats--set .ln-stat__n { font-size: clamp(32px, 3.3vw, 46px); }
.ln-stats--set .ln-stat__u { font-size: 16px; }
.ln-stats--set .ln-stat__p { font-size: 15px; }
@media (min-width: 1081px) { .ln-stats.ln-stats--set { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 761px) and (max-width: 1080px) { .ln-stats.ln-stats--set { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .ln-stats.ln-stats--set { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Подписка в конце статьи — полоса во всю ширину перед подвалом. */
.dmk-podpiska.dmk-podpiska--niz { width: auto; margin: 0; }
.dmk-plain:has(+ .dmk-podpiska--niz) { padding-bottom: 56px; }

/* «Показываем ещё» под списками: display:flex перебивал атрибут hidden —
   подпись висела и после конца списка (владелец 05.11). */
.pm-more[hidden] { display: none; }

/* Шаги на белых карточках слева от формы («Экскурсия в управляющую компанию»
   на «Франшизе»): белый текст секции на белой карточке не виден, и шесть
   высоких карточек делали блок выше экрана (владелец 05.11). */
.ln-sec .ln-form .ln-steps li { color: var(--ink); }
.ln-sec .ln-form .ln-steps--1 { gap: 8px; }
.ln-sec .ln-form .ln-steps--1 li { padding: 11px 16px 11px 58px; font-size: 15px; line-height: 1.4; border: 0; border-radius: 16px; }
.ln-sec .ln-form .ln-steps--1 li::before { left: 14px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; font-size: 14px; }
@media (min-width: 1081px) {
	.ln-sec:has(> .ln-wrap > .ln-form .ln-steps) { padding-top: 48px; padding-bottom: 48px; }
	.ln-sec .ln-form .ln-steps--1 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ln-sec .ln-form .ln-steps--1 li { padding: 12px 14px 12px 52px; font-size: 14.5px; }
	.ln-sec .ln-form .ln-steps--1 li::before { left: 12px; width: 28px; height: 28px; }
}
@media (min-width: 1081px) {
	.ln-sec .ln-form:has(.ln-steps) { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 36px; }
}
/* Форма только «имя + телефон» (запись на экскурсию и т. п.) — оба поля в один ряд. */
@media (min-width: 1081px) {
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka:not(:has(.dmk-kanaly)):not(:has(input[name="pochta"])):not(:has(input[name="gorod"])) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka:not(:has(.dmk-kanaly)):not(:has(input[name="pochta"])):not(:has(input[name="gorod"])) > .dmk-field { grid-column: auto !important; }
	:is(.ln-form > div:last-child, .dmk-form__box) .dmk-zayavka:not(:has(.dmk-kanaly)):not(:has(input[name="pochta"])):not(:has(input[name="gorod"])) .dmk-tel select { width: 122px; max-width: 122px; text-overflow: ellipsis; }
}

/* --- Кейсы «Консалтинг» (05.11.2026): вёрстка из рядов и колонок старого -- */
/* конструктора (rabota/konsalting-keysy/sobrat.py). Колонка шире статьи.   */
.dmk-plain .dmk-article > .dmk-content:has(> .kk-keys) { max-width: 1160px; font-size: 17px; }
.kk-keys p, .kk-keys li { font-size: 17px; line-height: 1.6; }
.kk-keys .kk-sek { margin: 0 0 72px; }
.kk-keys h1 { font-size: clamp(30px, 3.6vw, 44px); line-height: 1.12; margin: 0 0 18px; }
.kk-keys h2, .kk-keys .kk-tekst h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.18; margin: 0 0 24px; text-align: left; }
.kk-keys .kk-sek > h2 + p.kk-t { margin: -12px 0 24px; color: var(--gray); }
.kk-keys .kk-tekst > :last-child { margin-bottom: 0; }

.kk-ryad { display: grid; grid-template-columns: var(--kk-kol, 1fr); gap: 28px 40px; align-items: start; margin: 24px 0; }
.kk-kol { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.kk-h { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; }
.kk-v { display: flex; flex-direction: column; gap: 2px; }
.kk-img { margin: 0; }
.kk-img img { max-width: 100%; height: auto; border-radius: 14px; }
.kk-h > .kk-img { flex: 1 1 220px; }
.kk-h > .kk-img img { width: 100%; }
.kk-video { position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: #141311; }
.kk-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.kk-audio { width: 100%; max-width: 420px; }

/* Первый экран: H1, подпись-ярлык «Запрос», «Прирост выручки». */
.kk-keys > .kk-sek:first-child { margin-bottom: 56px; }
.kk-keys > .kk-sek:first-child .kk-kol > div.kk-t { margin-top: 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--orange-ink); }

/* До / После — две карточки. */
.kk-kol:has(> .kk--schedule-title-left), .kk-kol:has(> .kk--schedule-title-right) { padding: 28px; border-radius: 20px; gap: 6px; }
.kk-kol:has(> .kk--schedule-title-left) { background: var(--beige); }
.kk-kol:has(> .kk--schedule-title-right) { background: var(--orange-tint); box-shadow: inset 0 0 0 2px var(--orange-soft); }
.kk--schedule-title-left p, .kk--schedule-title-right p { font-size: 22px; font-weight: 700; margin: 0 0 8px; }
.kk--schedule-text-left p, .kk--schedule-text-right p { margin: 0 0 4px; }

/* Три находки аудита, четыре «топ действий» — карточки. */
.kk-ryad > .kk-kol:has(> .kk-img + .kk-t:last-child),
.kk-ryad > .kk-kol:has(> .kk-nomer) { background: var(--beige); border-radius: 20px; padding: 24px; }
.kk-ryad > .kk-kol:has(> .kk-img + .kk-t:last-child) { align-items: center; text-align: center; }
.kk-ryad > .kk-kol:has(> .kk-img + .kk-t:last-child) .kk-img img { max-height: 120px; width: auto; }
.kk-nomer { font-size: 40px; font-weight: 800; line-height: 1; color: var(--orange); }

/* Ключевые цифры: «подпись — значение — прирост» строками. */
.kk-kol > .kk-h:has(> .kk-t + .kk-t) { padding: 12px 0; border-bottom: 1px solid var(--line); gap: 6px 16px; }
.kk-h > .kk-t:first-child { flex: 1 1 220px; color: var(--ink-soft); }
.kk-h > .kk-t + .kk-t { font-weight: 800; font-size: 20px; color: var(--ink); }
.kk-h > .kk-t + .kk-t + .kk-t { color: var(--orange-ink); }

/* Вкладки и аккордеоны старого кейса — раскрывающиеся блоки. */
.kk-akkordeon, .kk-vkladki { display: grid; gap: 10px; margin: 8px 0 24px; }
.kk-razdel > div { padding-top: 12px; display: flex; flex-direction: column; gap: 14px; }

/* Сотрудники компании (HR, ОКК, маркетинг) и итоговые плашки. */
.kk-kol.kk--quote-card { background: var(--beige); border-radius: 20px; padding: 26px; }
.kk--quote-image-wrapper { flex-wrap: nowrap; gap: 14px; }
.kk--quote-image-wrapper > .kk-img { flex: 0 0 64px; }
.kk--quote-image-wrapper > .kk-img img { width: 64px; height: 64px; object-fit: cover; border-radius: 50%; }
.kk--quote-image-wrapper .kk-t:first-child { font-weight: 700; }
.kk-ryad.kk--quote-bottom-card { background: var(--orange-tint); border-radius: 20px; padding: 24px 28px; }
.kk-itog { display: inline-block; padding: 16px 26px; border-radius: 999px; background: linear-gradient(310deg, #F03D1E 0%, #F57715 100%); color: #fff; font-size: 20px; font-weight: 800; }

/* Блок «Доказанная эффективность» над формой финплана. */
.kk--title-text-standart { font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.15; margin: 0; }
.kk--title-text-decoration { font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.15; margin: 0; color: var(--orange); }

/* Формы в кейсе — полосой во всю ширину между секциями. */
.kk-keys > .dmk-forma-v-tekste { margin-top: 0; margin-bottom: 72px; }

@media (max-width: 860px) {
	.kk-ryad { grid-template-columns: 1fr; }
	.kk-keys .kk-sek { margin-bottom: 48px; }
	.kk-itog { font-size: 17px; border-radius: 18px; }
}

/* --- Кейсы франшизы (template-case.php): две формы — как «Обсудить ------ */
/* открытие клиники» (владелец 05.11.2026): крупный белый заголовок, белые  */
/* поля прямо на оранжевом, без белой карточки; на телефоне — карточка.     */
/* Стили шаблона (Impreza) растягивали радиокнопки и галочки на всю ширину  */
/* (input { width:100%; height:44px }) — сбрасываем их для формы сайта.     */

/* «Скачайте финмодель»: серая подложка шаблона и пустое место под планшет. */
.order_form_fin .inner_wrap:before { display: none; }
section.order_form_fin { padding: 56px 0; margin-bottom: 72px; }
.order_form_fin .inner_wrap { display: block; padding: 0; }
.order_form_fin .content_order_form_fin { max-width: 1100px; margin: 0 auto; }
.order_form_fin .content_order_form_fin h2,
.wrap_order_form_analiz .content_form_analiz h2 { color: #fff; font-family: inherit; font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.15; text-align: left; margin: 0 0 14px; }

/* «Конкурентный анализ от ОКК»: картинка ноутбука поверх формы — убрать. */
.wrap_order_form_analiz { padding: clamp(28px, 4vw, 56px); }
.wrap_order_form_analiz > img { display: none; }
.wrap_order_form_analiz .content_form_analiz { max-width: 1100px; margin: 0 auto; }
.content_form_analiz h2 span { background: none; -webkit-text-fill-color: currentColor; color: #fff; }
.wrap_order_form_analiz .content_form_analiz > p { color: #fff; font-family: inherit; font-size: 17px; line-height: 1.5; max-width: 760px; margin: 0 0 22px; }

/* Поля формы сайта внутри этих блоков — свой вид, не шаблонный. */
:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka input:is([type="radio"], [type="checkbox"]) { display: inline-block; width: auto; max-width: none; height: auto !important; min-height: 0 !important; margin: 0; padding: 0; border-radius: 0; box-shadow: none; flex-shrink: 0; }
:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka :is(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), select) { display: block; width: 100%; max-width: none; height: auto !important; min-height: 52px !important; margin: 0; padding: 14px 16px; border-radius: 12px; font-family: inherit; font-size: 17px; line-height: 1.3; color: #141311; box-shadow: none; }
:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka .dmk-tel select { width: auto; }
:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka p { font-family: inherit; }
:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka p span { max-width: none; width: auto; display: inline; }
:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka .dmk-field__hint { font-size: 13px; }

@media (min-width: 761px) {
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 14px 16px; max-width: none; margin: 0; padding: 0; background: transparent; box-shadow: none; border-radius: 0; color: #fff; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka :is(label, legend, span, p, a, .dmk-field__hint, .dmk-field__ne) { color: #fff; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka :is(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), select) { background: #fff; border: 0; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka .dmk-kanaly { border-color: rgba(255, 255, 255, .55); }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka button[type="submit"] { background: #141311; border-color: #141311; color: #fff; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka > * { flex: 1 1 100%; order: 5; margin: 0; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka > .dmk-field { flex: 1 1 220px; order: 1; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka > .dmk-field:has(.dmk-tel) { flex: 1.5 1 340px; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka > button[type="submit"] { flex: 0 0 230px; order: 2; width: auto; margin-top: 27px; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka > .dmk-kanaly { order: 3; flex: 0 1 auto; }
	:is(.content_order_form_fin, .content_form_analiz) .dmk-zayavka > .dmk-soglasie { order: 4; flex: 1 1 320px; align-self: center; }
}
@media (max-width: 760px) {
	section.order_form_fin { padding: 32px 0; }
	.order_form_fin .content_order_form_fin, .wrap_order_form_analiz .content_form_analiz { padding: 0 var(--gut); }
	.wrap_order_form_analiz .content_form_analiz { padding: 0; }
}

/* --- «Контакты» (05.11.2026): страница пересобрана из обрывков Impreza --- */
/* (rabota/kontakty/kontakty.html). Колонка 800 px, как у заголовка.      */
.kt h2 { margin: 56px 0 20px; }
.kt-kontakty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 8px 0 0; }
.kt-kart { background: var(--beige); border-radius: 20px; padding: 22px 24px; }
.kt-kart p { margin: 0; }
.kt-kart__m { font-size: 14px !important; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--orange-ink); margin-bottom: 6px !important; }
.kt-kart__z { font-size: 19px; font-weight: 700; line-height: 1.4; color: var(--ink); }
.kt-kart__z a { color: inherit; text-decoration: none; }
.kt-kart__z a:hover { color: var(--orange-ink); }
.kt-napr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.kt-napr__i { display: flex; flex-direction: column; gap: 6px; padding: 24px; border-radius: 20px; border: 1px solid var(--line); text-decoration: none; color: var(--ink); transition: border-color .2s, box-shadow .2s; }
.kt-napr__i:hover { border-color: var(--orange); box-shadow: 0 10px 30px rgba(120, 30, 0, .1); }
.kt-napr__h { font-size: 21px; font-weight: 800; }
.kt-napr__h::after { content: " →"; color: var(--orange); }
.kt-napr__t { color: var(--gray); line-height: 1.45; }
.kt-karta { margin-top: 20px; border-radius: 20px; overflow: hidden; min-height: 500px; background: var(--beige); }
@media (max-width: 760px) {
	.kt-kontakty, .kt-napr { grid-template-columns: 1fr; }
	.kt h2 { margin-top: 40px; }
}

/* --- Кейсы франшизы: низ страницы (rabota/keysy-niz, 05.11.2026) -------- */
.kf-niz > .kf-blok { max-width: 1200px; margin: 0 auto 72px; padding: 0 var(--gut); box-sizing: border-box; }
.kf-niz h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.18; font-weight: 800; margin: 0 0 14px; }
.kf-lead { color: var(--gray); margin: 0 0 22px; }
.kf-ssylka { margin: 20px 0 0; font-weight: 700; }
.kf-ssylka a { color: var(--orange-ink); text-decoration: none; }
.kf-ssylka a:hover { text-decoration: underline; }
.kf-niz > .dmk-forma-v-tekste { max-width: none; width: auto; border-radius: 0; padding: 56px var(--gut); margin: 0 0 72px; }

.kf-otzyv__setka { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 40px; align-items: start; }
.kf-otzyv__tekst { background: var(--beige); border-radius: 20px; padding: 28px; }
.kf-otzyv__tekst p { margin: 0 0 12px; line-height: 1.6; }
.kf-otzyv__kto { display: flex; align-items: center; gap: 14px; margin-top: 18px; }
.kf-otzyv__kto p { margin: 0; color: var(--gray); }
.kf-otzyv__kto b { color: var(--orange-ink); }
.kf-otzyv__foto { margin: 0; flex: 0 0 64px; }
.kf-otzyv__foto img { width: 64px; height: 64px; object-fit: cover; border-radius: 50%; }
.kf-otzyv__video .dmk-art-video { margin: 0; position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: #141311; }
.kf-otzyv__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 860px) {
	.kf-otzyv__setka { grid-template-columns: 1fr; }
	.kf-niz > .kf-blok { margin-bottom: 48px; }
	.kf-niz > .dmk-forma-v-tekste { padding: 32px var(--gut); margin-bottom: 48px; }
}

/* --- Вебинары (05.11.2026): пересборка из исходника (rabota/vebinary) ---- */
/* Колонка 1160 px вместе с заголовком; плашки «тема · дата», спикеры, запись. */
.dmk-plain .dmk-article:has(> .dmk-content > .kk-veb) > .dmk-h1 { max-width: 1160px; }
.kk-veb .vb-plashki { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 6px; }
.kk-veb .vb-tema, .kk-veb .vb-data { display: inline-block; padding: 8px 18px; border-radius: 999px; font-size: 15px; font-weight: 700; line-height: 1.3; }
.kk-veb .vb-tema { background: var(--beige); color: var(--ink); }
.kk-veb .vb-data { background: linear-gradient(310deg, #F03D1E 0%, #F57715 100%); color: #fff; }
.kk-veb > .kk-sek:first-child h3 { font-size: clamp(20px, 2vw, 24px); line-height: 1.35; font-weight: 600; color: var(--ink-soft); margin: 8px 0 0; }
.kk-veb > .kk-sek:first-child .kk-img img { border-radius: 20px; }
.kk-veb .vb-spikery { background: var(--beige); border-radius: 20px; padding: 22px 26px; display: inline-flex; flex-direction: column; gap: 4px; }
.kk-veb .vb-spikery__h { margin: 0; font-size: 13px !important; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--orange-ink); }
.kk-veb .vb-punkt { margin: 0; font-size: 19px !important; font-weight: 700; }
.kk-veb .kk-h > .kk-video { flex: 1 1 100%; }
.kk-veb .kk-sek { margin-bottom: 56px; }

/* Хлебные крошки: длинное название не обрезаем, переносим. */
.dmk-kroshki [aria-current] { white-space: normal; overflow: visible; text-overflow: clip; }