/* Страница услуги cmclinic.ru в вёрстке стенда WP (single-service.php / diagnostic-page.css), 22.10.2026. Всё под .cm-diag. */
.cm-diag{--primary:#ff0043; --primary-deep:#dd0039; --primary-soft:#fde5ec;
  --ink:#2a3246; --ink-muted:#5a6376; --ink-subtle:#9b9b9b;
  --surface:#fff; --cool:#e7f2f8; --cool-soft:#f5f9fb; --cream:#fbf9f5;
  --maxw:1280px;
  --border-subtle:#e8ebf0; --border-default:#d4d9e0;
  --success:#1f8a65; --info:#00a8e6;
  --font-display:"Unbounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
  --r12:12px; --r16:16px; --r24:24px; --r999:999px;
  --motion-base:250ms cubic-bezier(.32,.72,0,1);
  --elev2:0 4px 8px rgba(42,50,70,.06),0 8px 24px rgba(42,50,70,.08);
  --elev3:0 12px 24px rgba(42,50,70,.08),0 24px 48px rgba(42,50,70,.12);

  width:100%;margin:0;padding:0 0 clamp(40px,6vw,72px);
  background:var(--cream);color:var(--ink);
  font-family:var(--font-body);font-size:16px;line-height:1.55;
  font-feature-settings:'tnum' 1,'lnum' 1;}
