:root{
  --green-950:#05281f;
  --green-900:#06372b;
  --green-800:#07533e;
  --green-700:#08704f;
  --green-600:#0b875f;
  --blue-900:#06334d;
  --blue-800:#074c70;
  --cream:#fffdf7;
  --ivory:#f8f4e9;
  --mint:#edf7ee;
  --mint-2:#f4fbf5;
  --gold:#d9ad5b;
  --text:#14251f;
  --muted:#5d6f67;
  --line:rgba(6,56,41,.13);
  --shadow:0 22px 70px rgba(5,40,31,.10);
  --shadow-soft:0 14px 40px rgba(5,40,31,.08);
  --radius:28px;
  --font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display:Georgia, "Times New Roman", serif;
  --font-tamil:"Noto Sans Tamil", "Latha", "Arial Unicode MS", var(--font-body);
  --font-tamil-display:"Noto Serif Tamil Condensed", "Noto Serif Tamil", "Noto Sans Tamil", "Latha", "Arial Unicode MS", var(--font-body);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{margin:0; font-family:var(--font-body); color:var(--text); background:var(--cream); line-height:1.65; overflow-x:hidden}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
button,input,textarea{font:inherit}
.skip-link{position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-link:focus{left:16px; top:16px; width:auto; height:auto; z-index:9999; background:#fff; color:#000; padding:8px 12px; border-radius:8px}
.container{width:min(100% - 40px, 1180px); margin-inline:auto}
.site-header{position:sticky; top:0; z-index:1000; background:rgba(255,253,247,.88); backdrop-filter:blur(18px); border-bottom:1px solid rgba(6,56,41,.10)}
.header-inner{min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:16px}
.brand{display:flex; align-items:center; gap:12px; min-width:0}
.brand-logo{width:54px; height:54px; object-fit:contain; flex:0 0 auto; background:transparent; border-radius:0; box-shadow:none;}
.brand-copy{display:flex; align-items:baseline; gap:8px; min-width:0; color:var(--green-950); font-weight:900}
.brand-name{font-family:var(--font-tamil); font-size:1.05rem; white-space:nowrap; letter-spacing:.01em}
.brand-divider{color:var(--gold); font-weight:900}
.brand-tagline{font-family:var(--font-tamil); font-size:.86rem; font-weight:800; white-space:nowrap; color:var(--green-800)}
.nav{display:flex; align-items:center; gap:6px}
.nav a{padding:10px 12px; border-radius:999px; color:#233f36; font-weight:760; font-size:.95rem; transition:.2s ease}
.nav a:hover,.nav a[aria-current="page"]{background:rgba(8,112,79,.09); color:var(--green-800)}
.nav .nav-cta{background:var(--green-800); color:#fff; padding-inline:18px; box-shadow:0 12px 28px rgba(8,112,79,.24)}
.nav .nav-cta:hover{background:var(--green-700); color:#fff}
.menu-toggle{display:none; width:46px; height:46px; border:0; background:rgba(6,56,41,.08); border-radius:14px; align-items:center; justify-content:center; gap:5px; cursor:pointer; flex:0 0 auto}
.menu-toggle span{display:block; width:22px; height:2px; background:var(--green-900); border-radius:2px; transition:.2s ease}
.hero{position:relative; min-height:calc(100svh - 82px); overflow:hidden; display:flex; align-items:center; color:#fff; isolation:isolate; background:var(--green-950)}
.hero-bg,.hero-slide,.hero-overlay{position:absolute; inset:0}
.hero-bg{z-index:-3}.hero-slide{background-size:cover; background-position:center; opacity:0; transform:scale(1.03); transition:opacity 1.8s ease-in-out}
.hero-slide.is-active{opacity:1}
.hero-overlay{z-index:-2; background:linear-gradient(90deg, rgba(4,31,24,.96) 0%, rgba(4,31,24,.86) 42%, rgba(4,31,24,.56) 72%, rgba(4,31,24,.38) 100%)}
.hero-content{max-width:770px; padding:clamp(70px,8vw,118px) 0}
.eyebrow{display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; padding:8px 13px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); color:#dff4e9; font-weight:900; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; backdrop-filter:blur(10px)}
h1,.h1{font-family:var(--font-display); font-size:clamp(2.65rem,5.7vw,5.65rem); line-height:.99; letter-spacing:-.045em; margin:0; text-wrap:balance}
.highlight-evidence{position:relative; display:inline-block; padding:.02em .16em .05em; margin-left:-.06em; border-radius:.16em; background:linear-gradient(120deg, rgba(8,112,79,.25), rgba(215,179,106,.18)); color:#e7f6d9; overflow:hidden;}
.highlight-evidence::after{content:""; position:absolute; top:-20%; left:-70%; width:45%; height:140%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent); transform:skewX(-20deg); animation:shimmer 4.8s ease-in-out infinite;}
@keyframes shimmer{0%,18%{left:-70%; opacity:0}34%{opacity:1}64%{opacity:1}82%,100%{left:130%; opacity:0}}
.typed-line{display:block; margin-top:.08em; color:#fff7df;}
.typed-text{display:inline-block; white-space:nowrap; border-right:3px solid var(--gold); padding-right:.05em; min-width:.4ch; animation:caret .75s step-end infinite;}
@keyframes caret{50%{border-color:transparent}}
.kural-card{margin-top:26px; width:min(620px,100%); border:1px solid rgba(255,255,255,.26); background:linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.06)); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-radius:24px; padding:18px 20px 16px; box-shadow:0 22px 70px rgba(0,0,0,.18)}
.kural-card blockquote{margin:0; font-family:var(--font-tamil-display); font-size:clamp(.9rem,2vw,1.28rem); line-height:1.75; color:#fff; font-weight:740; letter-spacing:0; display:flex; flex-direction:column; gap:2px}
.kural-line{display:block; white-space:nowrap; overflow:visible}
.kural-card figcaption{margin-top:8px; color:#d8eaa9; font-family:var(--font-tamil); font-weight:780; font-size:.95rem}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:13px 22px; border-radius:15px; font-weight:900; border:1px solid transparent; line-height:1.2; text-align:center; transition:.2s ease; cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--green-700),#064b38); color:#fff; box-shadow:0 14px 34px rgba(8,112,79,.25)}
.btn-primary:hover{transform:translateY(-1px); box-shadow:0 18px 40px rgba(8,112,79,.32)}
.btn-secondary{background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.34)}
.btn-outline{background:#fff; color:var(--green-800); border-color:rgba(8,112,79,.28)}
.btn-outline:hover{background:var(--mint)}
.timing-pill{display:inline-flex; margin-top:18px; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22); color:#e8f5ee; font-weight:850; backdrop-filter:blur(10px)}
.hero-dots{display:flex; gap:10px; margin-top:22px; align-items:center}.hero-dot{width:10px; height:10px; border-radius:50%; border:1px solid rgba(255,255,255,.66); background:transparent; opacity:.78; padding:0; cursor:pointer; transition:transform .2s ease, background .2s ease, border-color .2s ease}.hero-dot.is-active{background:#b9db87; border-color:#b9db87; opacity:1; transform:scale(1.08)}.hero-dot:focus-visible{outline:2px solid #fff; outline-offset:4px}
.section{padding:clamp(70px,8vw,112px) 0}.section-soft{background:linear-gradient(180deg,#fffdf7,#f4f8ef)}
.section-head{text-align:center; max-width:840px; margin:0 auto 42px}.section-kicker{font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; color:var(--green-700); font-weight:950; margin-bottom:10px}.section-title{font-family:var(--font-display); font-size:clamp(2.1rem,4.5vw,4.6rem); line-height:1.05; letter-spacing:-.035em; margin:0; color:var(--green-950); text-wrap:balance}.section-subtitle{font-size:clamp(1rem,1.8vw,1.2rem); color:var(--muted); margin:14px auto 0; max-width:700px}
.grid-2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px}.grid-3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px}.grid-4{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px}
.card{background:rgba(255,255,255,.86); border:1px solid var(--line); border-radius:var(--radius); padding:clamp(22px,3vw,34px); box-shadow:var(--shadow-soft); min-width:0}.card h3{font-family:var(--font-display); color:var(--green-950); font-size:clamp(1.65rem,2.8vw,2.7rem); line-height:1.1; margin:0}.card p{color:#3e5049}.specialty-card{display:flex; flex-direction:column; gap:20px}.specialty-card.resp .specialty-meta,.specialty-card.resp h3{color:var(--blue-800)}.specialty-top{display:flex; align-items:center; gap:20px}.icon-circle{width:92px; height:92px; border-radius:50%; background:var(--mint); display:grid; place-items:center; border:1px solid rgba(6,56,41,.09); flex:0 0 auto}.icon-circle svg{width:54px; height:54px; fill:none; stroke:var(--green-700); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round}.resp .icon-circle{background:#eef8fb}.resp .icon-circle svg{stroke:var(--blue-800)}.specialty-meta{font-size:1.1rem; font-weight:900; color:var(--green-700); margin-top:2px}.chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:auto}.chip{display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:9px 13px; border-radius:999px; background:#fff; border:1px solid rgba(6,56,41,.12); color:#243d34; font-weight:820; line-height:1.2; overflow-wrap:anywhere}.card-actions{margin-top:6px}.card-actions .btn{width:100%}
.home-doctors{max-width:980px; margin-inline:auto}.doctors-head{margin-bottom:34px}.section-logo-mark{width:58px; height:58px; object-fit:contain; margin:0 auto 10px; opacity:.86; filter:drop-shadow(0 10px 18px rgba(5,40,31,.10))}.doctor-summary-card{display:flex; flex-direction:column; justify-content:center; min-height:172px; background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(250,252,247,.86))}.doctor-summary-card .doctor-name{font-family:var(--font-display); font-size:clamp(1.42rem,2.15vw,2.08rem); line-height:1.18; color:var(--green-950); font-weight:760; margin:0 0 10px}.doctor-summary-card .degree{font-size:.70em; font-family:var(--font-body); font-weight:760; white-space:normal}.credential{font-weight:760; color:var(--green-800); overflow-wrap:anywhere}.doctor-summary-card.resp .credential{color:var(--blue-800)}.center-action{display:flex; justify-content:center; margin-top:22px}.center-action .btn{min-width:min(100%, 360px)}
.why-card{text-align:center; display:flex; flex-direction:column; align-items:center; gap:12px}.why-card .icon-circle{width:78px; height:78px}.why-card h3{font-family:var(--font-body); font-size:1.22rem; letter-spacing:0; margin:0}.why-card p{margin:0}.cta-strip{background:linear-gradient(135deg,#eef8ee,#fffdf7); border:1px solid rgba(6,56,41,.1); border-radius:32px; padding:clamp(22px,4vw,36px); display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); gap:24px; align-items:center; box-shadow:var(--shadow)}.cta-strip h2{font-family:var(--font-display); font-size:clamp(1.8rem,3.2vw,3.2rem); line-height:1.1; margin:0 0 8px; color:var(--green-950)}.cta-strip p{margin:0; color:var(--muted); font-size:1.08rem}.cta-actions{display:grid; grid-template-columns:1fr; gap:12px}
.footer{background:linear-gradient(135deg,#041f18,#063b2b); color:#e9f6ef; padding:54px 0 22px}.footer-grid{display:grid; grid-template-columns:1.1fr 1.2fr .8fr .9fr; gap:34px; align-items:start}.footer h2,.footer h3{margin:0 0 12px; color:#fff}.footer h2{font-family:var(--font-display); font-size:1.65rem; line-height:1.15}.footer p,.footer a{color:#cfe4da}.footer a{display:block; padding:4px 0}.footer .brand-logo{width:54px; height:54px; object-fit:contain; flex:0 0 auto; background:transparent; border-radius:0; box-shadow:none;}.footer-bottom{margin-top:34px; padding-top:20px; border-top:1px solid rgba(255,255,255,.14); color:#b9d5c8; font-size:.92rem}.footer .footer-contact-btn{box-shadow:none; border-color:rgba(255,255,255,.16)}
.page-hero{background:linear-gradient(135deg,#052b21,#07533e); color:#fff; padding:clamp(58px,8vw,100px) 0; position:relative; overflow:hidden}.page-hero::after{content:""; position:absolute; inset:auto -10% -65% auto; width:55%; height:120%; border-radius:50%; background:rgba(215,179,106,.12); filter:blur(30px)}.page-hero .container{position:relative; z-index:1}.breadcrumb{font-weight:900; color:#c6dfd3; letter-spacing:.16em; text-transform:uppercase; font-size:.78rem; margin-bottom:10px}.page-hero h1{max-width:900px}.page-hero p{max-width:760px; color:#d9ede4; font-size:clamp(1rem,2vw,1.22rem)}.text-panel{background:#fff; border:1px solid rgba(6,56,41,.1); border-radius:28px; padding:clamp(24px,4vw,44px); box-shadow:var(--shadow)}.doctors-intro{font-size:clamp(1.04rem,1.5vw,1.23rem); line-height:1.8; color:#253c34}.doctors-intro p{margin:0}.doctors-intro strong{color:var(--green-900); font-weight:950; background:linear-gradient(180deg,transparent 58%,rgba(217,173,91,.25) 58%); padding:0 .04em}.profile-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px}.profile-card{display:flex; flex-direction:column; gap:14px}.profile-card .doctor-icon{width:86px; height:86px; border-radius:50%; background:var(--mint); display:grid; place-items:center}.profile-card .doctor-icon svg{width:48px; height:48px; fill:none; stroke:var(--green-700); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round}.profile-card.resp .doctor-icon{background:#eef8fb}.profile-card.resp .doctor-icon svg{stroke:var(--blue-800)}.profile-card h2{font-family:var(--font-display); font-size:clamp(1.75rem,3vw,2.8rem); line-height:1.12; margin:0; color:var(--green-950)}.profile-card .qual{font-weight:900; color:var(--green-800); font-size:1.05rem}.profile-card.resp .qual{color:var(--blue-800)}.tamil-line{font-family:var(--font-tamil); color:var(--green-900); background:rgba(8,112,79,.07); border:1px solid rgba(8,112,79,.09); border-radius:16px; padding:12px 14px; font-weight:850; line-height:1.55; overflow-wrap:break-word}.profile-list{display:flex; flex-wrap:wrap; gap:10px; margin-top:2px}.services-layout{display:grid; grid-template-columns:1fr 1fr; gap:24px}.service-block h2{font-family:var(--font-display); font-size:clamp(1.7rem,3vw,2.8rem); margin:0 0 10px; color:var(--green-950)}.service-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0; margin:22px 0 0; list-style:none}.service-list li{padding:12px 14px; border-radius:16px; background:rgba(8,112,79,.07); color:#203c33; font-weight:760; overflow-wrap:anywhere}.service-block.resp .service-list li{background:rgba(7,83,116,.08)}.notice-card{margin-top:24px; padding:22px; border-radius:22px; background:linear-gradient(135deg,rgba(8,112,79,.09),rgba(215,179,106,.08)); border:1px solid rgba(6,56,41,.1)}.contact-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:28px; align-items:start}.info-list{display:grid; gap:16px}.info-item{display:flex; gap:14px; align-items:flex-start; padding:18px; border-radius:20px; background:#fff; border:1px solid rgba(6,56,41,.1)}.info-icon{width:42px; height:42px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center; background:var(--mint); color:var(--green-700); font-weight:900}.info-item h3{margin:0 0 4px; font-size:1.05rem; color:var(--green-900)}.info-item p{margin:0; color:#40534c}.map-card{min-height:390px; border-radius:28px; border:1px dashed rgba(6,56,41,.25); background:radial-gradient(circle at 20% 15%,rgba(8,112,79,.16),transparent 32%),linear-gradient(135deg,#edf6ee,#fffdf8); display:flex; align-items:center; justify-content:center; text-align:center; padding:28px; color:var(--green-900); box-shadow:var(--shadow)}.map-card h3{font-family:var(--font-display); font-size:clamp(1.6rem,3vw,2.4rem); margin:0 0 8px}.map-card p{margin:0 auto 20px; color:var(--muted); max-width:400px}
@media (max-width:1080px){.nav{position:fixed; top:78px; left:18px; right:18px; display:none; flex-direction:column; align-items:stretch; padding:14px; border-radius:24px; background:rgba(255,253,247,.98); box-shadow:0 30px 80px rgba(6,37,29,.22); border:1px solid rgba(6,56,41,.12)}body.nav-open .nav{display:flex}.nav a{padding:14px 16px; text-align:left}.nav .nav-cta{text-align:center}.menu-toggle{display:flex; flex-direction:column}body.nav-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .menu-toggle span:nth-child(2){opacity:0}body.nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid,.cta-strip,.services-layout{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}}
@media (max-width:720px){.container{width:min(100% - 28px,640px)}.header-inner{min-height:70px}.brand-logo{width:44px; height:44px; object-fit:contain; flex:0 0 auto; background:transparent; border-radius:0; box-shadow:none;}.brand-copy{flex-direction:column; align-items:flex-start; gap:1px; line-height:1.12; max-width:calc(100vw - 124px)}.brand-divider{display:none}.brand-name{font-size:.98rem; max-width:100%; overflow:visible; text-overflow:clip}.brand-tagline{font-size:.66rem; white-space:normal; max-width:100%; line-height:1.22}.nav{top:70px}.hero{min-height:auto}.hero-overlay{background:linear-gradient(180deg,rgba(4,36,28,.96) 0%,rgba(4,36,28,.92) 48%,rgba(4,36,28,.84) 100%)}.hero-content{padding:58px 0 54px}.eyebrow{font-size:.68rem; letter-spacing:.12em; margin-bottom:14px}h1,.h1{font-size:clamp(2.04rem,11vw,3.4rem); line-height:1.08; letter-spacing:-.04em}.typed-line{margin-top:.16em}.typed-text{font-size:.9em}.hero-actions{display:grid; grid-template-columns:1fr; gap:12px}.btn{width:100%; min-height:52px; padding:14px 16px; white-space:normal}.timing-pill{border-radius:18px; align-items:flex-start; font-size:.94rem; line-height:1.35; width:100%; justify-content:center; text-align:center}.kural-card{padding:15px 10px 13px; border-radius:20px; width:100%; max-width:100%; overflow:visible}.kural-card blockquote{font-size:clamp(.62rem,2.7vw,.88rem); line-height:1.85; text-align:left; align-items:center; gap:2px}.kural-card figcaption{text-align:center; font-size:.76rem; margin-top:7px}.section-logo-mark{width:48px; height:48px}.section{padding:58px 0}.section-head{margin-bottom:28px}.section-kicker{font-size:.68rem; letter-spacing:.14em}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr; gap:18px}.card{padding:22px; border-radius:22px}.specialty-top{align-items:flex-start; gap:14px}.icon-circle{width:72px; height:72px}.icon-circle svg{width:38px; height:38px}.chips{gap:8px}.chip{font-size:.88rem; padding:8px 10px}.doctor-summary-card{min-height:0}.footer-grid{grid-template-columns:1fr; gap:24px}.service-list{grid-template-columns:1fr}.info-item{padding:16px}.map-card{min-height:300px}.profile-card h2{font-size:1.65rem}.doctors-intro{font-size:1rem; line-height:1.78}.profile-card .qual{font-size:.98rem}}
@media (max-width:390px){.container{width:calc(100% - 24px)}.brand-copy{max-width:calc(100vw - 112px)}.brand-name{font-size:.9rem}.brand-tagline{font-size:.6rem}h1,.h1{font-size:1.98rem}.card h3{font-size:1.42rem}.section-title{font-size:1.8rem}.specialty-top{flex-direction:column}.kural-card blockquote{font-size:.58rem}.kural-card{padding-left:7px; padding-right:7px}.doctor-summary-card .doctor-name{font-size:1.34rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition:none!important}.hero-slide.is-active{opacity:1!important}}

/* v2.7: requested header text, Tamil hero line, and homepage doctor card icons */
.brand-name.brand-english{font-family:var(--font-display);font-size:1.22rem;letter-spacing:.01em;white-space:normal;line-height:1.05;color:var(--green-950)}
.eyebrow[lang="ta"]{font-family:var(--font-tamil);text-transform:none;letter-spacing:0;font-size:.94rem;line-height:1.45}
.doctor-summary-card{flex-direction:row;align-items:center;gap:24px;justify-content:flex-start;text-align:left}
.doctor-summary-icon{width:82px;height:82px;border-radius:50%;flex:0 0 82px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(226,241,229,.95),rgba(247,251,246,.98));border:1px solid rgba(7,92,65,.14);box-shadow:0 16px 34px rgba(5,40,31,.08)}
.doctor-summary-card.resp .doctor-summary-icon{background:linear-gradient(135deg,rgba(231,243,248,.95),rgba(247,251,252,.98));border-color:rgba(10,73,104,.14)}
.doctor-summary-icon svg{width:46px;height:46px;fill:none;stroke:var(--green-800);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.doctor-summary-card.resp .doctor-summary-icon svg{stroke:var(--blue-800)}
.doctor-summary-body{min-width:0}
@media (max-width:720px){.brand-name.brand-english{font-size:1rem;line-height:1.08}.eyebrow[lang="ta"]{font-size:.84rem}.doctor-summary-card{gap:16px;padding:20px;align-items:flex-start}.doctor-summary-icon{width:62px;height:62px;flex-basis:62px}.doctor-summary-icon svg{width:35px;height:35px}.doctor-summary-card .doctor-name{font-size:1.28rem;line-height:1.2}.doctor-summary-card .degree{display:inline;font-size:.68em}.credential{font-size:.95rem;line-height:1.45}}
@media (max-width:390px){.brand-name.brand-english{font-size:.92rem}.eyebrow[lang="ta"]{font-size:.78rem}.doctor-summary-card{gap:13px}.doctor-summary-icon{width:56px;height:56px;flex-basis:56px}.doctor-summary-icon svg{width:32px;height:32px}.doctor-summary-card .doctor-name{font-size:1.16rem}.credential{font-size:.9rem}}


/* v2.8: requested alignment corrections and footer brand stack */
.footer-brand-tamil{
  font-family:var(--font-tamil);
  color:#fff;
  font-size:1.12rem;
  line-height:1.45;
  font-weight:850;
  margin:12px 0 5px;
  max-width:300px;
}
.footer-brand-english{
  color:#d8efe4!important;
  font-weight:850;
  margin:0 0 14px!important;
  line-height:1.35;
}
.footer .footer-contact-btn,
.cta-actions .btn,
.hero-actions .btn,
.card-actions .btn,
.center-action .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.footer .footer-contact-btn{
  min-height:54px;
  padding-top:0;
  padding-bottom:0;
  line-height:1;
}
.specialty-card{
  justify-content:space-between;
}
.specialty-card .card-actions{
  margin-top:12px;
}
@media (max-width:720px){
  .section-soft .section-head .section-title{
    font-size:clamp(2rem,8.6vw,2.6rem);
    line-height:1.12;
    max-width:11em;
    margin-inline:auto;
  }
  .specialty-card{
    padding:26px 24px 28px;
    gap:22px;
  }
  .specialty-top{
    align-items:center!important;
    gap:18px;
  }
  .specialty-card h3{
    font-size:clamp(2.02rem,8.9vw,2.55rem);
    line-height:1.03;
    letter-spacing:-.025em;
  }
  .specialty-card .icon-circle{
    width:82px;
    height:82px;
    flex-basis:82px;
  }
  .specialty-card .icon-circle svg{
    width:44px;
    height:44px;
  }
  .specialty-card .chips{
    gap:9px;
    align-items:center;
  }
  .specialty-card .chip{
    font-size:.94rem;
    padding:9px 13px;
  }
  .specialty-card .card-actions .btn{
    min-height:56px;
    border-radius:15px;
    line-height:1.15;
  }
  .footer-brand-tamil{
    max-width:100%;
    font-size:1rem;
  }
  .footer-brand-english{
    font-size:.98rem;
  }
  .footer .footer-contact-btn{
    min-height:54px;
    width:100%;
  }
}
@media (max-width:390px){
  .section-soft .section-head .section-title{
    font-size:2rem;
  }
  .specialty-card{
    padding:24px 20px 26px;
  }
  .specialty-top{
    flex-direction:row!important;
    gap:14px;
  }
  .specialty-card h3{
    font-size:1.92rem;
  }
  .specialty-card .icon-circle{
    width:70px;
    height:70px;
    flex-basis:70px;
  }
  .specialty-card .icon-circle svg{
    width:38px;
    height:38px;
  }
}


/* v2.9: social links and balanced footer brand lines */
.footer-brand-lines{
  margin:12px 0 14px;
}
.footer-brand-tamil,
.footer-brand-english{
  color:#d8efe4!important;
  font-size:1rem!important;
  font-weight:820!important;
  line-height:1.45!important;
  margin:0!important;
  max-width:320px;
}
.footer-brand-tamil{font-family:var(--font-tamil)}
.footer-brand-english{font-family:var(--font-body)}
.hero-social{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);
  color:#dceee6;
  font-size:.92rem;
  font-weight:800;
  backdrop-filter:blur(10px);
}
.hero-social span{color:#bad7ca;font-weight:850}
.hero-social a{color:#fff7df;text-decoration:none}
.hero-social a:hover{text-decoration:underline}
.footer-social-block{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.footer-social-block h3{margin-bottom:6px!important}
.footer-social-block p{margin:0 0 8px}
.footer-social-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#d8efe4}
.footer-social-links a{display:inline-flex;padding:0;color:#fff;font-weight:850}
.social-mini-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.social-mini-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(8,112,79,.08);
  color:var(--green-800);
  border:1px solid rgba(8,112,79,.16);
  font-weight:850;
}
.social-page-wrap{max-width:900px}
.social-intro{text-align:center;margin-bottom:24px}
.social-intro h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;color:var(--green-950);margin:8px 0 10px}
.social-card-grid{margin-top:20px}
.social-card{text-align:center}
.social-card .social-icon{
  width:72px;height:72px;border-radius:50%;margin:0 auto 14px;
  display:grid;place-items:center;background:var(--mint);color:var(--green-800);
  font-size:2rem;font-weight:950;border:1px solid rgba(8,112,79,.13);
}
@media (max-width:720px){
  .footer-brand-tamil,
  .footer-brand-english{font-size:.98rem!important;line-height:1.45!important;max-width:100%}
  .hero-social{width:100%;justify-content:center;text-align:center;border-radius:18px;flex-wrap:wrap;line-height:1.25}
  .social-mini-links a{flex:1 1 120px}
}
@media (max-width:390px){
  .footer-brand-tamil,
  .footer-brand-english{font-size:.94rem!important}
}

/* v2.91: email contact link additions */
a[href^="mailto:"]{overflow-wrap:anywhere}
.footer-email-link{display:inline-flex!important;align-items:center;justify-content:center;margin-top:10px;color:#ffffff!important;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
.info-item a[href^="mailto:"], .notice-card a[href^="mailto:"], .cta-strip a[href^="mailto:"]{color:var(--green-800);font-weight:850;text-decoration:none}
.info-item a[href^="mailto:"]:hover, .notice-card a[href^="mailto:"]:hover, .cta-strip a[href^="mailto:"]:hover{text-decoration:underline}
.social-actions{gap:12px;flex-wrap:wrap}
.social-actions .btn{width:auto}
@media (max-width:720px){.social-actions .btn{width:100%}.footer-email-link{justify-content:flex-start}}


/* v2.93: split services page + detailed dermatology tabs */
.services-title-hero h1{
  font-size:clamp(2.3rem,5.2vw,5.2rem);
}
.services-title-hero p[lang="ta"]{
  font-family:var(--font-tamil);
  font-size:clamp(1.35rem,2.5vw,2.35rem);
  line-height:1.45;
  font-weight:820;
  color:#e4f3ea;
  margin:10px 0 0;
}
.services-overview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.service-route-card,
.service-specialist-card{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(250,252,247,.9));
  border:1px solid rgba(6,56,41,.12);
  border-radius:32px;
  padding:clamp(22px,3.2vw,36px);
  box-shadow:var(--shadow-soft);
}
.service-route-card.resp,
.service-specialist-card.resp{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,251,252,.92));
}
.route-card-top,
.service-specialist-head{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:18px;
}
.route-icon,
.service-specialist-icon{
  width:88px;
  height:88px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 88px;
  background:var(--mint);
  border:1px solid rgba(8,112,79,.14);
}
.resp .route-icon,
.resp .service-specialist-icon{
  background:#eef8fb;
  border-color:rgba(7,76,112,.14);
}
.route-icon svg,
.service-specialist-icon svg{
  width:50px;
  height:50px;
  fill:none;
  stroke:var(--green-800);
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.resp .route-icon svg,
.resp .service-specialist-icon svg{
  stroke:var(--blue-800);
}
.service-route-card h2,
.service-specialist-card h2{
  font-family:var(--font-display);
  color:var(--green-950);
  font-size:clamp(1.8rem,3vw,3.05rem);
  line-height:1.08;
  margin:0;
}
.service-route-card p,
.service-specialist-card p{
  color:#344b42;
}
.service-route-card p[lang="ta"]{
  font-family:var(--font-tamil);
  color:var(--green-800);
  font-weight:820;
  margin:.15rem 0 0;
}
.route-chips,
.placeholder-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 24px;
}
.route-chips span,
.placeholder-chips span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(6,56,41,.12);
  color:#243d34;
  font-weight:820;
  line-height:1.2;
}
.resp .route-chips span,
.resp .placeholder-chips span{
  border-color:rgba(7,76,112,.12);
  background:rgba(7,76,112,.06);
}
.service-route-card .btn{
  width:100%;
}
.doctor-service-line{
  margin:8px 0 0!important;
  color:var(--green-900)!important;
  font-weight:900;
  font-size:clamp(1.02rem,1.5vw,1.18rem);
}
.specialist-line{
  margin:4px 0 0!important;
  color:#54665f!important;
  font-weight:760;
}
.service-tabs{
  margin-top:24px;
}
.tab-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid rgba(6,56,41,.14);
  border-radius:22px;
  overflow:hidden;
  background:#fffef9;
}
.tab-button{
  min-height:68px;
  border:0;
  border-right:1px solid rgba(6,56,41,.12);
  background:transparent;
  color:#3a4e46;
  font-weight:880;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
}
.tab-button:last-child{border-right:0}
.tab-button svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tab-button.is-active{
  color:#fff;
  background:linear-gradient(135deg,var(--green-800),var(--green-700));
}
.tab-panel{
  margin-top:0;
  padding:clamp(20px,3.2vw,34px);
  background:rgba(255,255,255,.86);
  border:1px solid rgba(6,56,41,.10);
  border-top:0;
  border-radius:0 0 28px 28px;
  box-shadow:0 16px 42px rgba(5,40,31,.06);
}
.bilingual-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 18px;
}
.bilingual-service-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(6,56,41,.08);
}
.service-item-icon{
  width:52px;
  height:52px;
  border-radius:50%;
  background:var(--mint);
  display:grid;
  place-items:center;
  flex:0 0 52px;
  border:1px solid rgba(8,112,79,.12);
}
.service-item-icon svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:var(--green-800);
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-item-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.service-item-copy strong{
  color:var(--green-950);
  font-size:1.02rem;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.service-item-copy span[lang="ta"]{
  font-family:var(--font-tamil);
  color:#344b42;
  font-size:.95rem;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.service-note,
.discreet-service-panel{
  margin-top:22px;
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(8,112,79,.18);
  background:linear-gradient(135deg,rgba(237,247,238,.95),rgba(255,253,247,.98));
}
.service-note-soft{
  margin-top:14px;
  background:rgba(255,253,247,.9);
}
.service-note-icon,
.discreet-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  flex:0 0 64px;
  display:grid;
  place-items:center;
  background:var(--green-800);
  color:#fff;
}
.service-note-icon svg,
.discreet-icon svg{
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-note p,
.discreet-service-panel p{
  margin:0;
  color:#263e35;
}
.service-note p strong,
.discreet-service-panel p strong{
  display:block;
  color:var(--green-950);
  font-size:1.05rem;
  line-height:1.45;
}
.service-note p span[lang="ta"],
.discreet-service-panel p[lang="ta"]{
  display:block;
  margin-top:6px;
  font-family:var(--font-tamil);
  color:#344b42;
  font-weight:760;
  line-height:1.6;
}
.discreet-service-panel{
  align-items:center;
}
.placeholder-service-content{
  margin-top:24px;
  padding:clamp(20px,3vw,30px);
  border-radius:24px;
  border:1px solid rgba(7,76,112,.12);
  background:rgba(255,255,255,.72);
}
.placeholder-service-content h3{
  font-family:var(--font-display);
  font-size:clamp(1.45rem,2.5vw,2.2rem);
  color:var(--blue-800);
  line-height:1.1;
  margin:0 0 10px;
}
.placeholder-service-content p[lang="ta"]{
  font-family:var(--font-tamil);
  font-weight:760;
  line-height:1.65;
}
@media (max-width:900px){
  .services-overview-grid{grid-template-columns:1fr}
  .bilingual-service-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .services-title-hero h1{font-size:clamp(2rem,10vw,3rem)}
  .services-title-hero p[lang="ta"]{font-size:clamp(1.12rem,5vw,1.55rem)}
  .service-route-card,
  .service-specialist-card{border-radius:26px;padding:22px}
  .route-card-top,
  .service-specialist-head{align-items:flex-start;gap:15px}
  .route-icon,
  .service-specialist-icon{width:68px;height:68px;flex-basis:68px}
  .route-icon svg,
  .service-specialist-icon svg{width:40px;height:40px}
  .service-route-card h2,
  .service-specialist-card h2{font-size:clamp(1.72rem,8vw,2.45rem)}
  .doctor-service-line{font-size:.98rem;line-height:1.35}
  .specialist-line{font-size:.94rem;line-height:1.35}
  .tab-list{
    display:flex;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    border-radius:18px;
  }
  .tab-button{
    flex:0 0 auto;
    min-width:132px;
    min-height:60px;
    scroll-snap-align:start;
    padding:0 14px;
  }
  .tab-panel{padding:18px 14px 20px;border-radius:0 0 22px 22px}
  .bilingual-service-item{padding:11px 10px;gap:12px;border-radius:16px}
  .service-item-icon{width:46px;height:46px;flex-basis:46px}
  .service-item-icon svg{width:28px;height:28px}
  .service-item-copy strong{font-size:.98rem}
  .service-item-copy span[lang="ta"]{font-size:.9rem}
  .service-note,
  .discreet-service-panel{gap:13px;padding:15px;border-radius:18px}
  .service-note-icon,
  .discreet-icon{width:52px;height:52px;flex-basis:52px}
  .service-note-icon svg,
  .discreet-icon svg{width:31px;height:31px}
  .service-note p strong,
  .discreet-service-panel p strong{font-size:.96rem}
}
@media (max-width:390px){
  .route-card-top,
  .service-specialist-head{gap:12px}
  .route-icon,
  .service-specialist-icon{width:58px;height:58px;flex-basis:58px}
  .route-icon svg,
  .service-specialist-icon svg{width:34px;height:34px}
  .tab-button{min-width:118px;font-size:.93rem}
  .service-note,
  .discreet-service-panel{flex-direction:column}
}


/* v2.94: service-page mobile overflow fixes + subtle cross-specialty links */
.service-note,
.discreet-service-panel{
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
.service-note > div,
.service-note p,
.discreet-service-panel > div,
.discreet-service-panel p{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.service-note p strong,
.service-note p span[lang="ta"],
.discreet-service-panel p strong,
.discreet-service-panel p[lang="ta"]{
  overflow-wrap:anywhere;
}
.related-specialty-link{
  margin:22px auto 0;
  max-width:760px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 18px;
  border-radius:999px;
  background:rgba(255,253,247,.76);
  border:1px solid rgba(6,56,41,.12);
  box-shadow:0 12px 30px rgba(5,40,31,.05);
  color:#51655c;
}
.related-specialty-link span{
  font-weight:760;
  font-size:.95rem;
}
.related-specialty-link a{
  color:var(--green-800);
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.related-specialty-link a:hover{
  text-decoration:underline;
}
@media (max-width:720px){
  .service-note,
  .discreet-service-panel{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    align-items:start;
  }
  .related-specialty-link{
    border-radius:22px;
    flex-direction:column;
    align-items:flex-start;
    padding:15px 16px;
  }
  .related-specialty-link a{
    white-space:normal;
  }
}
@media (max-width:520px){
  .service-note,
  .discreet-service-panel{
    grid-template-columns:1fr;
  }
  .service-note-icon,
  .discreet-icon{
    width:46px;
    height:46px;
    flex-basis:46px;
  }
  .service-note p strong,
  .discreet-service-panel p strong{
    font-size:.92rem;
    line-height:1.5;
  }
  .service-note p span[lang="ta"],
  .discreet-service-panel p[lang="ta"]{
    font-size:.9rem;
    line-height:1.65;
  }
}


.pulmo-tabs .tab-button{
  min-width:0;
  padding-inline:12px;
  font-size:.96rem;
}
.pulmo-panel-title{
  margin:0 0 18px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(6,56,41,.10);
}
.pulmo-panel-title h3{
  margin:0;
  color:var(--green-950);
  font-family:var(--font-display);
  font-size:clamp(1.45rem,2.7vw,2.35rem);
  line-height:1.12;
}
.pulmo-panel-title p[lang="ta"]{
  margin:6px 0 0;
  color:var(--green-800);
  font-family:var(--font-tamil);
  font-weight:850;
  font-size:clamp(1rem,1.7vw,1.25rem);
  line-height:1.45;
}
.service-specialist-card.resp,
.service-route-card.resp{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,252,247,.92));
}
.resp .route-icon,
.resp .service-specialist-icon{
  background:var(--mint);
  border-color:rgba(8,112,79,.14);
}
.resp .route-icon svg,
.resp .service-specialist-icon svg{
  stroke:var(--green-800);
}
.resp .route-chips span,
.resp .placeholder-chips span{
  border-color:rgba(6,56,41,.12);
  background:rgba(8,112,79,.06);
}
.bilingual-service-item,
.service-note,
.discreet-service-panel,
.related-specialty-link,
.cta-strip,
.notice-card,
.info-item{
  max-width:100%;
  box-sizing:border-box;
}
@media (max-width:720px){
  .pulmo-tabs .tab-button{
    min-width:148px;
    font-size:.9rem;
    line-height:1.15;
    white-space:normal;
    text-align:center;
  }
  .pulmo-tabs .tab-button svg{
    width:26px;
    height:26px;
  }
  .pulmo-panel-title{margin-bottom:14px;padding-bottom:12px}
  .pulmo-panel-title h3{font-size:clamp(1.35rem,6vw,1.85rem)}
  .pulmo-panel-title p[lang="ta"]{font-size:clamp(.96rem,4.5vw,1.1rem)}
}
@media (max-width:390px){
  .pulmo-tabs .tab-button{min-width:138px;font-size:.86rem;padding-inline:10px}
  .service-item-copy strong{font-size:.94rem;line-height:1.28}
  .service-item-copy span[lang="ta"]{font-size:.86rem;line-height:1.55}
}


/* v2.96: 5-card Why section and mobile-safe Leprosy & STD tab */
.grid-4.why-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.grid-4.why-grid .why-card{
  min-width:0;
}
.grid-4.why-grid .why-card h3,
.grid-4.why-grid .why-card p{
  overflow-wrap:anywhere;
}
.discreet-service-stack{
  display:grid;
  gap:16px;
  max-width:100%;
  min-width:0;
}
.leprosy-std-panel .discreet-service-panel{
  margin-top:0;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.leprosy-std-panel .discreet-service-panel > div{
  min-width:0;
  max-width:100%;
}
.leprosy-std-panel .discreet-service-panel p,
.leprosy-std-panel .discreet-service-panel strong,
.leprosy-std-panel .discreet-service-panel p[lang="ta"]{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.tab-button{
  min-width:0;
}
@media (max-width:1180px){
  .grid-4.why-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:900px){
  .grid-4.why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:720px){
  .grid-4.why-grid{
    grid-template-columns:1fr;
  }
  .tab-button[id="std-tab"]{
    min-width:168px;
    font-size:.92rem;
    gap:8px;
  }
  .tab-button[id="std-tab"] svg{
    width:26px;
    height:26px;
  }
  .leprosy-std-panel .discreet-service-panel{
    grid-template-columns:48px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }
  .leprosy-std-panel .discreet-icon{
    width:48px;
    height:48px;
    flex-basis:48px;
  }
  .leprosy-std-panel .discreet-icon svg{
    width:29px;
    height:29px;
  }
  .leprosy-std-panel .discreet-service-panel p strong{
    font-size:.92rem;
    line-height:1.5;
  }
  .leprosy-std-panel .discreet-service-panel p[lang="ta"]{
    font-size:.89rem;
    line-height:1.65;
  }
}
@media (max-width:390px){
  .leprosy-std-panel .discreet-service-panel{
    grid-template-columns:1fr;
  }
}

/* v2.97: CEMENT items normalized to the same service-card style as other Dermatology/Pulmonology items. */


/* v2.98: mobile safety for renamed Advanced Lung Care tab */
@media (max-width:720px){
  .tab-button[id="advanced-tab"]{
    min-width:168px;
    font-size:.92rem;
    gap:8px;
  }
  .tab-button[id="advanced-tab"] svg{
    width:26px;
    height:26px;
  }
}