@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500;600&display=swap");
@import url("home.css");

.treatment-hero{padding:88px 0 70px;background:radial-gradient(ellipse 55% 55% at 50% 0%,rgba(201,162,75,.13),transparent 72%)}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.78rem;margin-bottom:28px}
.breadcrumb a{color:var(--gold-bright)}
.treatment-hero h1{font-size:clamp(2.65rem,6vw,4.7rem);max-width:15ch}
.treatment-hero .intro{max-width:680px;color:var(--muted);font-size:1.08rem;margin:24px 0 32px}
.treatment-content{padding:72px 0 90px}
.treatment-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:64px;align-items:start}
.treatment-main h2{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 18px}
.treatment-main h2:not(:first-child){margin-top:48px}
.treatment-main p{color:var(--muted);max-width:72ch;margin-bottom:16px}
.direct-list{display:grid;gap:12px;margin-top:22px}
.direct-item{padding:18px 20px;border-left:2px solid var(--gold);background:var(--navy-800);color:var(--muted)}
.treatment-aside{position:sticky;top:104px;padding:30px;border:1px solid var(--line);background:var(--navy-800);border-radius:3px}
.treatment-aside h2{font-size:1.75rem;margin-bottom:12px}
.treatment-aside p{color:var(--muted);font-size:.92rem;margin-bottom:22px}
.treatment-aside .btn{width:100%;text-align:center;padding-left:16px;padding-right:16px}
.medical-note{margin-top:44px;padding:18px 20px;border:1px solid var(--line);color:var(--muted);font-size:.85rem}
@media(max-width:760px){
  .treatment-hero{padding:58px 0 52px}
  .treatment-grid{grid-template-columns:1fr;gap:42px}
  .treatment-aside{position:static}
}