.cm-diag *{box-sizing:border-box}
.cm-diag .btn{font-family:var(--font-body);font-weight:600;border-radius:var(--r999);border:1.5px solid transparent;cursor:pointer;padding:14px 28px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background var(--motion-base),border-color var(--motion-base),transform var(--motion-base),box-shadow var(--motion-base)}
.cm-diag .btn.primary{background:var(--primary);color:#fff}
.cm-diag .btn.primary:hover{background:var(--primary-deep);transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,0,67,.24)}
.cm-diag .btn.sec{background:#fff;color:var(--ink);border-color:rgba(42,50,70,.18)}
.cm-diag .btn.sec:hover{border-color:var(--ink);background:var(--cool-soft)}
.cm-diag .btn.mini{padding:9px 18px;font-size:13px}
.cm-diag .btn.light{background:#fff;color:var(--ink)}
.cm-diag .btn.light:hover{background:var(--cool-soft);transform:translateY(-1px)}
.cm-diag .btn.ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.cm-diag .btn.ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.cm-diag .priceanchor{font-weight:700;font-size:18px;font-feature-settings:'tnum' 1}
.cm-diag .priceanchor .from{font-size:12px;font-weight:600;color:var(--ink-subtle);text-transform:uppercase;letter-spacing:.04em;margin-right:5px}
.cm-diag .hy-wrap{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,var(--cream) 0%,var(--cool-soft) 60%,var(--cool) 170%);padding:clamp(32px,5vw,72px) clamp(20px,4vw,48px) clamp(36px,5vw,80px)}
.cm-diag .hy-wrap>*{max-width:var(--maxw);margin-inline:auto}
.cm-diag .hy-meta{font-family:var(--font-body);font-size:13.12px;color:var(--ink-muted);margin:0 0 6px}
.cm-diag .hy-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.6vw,58px);letter-spacing:-.015em;text-transform:uppercase;color:var(--ink);margin:0;line-height:1.02}
.cm-diag .hy-title .r{color:var(--primary)}
.cm-diag .hy-readout{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r24);padding:clamp(18px,2.2vw,24px);display:flex;flex-direction:column;justify-content:flex-start;box-shadow:var(--elev2)}
.cm-diag .hy-ro-eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);margin:0}
.cm-diag .hy-ro-name{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2vw,24px);line-height:1.18;min-height:calc(1.18em * 2);margin:.2em 0 .55em;color:var(--ink)}
.cm-diag .hy-ro-price{margin:0 0 12px;font-size:20px;color:var(--ink)}
.cm-diag .hy-ro-price .from{font-size:13px;font-weight:600;color:var(--ink-subtle);text-transform:uppercase;letter-spacing:.04em;margin-right:5px}
.cm-diag .hy-ro-actions{display:flex;flex-direction:column;gap:10px}
.cm-diag .hy-ro-actions .btn{width:100%;white-space:nowrap}
.cm-diag .psec{position:relative;padding:clamp(56px,8vw,120px) clamp(20px,4vw,48px)}
.cm-diag .psec>*{max-width:var(--maxw);margin-inline:auto}
.cm-diag .psec.s-cream{background:var(--cream)}
.cm-diag .psec.s-white{background:var(--surface)}
.cm-diag .psec.s-cool{background:var(--cool-soft)}
.cm-diag .psec-head{margin:0 auto clamp(24px,3vw,40px)}
.cm-diag .psec-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0 0 6px}
.cm-diag .psec-title{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.2vw,40px);letter-spacing:-.015em;color:var(--ink);margin:0;line-height:1.08}
.cm-diag .psec-title .r{color:var(--primary)}
.cm-diag .srv-group{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r16);margin-bottom:12px;overflow:hidden}
.cm-diag .srv-gh{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;user-select:none;transition:background var(--motion-base)}
.cm-diag .srv-gh:hover{background:var(--cool-soft)}
.cm-diag .srv-gname{font-family:var(--font-display);font-weight:600;font-size:15.5px;color:var(--ink);flex:1;min-width:0;line-height:1.25}
.cm-diag .srv-gchev{color:var(--ink-subtle);flex:0 0 auto;transition:transform var(--motion-base)}
.cm-diag .srv-group.open .srv-gchev{transform:rotate(180deg)}
.cm-diag .srv-gbody{display:none;padding:2px 10px 10px}
.cm-diag .srv-group.open .srv-gbody{display:block}
.cm-diag .srv-row{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:var(--r12);cursor:pointer;text-decoration:none;transition:background var(--motion-base)}
.cm-diag .srv-row:hover{background:var(--cool-soft)}
.cm-diag .srv-row .nm{flex:1;font-family:var(--font-body);font-size:14.5px;color:var(--ink);min-width:0;line-height:1.35}
.cm-diag .srv-row .pr{font-family:var(--font-mono);font-size:14px;color:var(--ink);white-space:nowrap;font-feature-settings:'tnum' 1,'lnum' 1}
.cm-diag .srv-row .pr .from{font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--ink-subtle);text-transform:uppercase;letter-spacing:.04em;margin-right:4px}
.cm-diag .srv-row .ar{flex:0 0 auto;color:var(--primary);font-weight:700;font-size:16px;transition:transform var(--motion-base)}
.cm-diag .srv-row:hover .ar{transform:translateX(3px)}
.cm-diag .srv-row.hidden{display:none}
.cm-diag .docgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cm-diag .dcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r16);padding:16px;cursor:pointer;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base);text-decoration:none}
.cm-diag .dcard:hover{transform:translateY(-3px);box-shadow:var(--elev2);border-color:var(--border-default)}
.cm-diag .dcard.hidden{display:none}
.cm-diag .dcard .ph{position:relative;aspect-ratio:4/5;border-radius:var(--r12);overflow:hidden;background:linear-gradient(135deg,#dbeaf2,#e7f2f8);margin-bottom:14px}
.cm-diag .dcard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.cm-diag .dcard .dname{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink);line-height:1.2;margin:0;min-height:2.4em}
.cm-diag .dcard .dspec{font-family:var(--font-body);font-size:13px;color:var(--ink-muted);margin:3px 0 0;min-height:2.6em}
.cm-diag .dcard .dcta{display:flex;gap:8px;margin-top:auto}
.cm-diag .dcard .dcta .btn{flex:1}
.cm-diag .doc-more{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:clamp(18px,2.2vw,24px)}
.cm-diag .cta-band{background:var(--ink);padding:clamp(56px,8vw,120px) clamp(20px,4vw,48px)}
.cm-diag .cta-inner{max-width:var(--maxw);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cm-diag .cta-text h2{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.4vw,28px);color:#fff;margin:0 0 8px;line-height:1.1}
.cm-diag .cta-text p{font-family:var(--font-body);font-size:14px;color:rgba(255,255,255,.72);margin:0;max-width:440px;line-height:1.5}
.cm-diag .cta-acts{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
@media(max-width:880px){.cm-diag .hy-readout{order:-1;min-height:0}
.cm-diag .docgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cm-diag .cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.cm-diag .srv-gh{padding:14px 14px;gap:10px}
.cm-diag .srv-gname{font-size:15px}
.cm-diag .srv-row{gap:10px;padding:11px 8px}
.cm-diag .srv-row .nm{font-size:14px}
.cm-diag .docgrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cm-diag .btn{transition:none}
.cm-diag .btn.primary:hover{transform:none}}
.cm-diag .md-warn{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1.5px solid var(--border-subtle);border-left:4px solid var(--primary);border-radius:var(--r16);padding:18px 20px;box-shadow:var(--elev2)}
.cm-diag .md-warn-ic{flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--r12);background:var(--primary-soft);color:var(--primary)}
.cm-diag .md-warn-ic svg{width:22px;height:22px}
.cm-diag .md-warn-body{min-width:0}
.cm-diag .md-warn-h{font-family:var(--font-display);font-weight:600;font-size:15.5px;color:var(--ink);margin:0 0 5px;line-height:1.25}
.cm-diag .md-warn-t{font-family:var(--font-body);font-size:13.5px;color:var(--ink-muted);margin:0;line-height:1.5}
.cm-svc .svc-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;padding:8px 0}
.cm-svc .svc-title{font-size:clamp(28px,2.2vw + 14px,44px);line-height:1.08;margin:10px 0 14px}
.cm-svc .svc-lead{font-family:var(--font-body);font-size:15.5px;line-height:1.6;color:var(--ink-muted);max-width:640px}
.cm-svc .svc-lead p{margin:0}
.cm-svc .svc-price-ask{font-size:15px}
.cm-svc .svc-prose{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--ink-muted);max-width:780px}
.cm-svc .svc-prose p{margin:0 0 12px}
.cm-svc .svc-prose ol,.cm-svc .svc-prose ul{margin:0 0 12px;padding-left:22px}
.cm-svc .svc-prose li{margin:0 0 6px}
.cm-svc .svc-prose--acc{margin:0 2px 8px}
.cm-svc .svc-sib-body{display:block}
@media(max-width:900px){.cm-svc .svc-hero{grid-template-columns:1fr;gap:18px}}
.cm-svc .svc-title{text-transform:none;letter-spacing:-.01em}
@media(max-width:900px){.cm-svc .svc-readout{grid-row:auto;grid-column:auto;order:2}
.cm-svc .svc-hero-main{order:1}}
.cm-svc .psec{padding-top:clamp(36px,4.5vw,64px);padding-bottom:clamp(36px,4.5vw,64px)}
.cm-svc .psec-title{font-size:clamp(22px,1.3vw + 13px,32px)}
.cm-svc .psec-head{margin-bottom:24px}
.cm-svc .cta-band{padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px)}
.cm-svc .hy-wrap{padding-top:28px;padding-bottom:36px}
.cm-svc .svc-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.cm-svc .svc-fact{font-size:12.5px;line-height:1;padding:8px 13px;border:1px solid rgba(15,43,52,.14);border-radius:999px;color:var(--ink-muted);background:rgba(255,255,255,.7)}
.cm-svc .svc-about-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.cm-svc .svc-about-grid .svc-prose{max-width:none}
.cm-svc .svc-side{position:sticky;top:96px;display:grid;gap:14px}
.cm-svc .svc-side-card{background:#fff;border:1px solid rgba(15,43,52,.1);border-radius:14px;padding:16px 18px}
.cm-svc .svc-side-h{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-subtle);margin:0 0 10px;font-weight:600}
.cm-svc .svc-side nav a{display:block;padding:7px 0;font-size:13.5px;color:var(--ink-muted);text-decoration:none;border-bottom:1px dashed rgba(15,43,52,.1)}
.cm-svc .svc-side nav a:last-child{border-bottom:none}
.cm-svc .svc-side nav a:hover{color:var(--primary)}
@media(max-width:900px){.cm-svc .svc-about-grid{grid-template-columns:1fr;gap:20px}
.cm-svc .svc-side{position:static}
.cm-svc .svc-side-card:first-child{display:none}}
/* --- правки переноса: изоляция от темы сайта --- */
.cm-diag.cm-svc h1,.cm-diag.cm-svc h2,.cm-diag.cm-svc h3,.cm-diag.cm-svc p{text-transform:none;letter-spacing:normal}
.cm-diag.cm-svc .psec-title,.cm-diag.cm-svc .hy-title{letter-spacing:-.015em}
.cm-diag.cm-svc .btn{margin:0;text-transform:none;letter-spacing:normal;line-height:1.2;box-shadow:none;min-height:0;height:auto}
.cm-diag.cm-svc .btn::before,.cm-diag.cm-svc .btn::after{content:none}
.cm-diag.cm-svc a{text-decoration:none}
.cm-diag.cm-svc .svc-prose a{color:var(--primary-deep);text-decoration:underline}
.cm-diag.cm-svc .svc-prose ul li::before,.cm-diag.cm-svc .svc-prose ol li::before{content:none}
.cm-diag.cm-svc .svc-prose ul{list-style:disc}.cm-diag.cm-svc .svc-prose ol{list-style:decimal}
.cm-diag.cm-svc .svc-prose img{max-width:100%;height:auto}
.cm-diag.cm-svc .svc-prose table{max-width:100%;display:block;overflow-x:auto}
.cm-diag.cm-svc .svc-prose h2,.cm-diag.cm-svc .svc-prose h3{font-family:var(--font-body);font-size:18px;font-weight:700;color:var(--ink);margin:20px 0 10px;line-height:1.3}
.cm-diag.cm-svc .crumbs26-wrap{max-width:var(--maxw);margin:0 auto;padding:18px clamp(20px,4vw,48px) 0}
.cm-diag.cm-svc .hy-meta{font-size:13px}
.cm-diag.cm-svc .svc-fact b{font-weight:600;color:#2b3245}
.cm-diag.cm-svc .svc-fact{font-size:13px}
.cm-diag.cm-svc .psec-title,.cm-diag.cm-svc .svc-title{text-wrap:balance}
.cm-diag.cm-svc .svc-about-grid .svc-prose{max-width:72ch}
.cm-diag.cm-svc #svc-price{padding-top:clamp(32px,4vw,48px);padding-bottom:clamp(32px,4vw,48px)}
.cm-diag.cm-svc .psec-eyebrow,.cm-diag.cm-svc .hy-ro-eyebrow{font-size:12px;letter-spacing:.06em}
.cm-diag.cm-svc .svc-fact{line-height:1.3}
.cm-diag.cm-svc .hy-ro-name{min-height:0}
.cm-diag.cm-svc .svc-old{font-size:14px;font-weight:500;color:var(--ink-subtle);margin-left:6px}
.cm-diag.cm-svc .srv-row .pr .from,.cm-diag.cm-svc .svc-side-row .from{font-size:11px}
.cm-diag.cm-svc .dcard .ph{display:block}
.cm-diag.cm-svc .dname a{color:inherit}
.cm-diag.cm-svc .svc-more{display:none}
.cm-diag.cm-svc .svc-sib.all .svc-more{display:flex}
.cm-diag.cm-svc .svc-more-btn{margin-top:4px}
.cm-diag.cm-svc .svc-sib.all+.doc-more .svc-more-btn{display:none}
.cm-diag.cm-svc {padding-bottom:0}
.cm-diag.cm-svc .doc-more{margin-top:16px}
.cm-diag.cm-svc .svc-callout{margin:0 auto 16px}
.cm-diag.cm-svc #svc-details .srv-gbody{padding:0 18px 16px}
.cm-diag.cm-svc #svc-details .svc-prose--acc{margin:0}
.cm-diag.cm-svc .svc-callout .md-warn-ic{font-family:var(--font-display);font-weight:700;font-size:20px}
.cm-diag.cm-svc .svc-callout .md-warn-t{max-width:none;font-size:14.5px}
.cm-diag.cm-svc .svc-callout .md-warn-t p:last-child{margin-bottom:0}
.cm-diag.cm-svc .svc-callout .btn{margin-top:12px}
.cm-diag.cm-svc .svc-checkup-list{columns:2;column-gap:48px;max-width:var(--maxw)}
.cm-diag.cm-svc .svc-checkup-list p{break-after:avoid;margin:0 0 8px;color:var(--ink);font-weight:600}
.cm-diag.cm-svc .svc-checkup-list ul{break-inside:avoid;margin:0 0 18px}
@media(max-width:700px){.cm-diag.cm-svc .svc-checkup-list{columns:1}}
.cm-diag.cm-svc .svc-img{margin:20px 0 0}
.cm-diag.cm-svc .svc-img img{display:block;max-width:100%;height:auto;border-radius:16px}
/* прайс services_with_headers — как прайс на карточке врача */
.cm-diag.cm-svc .svc-prices>h3{font-family:var(--font-body);font-size:17px;font-weight:700;color:var(--ink);margin:24px 0 12px;text-transform:none}
.cm-diag.cm-svc .svc-prices>h3:first-child{margin-top:0}
.cm-diag.cm-svc .svc-prices .service-coast-wrapper{margin:0;background:#fff;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;box-shadow:none}
.cm-diag.cm-svc .svc-prices .service-coast{border:0;border-bottom:1px solid var(--border-subtle);margin:0;box-shadow:none;background:none;padding:0}
.cm-diag.cm-svc .svc-prices .service-coast:last-child{border-bottom:0}
.cm-diag.cm-svc .svc-prices .service-coast__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;min-height:0}
.cm-diag.cm-svc .svc-prices .service-coast__name{font-size:15px;line-height:1.45;color:var(--ink);max-width:none;flex:1;font-weight:400}
.cm-diag.cm-svc .svc-prices .service-coast__srok{font-size:13px;color:var(--ink-muted)}
.cm-diag.cm-svc .svc-prices .service-coast__srok:empty{display:none}
.cm-diag.cm-svc .svc-prices .service-coast__value{display:flex;align-items:center;gap:16px;margin:0}
.cm-diag.cm-svc .svc-prices .service-coast__price{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}
.cm-diag.cm-svc .svc-prices .service-old{text-decoration:line-through;color:var(--ink-subtle);font-weight:400;font-size:13px}
.cm-diag.cm-svc .svc-prices .service-coast__arrow{display:none}
.cm-diag.cm-svc .svc-prices .service-coast__button .btn{padding:9px 18px;font-size:13px;background:var(--primary);color:#fff;border-radius:999px}
@media(max-width:700px){
 .cm-diag.cm-svc .svc-title{font-size:clamp(24px,7vw,30px);line-height:1.1}
 .cm-diag.cm-svc .psec-title{font-size:clamp(22px,6vw,28px)}
 .cm-diag.cm-svc .svc-prices .service-coast__inner{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}
 .cm-diag.cm-svc .hy-ro-actions .btn{white-space:normal}
 .cm-diag.cm-svc .cta-acts{width:100%}
 .cm-diag.cm-svc .cta-acts .btn{flex:1 1 100%}
}
