/* ================= внутренние страницы (услуги, документы) ================= */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--mut);margin-bottom:22px}
.crumbs a{color:var(--mut);text-decoration:none}
.crumbs a:hover{color:var(--acc)}
.crumbs span::before{content:"/";margin-right:8px;opacity:.5}

.p-hero{padding-top:calc(var(--hdr) + clamp(40px,6vw,90px))}
.p-hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,90px);align-items:center}
.p-hero h1{font-size:clamp(38px,4.6vw,68px)}
.p-hero .alt{display:block;margin-top:10px;font-size:clamp(18px,1.6vw,24px);font-weight:600;color:var(--mut);letter-spacing:0}
.hash{display:inline-block;margin-top:18px;padding:6px 14px;border-radius:999px;background:rgba(240,112,90,.12);color:var(--acc-d);font-weight:700;font-size:14px}
.lead{margin-top:22px;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--txt);max-width:56ch}
.lead+.lead{margin-top:12px}
.p-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.p-hero .facts{margin-top:40px;flex-wrap:wrap}
.p-ph{position:relative}
.p-ph .frame{aspect-ratio:.82;border-radius:32px}
.p-ph .frame>img{object-position:50% 40%}
.p-ph .mpanel{left:-12%;right:-30%;top:-10%;bottom:-14%}
.p-ph .badge{left:-8%;bottom:-6%;text-align:left}

/* показания — карточки */
.ind .head{max-width:760px}
.ind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(36px,4.6vw,60px)}
.ind-c{padding:26px 26px 28px;display:flex;gap:16px;align-items:flex-start;font-weight:600;color:var(--ink);font-size:clamp(16px,1.25vw,18px);line-height:1.4}
.ind-c i{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--mint2,#E3F1EF);
         box-shadow:inset 0 0 0 1.5px rgba(15,76,74,.18), 0 6px 14px -6px rgba(15,76,74,.35);position:relative}
.ind-c i::before,.ind-c i::after{content:"";position:absolute;inset:11px;border-radius:50%;border:1.6px solid var(--ink)}
.ind-c i::after{inset:17px;background:var(--acc);border:0}

/* противопоказания — тёмная плашка */
.contra .panel{border-radius:36px;padding:clamp(32px,4.4vw,64px);background:linear-gradient(150deg,#0F4C4A,#0B3836);color:#D7ECE9;box-shadow:var(--sh-dark,0 40px 80px -30px rgba(0,0,0,.6));position:relative;overflow:hidden}
.contra .panel::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.02)}
.contra h2{color:#fff}
.contra .sub{color:#A9C9C5}
.contra ul{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px;position:relative}
.contra li{position:relative;padding:0 0 14px 34px;border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(15px,1.15vw,17px)}
.contra li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:2px;border-radius:2px;background:#F0705A;box-shadow:0 0 10px rgba(240,112,90,.8)}

/* курс */
.course .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}
.course-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cc{padding:30px 26px;text-align:center}
.cc b{display:block;font-size:clamp(38px,3.6vw,56px);line-height:1;font-weight:800;color:var(--acc);letter-spacing:-.03em;white-space:nowrap}
.cc span{display:block;margin-top:10px;color:var(--txt);font-size:15px;font-weight:500}
.cc.wide{grid-column:1/-1}
.course p.lead{max-width:46ch}

/* фото */
.gal{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:20px;margin-top:clamp(30px,4vw,52px)}
.gal .frame{aspect-ratio:.8;border-radius:26px}
.gal .frame>img{object-position:50% 40%}

/* другие процедуры */
.more-svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(30px,4vw,52px)}
.ms{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;padding:14px;text-decoration:none;color:inherit}
.ms .frame{aspect-ratio:1;border-radius:18px}
.ms h3{font-size:clamp(19px,1.6vw,23px)}
.ms p{margin-top:6px;color:var(--mut);font-size:15px}
.ms em{display:inline-block;margin-top:10px;font-style:normal;font-weight:700;color:var(--ink);font-size:15px}
.ms:hover em{color:var(--acc)}

/* вопросы → запись */
.ask .box{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(30px,4.4vw,60px);border-radius:36px}
.ask .phone{margin-top:0}
.ask .acts{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ask .acts .row{display:flex;flex-wrap:wrap;gap:12px}

/* документы */
.doc{padding-top:calc(var(--hdr) + clamp(40px,6vw,80px))}
.doc .paper{max-width:860px;padding:clamp(28px,4.4vw,60px);border-radius:32px}
.doc h1{font-size:clamp(32px,3.8vw,52px)}
.doc h2{font-size:clamp(21px,1.8vw,26px);margin:34px 0 10px}
.doc p,.doc li{color:var(--txt);line-height:1.65;margin-top:10px;font-size:16px}
.doc ul{margin:8px 0 0;padding-left:22px}

@media (max-width:900px){
  .p-hero .grid,.course .grid,.ask .box{grid-template-columns:1fr}
  .p-ph{order:-1}
  .p-ph .frame{aspect-ratio:1.05}
  .p-ph .badge{left:-6px;bottom:-30px;padding:12px 18px}
  .ind-grid{grid-template-columns:1fr 1fr;gap:12px}
  .ind-c{padding:18px;font-size:15px;gap:12px}
  .ind-c i{width:36px;height:36px} .ind-c i::before{inset:8px} .ind-c i::after{inset:13px}
  .contra ul{grid-template-columns:1fr}
  .gal{grid-template-columns:1fr 1fr}
  .gal .frame:nth-child(3){display:none}
  .more-svc{grid-template-columns:1fr}
  .ms{grid-template-columns:96px 1fr}
}
@media (max-width:480px){
  .ind-grid{grid-template-columns:1fr}
  .p-btns .btn{width:100%}
  .course-cards{gap:12px}
}
/* правки по проверке */
.p-hero .facts{gap:clamp(18px,2.4vw,40px);flex-wrap:nowrap}
.p-hero .fact b{font-size:clamp(28px,2.7vw,42px)}
.p-hero .facts.div .fact+.fact{padding-left:clamp(16px,2vw,32px)}
.gal .frame>img{top:-8%;height:116%}
@media (max-width:480px){ .p-hero .facts{flex-wrap:wrap;gap:16px 22px} .p-hero .facts.div .fact+.fact{border-left:0;padding-left:0} }
.gal[style*="--n:1"] .frame{aspect-ratio:2.4} .gal[style*="--n:1"] .frame>img{object-position:50% 62%}
@media (max-width:900px){ .gal[style*="--n:1"]{grid-template-columns:1fr} .gal[style*="--n:1"] .frame{aspect-ratio:1.3} }
@media (max-width:900px){ .p-ph{margin-bottom:44px} }
