/* ===== Extra styles for expanded multi-page content ===== */

/* trust strip under hero */
.trust-strip { background:#fff; border-bottom:1px solid var(--line); }
.trust-strip-inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 36px; padding:20px 28px; }
.tsi { display:inline-flex; align-items:center; gap:9px; font-size:14.5px; font-weight:600; color:var(--ink); }
.tsi svg { width:19px; height:19px; color:var(--purple-600); }

/* 6-up why grid */
.why-grid--6 { grid-template-columns: repeat(3,1fr); }
@media (max-width:980px){ .why-grid--6 { grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .why-grid--6 { grid-template-columns:1fr; } }

/* how-it-works steps */
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.step-card { background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:30px 26px; position:relative; box-shadow:var(--shadow-sm); }
.step-num { position:absolute; top:22px; right:24px; font-family:var(--font-head); font-weight:800; font-size:42px; color:var(--lavender-100); line-height:1; }
.step-ic { display:grid; place-items:center; width:54px; height:54px; border-radius:15px; background:linear-gradient(135deg,var(--lavender-100),var(--lavender-200)); color:var(--purple-700); margin-bottom:18px; }
.step-ic svg { width:26px; height:26px; }
.step-card h3 { font-size:19px; margin-bottom:8px; }
.step-card p { color:var(--slate-600); font-size:14.5px; }
@media (max-width:980px){ .steps-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .steps-grid { grid-template-columns:1fr; } }

/* treatment detail quick facts */
.td-quickfacts { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:22px; }
.td-quickfacts span { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:var(--ink); }
.td-quickfacts svg { width:18px; height:18px; color:var(--purple-600); }

/* process list with descriptions */
.process-list li { align-items:flex-start; }
.proc-body { display:flex; flex-direction:column; gap:3px; }
.proc-body strong { font-size:16px; }
.proc-body span { font-size:14.5px; color:var(--slate-600); font-weight:400; }
.process-list li .proc-num { margin-top:2px; }

/* soft indication list (risks) */
.ind-list--soft li svg { color:var(--coral); }

/* cost card */
.cost-card { padding:0; overflow:hidden; }
.cost-head { background:var(--lavender-50); padding:24px 28px; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:2px; }
.cost-head span { font-size:13px; color:var(--slate-500); font-weight:600; text-transform:uppercase; letter-spacing:.04em; }
.cost-head strong { font-family:var(--font-head); font-size:38px; color:var(--purple-700); line-height:1; }
.cost-head em { font-style:normal; font-size:13.5px; color:var(--slate-600); }
.cost-cols { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.cost-cols > div { padding:24px 28px; }
.cost-cols > div:first-child { border-right:1px solid var(--line); }
.cost-h { display:flex; align-items:center; gap:8px; font-family:var(--font-body); font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; margin-bottom:14px; }
.cost-h svg { width:18px; height:18px; }
.cost-h--in { color:var(--whatsapp-600); }
.cost-h--ex { color:var(--slate-500); }
.cost-cols ul { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.cost-cols li { font-size:14.5px; color:var(--ink); padding-left:18px; position:relative; }
.cost-cols li::before { content:""; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--lavender-300); }
.cost-emi { display:flex; align-items:center; gap:10px; padding:18px 28px; background:var(--coral-100); color:var(--coral-600); font-size:14px; font-weight:500; }
.cost-emi svg { width:20px; height:20px; flex-shrink:0; }
@media (max-width:560px){ .cost-cols { grid-template-columns:1fr; } .cost-cols > div:first-child { border-right:none; border-bottom:1px solid var(--line); } }

/* td sticky facts */
.td-sticky-facts { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); display:grid; gap:10px; }
.td-sticky-facts div { display:flex; align-items:center; gap:9px; font-size:13.5px; color:var(--slate-600); font-weight:500; }
.td-sticky-facts svg { width:17px; height:17px; color:var(--purple-600); }

/* visit-us rows (single location) */
.visit-rows { display:grid; gap:14px; margin-top:26px; }
.visit-row { display:flex; align-items:flex-start; gap:14px; background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:16px 18px; }
.visit-ic { width:44px; height:44px; border-radius:12px; background:var(--lavender-100); color:var(--purple-700); display:grid; place-items:center; flex-shrink:0; }
.visit-ic svg { width:21px; height:21px; }
.visit-row strong { display:block; font-size:15px; }
.visit-row span { font-size:14px; color:var(--slate-600); }
.inline-ic { width:15px; height:15px; display:inline; vertical-align:-2px; }

/* ---- service imagery ---- */
.treat-img { aspect-ratio: 16/8.5; border-radius: var(--r-md) var(--r-md) 10px 10px; margin: -28px -28px 20px; width: auto; }
.td-photo { width: 100%; aspect-ratio: 16/10; border-radius: var(--r-md); margin-bottom: 16px; }

/* ---- featured doctor (Dr. Sakshi) ---- */
.doc-feature { display:grid; grid-template-columns: 0.9fr 1.1fr; gap:56px; align-items:center; }
.df-media { position:relative; }
.df-tilt { border-radius:var(--r-xl); }
.df-photo { width:100%; aspect-ratio:4/4.4; border-radius:var(--r-xl); box-shadow:var(--shadow-lg); }
.df-photo img { object-position: top center; }
.df-badge { position:absolute; left:-18px; bottom:28px; display:flex; align-items:center; gap:12px; padding:14px 18px; border-radius:var(--r-md); }
.df-badge svg { width:24px; height:24px; color:var(--coral); }
.df-badge strong { display:block; font-size:15px; }
.df-badge span { font-size:12.5px; color:var(--slate-500); }
.df-copy h2 { font-size:clamp(30px,3.8vw,46px); margin-top:14px; }
.df-role { display:block; font-size:14px; font-weight:700; color:var(--coral-600); text-transform:uppercase; letter-spacing:.05em; margin-top:10px; }
.df-bio { color:var(--slate-600); font-size:16.5px; margin-top:16px; }
.df-copy .chip-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.df-langs { display:flex; align-items:center; gap:9px; margin-top:18px; font-size:14.5px; font-weight:600; color:var(--ink); }
.df-langs svg { width:18px; height:18px; color:var(--purple-600); }
@media (max-width:980px){ .doc-feature { grid-template-columns:1fr; gap:36px; } .df-media { max-width:420px; } .df-badge { left:0; } }