/* ── Brain & Beans — Master Stylesheet for condition pages ── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@700&display=swap');

:root {
  --orange:#f26a3d; --red:#d91a34; --blue:#3461b3; --blue-light:#5cb9ed;
  --sky:#aed9f4; --peach:#fdb492; --navy:#263165; --gold:#f4b942;
  --grey-light:#f1f1f3; --grey-mid:#c8cfd6; --dark:#2d3b55;
  --primary:#3461b3; --primary-dark:#263165; --primary-light:#aed9f4;
  --accent:#f26a3d; --accent-light:#fdb492;
  --text:#2d3b55; --text-mid:#4a5a7a; --text-light:#7a8fa8;
  --border:#c8cfd6; --bg:#f8fafc; --bg-alt:#f1f1f3;
  --teal:#3461b3; --teal-dark:#263165; --teal-xdark:#1a2550;
  --teal-light:rgba(52,97,179,0.07); --teal-mid:rgba(52,97,179,0.18);
  --warm-white:#f8fafc; --off-white:#f1f1f3; --charcoal:#2d3b55;
  --shadow-sm:0 2px 12px rgba(52,97,179,0.08);
  --shadow-md:0 8px 32px rgba(52,97,179,0.13);
  --shadow-lg:0 20px 60px rgba(52,97,179,0.16);
  --radius:12px; --radius-lg:20px;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Poppins',sans-serif; background:var(--bg); color:var(--text); overflow-x:hidden; font-size:15px; }

/* ── NAV ── */
nav { position:sticky; top:0; z-index:200; background:rgba(255,255,255,0.97); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); padding:0 48px; height:68px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; }
.nav-logo img { width:42px; height:42px; object-fit:contain; border-radius:10px; }
.nav-logo-text .brand { font-family:'Playfair Display',serif; font-size:17px; font-weight:700; color:var(--navy); line-height:1.1; }
.nav-logo-text .sub { font-size:9px; color:var(--text-light); letter-spacing:0.06em; text-transform:uppercase; font-weight:500; }
.nav-links { display:flex; gap:24px; list-style:none; }
.nav-links a { text-decoration:none; color:var(--text-mid); font-size:13px; font-weight:500; transition:color 0.2s; white-space:nowrap; }
.nav-links a:hover { color:var(--primary); }
.nav-cta { background:var(--primary); color:#fff; border:none; cursor:pointer; padding:9px 20px; border-radius:100px; font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; text-decoration:none; display:flex; align-items:center; gap:7px; transition:all 0.2s; white-space:nowrap; flex-shrink:0; box-shadow:0 3px 14px rgba(52,97,179,0.3); }
.nav-cta:hover { background:var(--primary-dark); transform:translateY(-1px); }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
.hamburger span { width:22px; height:2px; background:var(--text); border-radius:2px; display:block; }

/* ── LAYOUT ── */
.container { max-width:1100px; margin:0 auto; padding:0 32px; }
section { padding:72px 0; }
.sec-label { font-size:10px; text-transform:uppercase; letter-spacing:0.12em; color:var(--primary); font-weight:700; margin-bottom:10px; }
.sec-title { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(26px,3vw,38px); line-height:1.25; margin-bottom:13px; color:var(--navy); }
.sec-sub { font-size:15px; color:var(--text-mid); line-height:1.8; max-width:600px; font-weight:300; }

/* ── PAGE HERO ── */
.page-hero { background:linear-gradient(135deg, var(--navy) 0%, var(--dark) 100%); color:#fff; padding:72px 0 60px; }
.page-hero .container { display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px; }
.hero-breadcrumb { font-size:12px; color:rgba(255,255,255,0.5); margin-bottom:16px; }
.hero-breadcrumb a { color:var(--sky); text-decoration:none; }
.page-hero h1 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(30px,4vw,48px); line-height:1.15; margin-bottom:16px; color:#fff; }
.page-hero h1 em { color:var(--sky); font-style:normal; }
.page-hero p { font-size:16px; color:rgba(255,255,255,0.7); line-height:1.75; max-width:540px; font-weight:300; margin-bottom:28px; }
.hero-pills { display:flex; flex-wrap:wrap; gap:8px; }
.hero-pill { background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18); color:rgba(255,255,255,0.85); padding:5px 14px; border-radius:100px; font-size:11px; font-weight:500; }
.hero-doc-card { background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.14); border-radius:var(--radius-lg); padding:24px; min-width:220px; text-align:center; }
.hero-doc-photo { width:80px; height:88px; border-radius:14px; object-fit:cover; object-position:top; margin:0 auto 12px; display:block; border:2px solid var(--sky); }
.hero-doc-name { font-family:'Poppins',sans-serif; font-size:15px; font-weight:700; color:#fff; margin-bottom:4px; }
.hero-doc-qual { font-size:11px; color:var(--sky); font-weight:600; margin-bottom:5px; }
.hero-doc-inst { font-size:10px; color:rgba(255,255,255,0.45); }

/* ── INTRO ── */
.intro-section { background:var(--bg); }
.intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.intro-text h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:26px; margin-bottom:14px; color:var(--navy); }
.intro-text p { font-size:14px; color:var(--text-mid); line-height:1.85; margin-bottom:14px; }
.intro-text .hindi-note { background:rgba(52,97,179,0.07); border-left:3px solid var(--primary); padding:12px 16px; border-radius:0 10px 10px 0; font-size:13px; color:var(--primary-dark); margin:16px 0; font-style:italic; }
.symptoms-box { background:#fff; border-radius:var(--radius-lg); padding:26px; border:1px solid var(--border); box-shadow:var(--shadow-sm); }
.symptoms-box h3 { font-size:15px; font-weight:600; margin-bottom:14px; color:var(--navy); }
.symptom-list { list-style:none; display:flex; flex-direction:column; gap:10px; }
.symptom-list li { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--text-mid); }
.symptom-list li::before { content:'⚠️'; font-size:13px; flex-shrink:0; }
.cta-urgent { background:var(--primary); color:#fff; border-radius:12px; padding:18px 22px; margin-top:18px; text-align:center; }
.cta-urgent p { font-size:12px; opacity:0.85; margin-bottom:7px; }
.cta-urgent a { color:#fff; font-weight:700; font-size:14px; text-decoration:none; }

/* ── SERVICES ── */
.services-section { background:var(--bg-alt); }
.svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:36px; }
.svc-link { text-decoration:none; color:inherit; display:block; }
.svc-card { background:#fff; border-radius:var(--radius); padding:20px 16px; border:1px solid var(--border); transition:all 0.25s; height:100%; }
.svc-link:hover .svc-card { border-color:var(--primary); box-shadow:var(--shadow-md); transform:translateY(-3px); }
.svc-icon { font-size:24px; margin-bottom:11px; display:block; }
.svc-name { font-size:14px; font-weight:600; margin-bottom:5px; color:var(--navy); }
.svc-desc { font-size:12px; color:var(--text-mid); line-height:1.65; }

/* ── APPROACH ── */
.approach-section { background:var(--bg); }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }
.step { text-align:center; padding:26px 18px; }
.step-num { width:46px; height:46px; border-radius:50%; background:var(--primary); color:#fff; font-size:18px; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; font-family:'Poppins',sans-serif; }
.step h3 { font-size:15px; font-weight:600; margin-bottom:7px; color:var(--navy); }
.step p { font-size:12px; color:var(--text-mid); line-height:1.65; }

/* ── DOCTOR STRIP ── */
.doctor-strip { background:linear-gradient(135deg, rgba(52,97,179,0.07), rgba(92,185,237,0.1)); padding:44px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.doctor-strip-inner { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.ds-photo { width:80px; height:88px; border-radius:14px; object-fit:cover; object-position:top; border:2px solid var(--primary); flex-shrink:0; }
.ds-info h3 { font-family:'Poppins',sans-serif; font-weight:700; font-size:19px; margin-bottom:4px; color:var(--navy); }
.ds-info .ds-spec { font-size:11px; color:var(--primary); font-weight:700; text-transform:uppercase; letter-spacing:0.04em; margin-bottom:6px; }
.ds-info p { font-size:13px; color:var(--text-mid); line-height:1.6; max-width:480px; }
.ds-btn { margin-left:auto; background:var(--primary); color:#fff; padding:12px 22px; border-radius:100px; text-decoration:none; font-size:13px; font-weight:600; white-space:nowrap; transition:background 0.2s; }
.ds-btn:hover { background:var(--primary-dark); }

/* ── FAQ ── */
.faq-section { background:var(--bg-alt); }
.faq-list { max-width:760px; margin:36px auto 0; }
.faq-item { background:#fff; border-radius:var(--radius); margin-bottom:10px; border:1px solid var(--border); overflow:hidden; }
.faq-q { padding:16px 20px; font-size:14px; font-weight:600; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; color:var(--navy); }
.faq-q::after { content:'+'; font-size:20px; color:var(--primary); flex-shrink:0; transition:transform 0.2s; }
.faq-item.open .faq-q::after { transform:rotate(45deg); }
.faq-a { display:none; padding:0 20px 16px; font-size:13px; color:var(--text-mid); line-height:1.8; }
.faq-item.open .faq-a { display:block; }

/* ── APPOINTMENT ── */
.appt-section { background:var(--bg-alt); }
.appt-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:48px; align-items:start; margin-top:40px; }
.contact-list { list-style:none; display:flex; flex-direction:column; gap:13px; }
.c-item { display:flex; align-items:center; gap:12px; }
.c-icon { width:40px; height:40px; border-radius:10px; background:rgba(52,97,179,0.08); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; border:1px solid rgba(52,97,179,0.15); }
.c-label { font-size:10px; text-transform:uppercase; color:var(--text-light); letter-spacing:0.05em; font-weight:600; }
.c-value { font-size:13px; font-weight:600; color:var(--text); }
.c-value a { color:inherit; text-decoration:none; }
.email-highlight { margin-top:22px; background:rgba(52,97,179,0.07); border:1px solid rgba(52,97,179,0.18); border-radius:14px; padding:18px 20px; }
.eh-label { font-size:10px; text-transform:uppercase; letter-spacing:0.06em; color:var(--primary); font-weight:700; margin-bottom:5px; }
.eh-email { font-size:15px; font-weight:700; color:var(--navy); margin-bottom:4px; }
.eh-note { font-size:11px; color:var(--text-mid); }
.form-wrap { background:#fff; border-radius:var(--radius-lg); padding:28px; box-shadow:var(--shadow-sm); border:1px solid var(--border); }
.form-wrap h4 { font-family:'Poppins',sans-serif; font-weight:700; font-size:20px; margin-bottom:5px; color:var(--navy); }
.form-sub { font-size:12px; color:var(--text-light); margin-bottom:20px; }
.fg { margin-bottom:14px; }
.fg label { display:block; font-size:11px; font-weight:600; color:var(--text-mid); margin-bottom:5px; text-transform:uppercase; letter-spacing:0.04em; }
.fg input, .fg select, .fg textarea { width:100%; padding:10px 13px; border:1.5px solid var(--border); border-radius:9px; font-family:'Poppins',sans-serif; font-size:13px; color:var(--text); background:#fff; outline:none; transition:border-color 0.2s; -webkit-appearance:none; }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color:var(--primary); }
.fg textarea { height:76px; resize:none; }
.fg-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form-submit { width:100%; background:var(--primary); color:#fff; border:none; cursor:pointer; padding:13px; border-radius:10px; font-family:'Poppins',sans-serif; font-size:14px; font-weight:600; transition:background 0.2s; margin-top:4px; }
.form-submit:hover { background:var(--primary-dark); }
.form-note { text-align:center; font-size:11px; color:var(--text-light); margin-top:8px; }

/* ── FOOTER ── */
footer { background:var(--dark); color:#fff; padding:52px 40px 28px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; max-width:1100px; margin:0 auto 36px; }
.fb-brand { font-family:'Playfair Display',serif; font-weight:700; font-size:19px; margin-bottom:4px; color:#fff; }
.fb-tag { font-size:11px; color:rgba(255,255,255,0.4); margin-bottom:13px; }
.fb-text { font-size:12px; color:rgba(255,255,255,0.45); line-height:1.7; max-width:240px; }
.fc-title { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.09em; color:rgba(255,255,255,0.35); margin-bottom:13px; }
.fc-list { list-style:none; display:flex; flex-direction:column; gap:8px; }
.fc-list a { font-size:12px; color:rgba(255,255,255,0.6); text-decoration:none; transition:color 0.2s; }
.fc-list a:hover { color:var(--sky); }
.fc-list span { font-size:12px; color:rgba(255,255,255,0.45); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:20px; text-align:center; max-width:1100px; margin:0 auto; }
.footer-bottom p { font-size:11px; color:rgba(255,255,255,0.28); }
.footer-bottom a { color:rgba(255,255,255,0.35); text-decoration:none; }

/* ── MOBILE BAR ── */
.mobile-cta { display:none; position:fixed; bottom:0; left:0; right:0; z-index:300; background:#fff; border-top:1px solid var(--border); padding:10px 16px; gap:10px; box-shadow:0 -4px 20px rgba(0,0,0,0.08); }
.mob-call { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; background:var(--primary); color:#fff; text-decoration:none; padding:12px; border-radius:10px; font-size:13px; font-weight:600; }
.mob-email { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; background:var(--dark); color:#fff; text-decoration:none; padding:12px; border-radius:10px; font-size:13px; font-weight:600; }

/* ── RESPONSIVE ── */
@media(max-width:900px) {
  nav { padding:0 20px; }
  .nav-links { display:none; }
  .nav-cta { display:none; }
  .hamburger { display:flex; }
  .page-hero .container { grid-template-columns:1fr; }
  .hero-doc-card { display:none; }
  .intro-grid { grid-template-columns:1fr; }
  .svc-grid { grid-template-columns:1fr 1fr; }
  .steps { grid-template-columns:1fr; }
  .appt-grid { grid-template-columns:1fr; gap:28px; }
  .doctor-strip-inner { flex-direction:column; text-align:center; }
  .ds-btn { margin-left:0; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .mobile-cta { display:flex; }
  body { padding-bottom:68px; }
  footer { padding:48px 20px 28px; }
}
@media(max-width:600px) {
  section { padding:44px 0; }
  nav { padding:0 16px; height:60px; }
  .svc-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .fg-row { grid-template-columns:1fr; }
  footer { padding:36px 16px 24px; }
  .page-hero { padding:44px 0 36px; }
  .page-hero h1 { font-size:28px; }
}