:root{--navy:#252b82;--blue:#3b43a5;--lav:#8c73b3;--ink:#171a35;--muted:#686b82;--paper:#f7f7fb;--white:#fff;--line:#e7e7ef;--shadow:0 22px 60px rgba(31,36,92,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,92%);margin:auto}
.topbar{background:#171a55;color:#fff;font-size:13px}.topbar-inner{height:42px;display:flex;align-items:center;justify-content:space-between}.brand img{height:52px;width:auto;position:relative;z-index:5;border-radius:6px}.top-info{display:flex;gap:12px;opacity:.9}.phone{font-weight:700}.nav{height:76px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:24px;font-weight:900;color:var(--navy);letter-spacing:-1px}.nav-logo span{font-family:Georgia,serif;font-weight:600;font-size:17px;display:block;margin-top:-7px;text-align:center}.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.nav-links>a:not(.nav-cta){color:#45475d}.nav-links>a:hover{color:var(--navy)}.nav-cta{background:var(--navy);color:#fff!important;padding:12px 18px;border-radius:999px;box-shadow:0 8px 18px rgba(37,43,130,.2)}.menu{display:none;border:0;background:none;font-size:25px}
.hero{background:radial-gradient(circle at 85% 20%,#e9e4f3 0,transparent 28%),linear-gradient(135deg,#f7f7fb,#fff);padding:72px 0 66px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--lav);margin-bottom:14px}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--lav);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:0 0 22px;color:#17194a}.hero h1 em{font-style:normal;color:var(--navy)}.lead{font-size:18px;color:#62657a;max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;padding:14px 20px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer}.primary{background:var(--navy);color:#fff;box-shadow:0 12px 28px rgba(37,43,130,.2)}.ghost{border-color:#cfd0dd;color:var(--navy);background:#fff}.trust-row{display:flex;gap:34px;padding-top:18px}.trust-row div{display:flex;flex-direction:column}.trust-row b{font-size:23px;color:var(--navy)}.trust-row small{color:#77798c}.hero-card{position:relative}.hero-image-wrap{height:540px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#eee}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}.doctor-float{position:absolute;left:-30px;bottom:30px;background:#fff;padding:17px 20px;border-radius:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:35px;min-width:310px}.doctor-float b{display:block}.doctor-float small{color:#74758a}.doctor-float>span{background:#eee9f5;color:#5c4380;border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}
.quick-strip{background:var(--navy);color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid>div{padding:21px 15px;display:flex;gap:13px;align-items:center;border-right:1px solid rgba(255,255,255,.12)}.quick-grid>div:last-child{border:0}.qicon{font-size:24px;color:#cbb7dc}.quick-grid b,.quick-grid small{display:block}.quick-grid small{font-size:12px;opacity:.72}
.section{padding:105px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.photo-stack{position:relative;padding-right:40px}.big-photo{height:520px;width:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.mini-card{position:absolute;right:0;bottom:35px;background:#fff;border-radius:16px;padding:18px 20px;box-shadow:var(--shadow);max-width:240px}.mini-card b,.mini-card span{display:block}.mini-card b{font-size:11px;color:var(--lav);text-transform:uppercase;letter-spacing:1.3px}.mini-card span{font-weight:800}.section-copy h2,.section h2{font-size:clamp(34px,4vw,48px);line-height:1.1;letter-spacing:-2px;margin:0 0 16px}.credential{color:var(--navy);font-weight:800}.section-copy p{color:var(--muted);font-size:16px}.owner-badge{display:inline-block;margin:13px 0;padding:9px 13px;border:1px solid #ded9e7;border-radius:999px;font-size:13px;font-weight:800;color:#51406b}.text-link{display:block;color:var(--navy);font-weight:900;margin-top:14px}
.services{background:var(--paper)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-head>p{max-width:440px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;min-height:190px;transition:.25s}.service-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-grid span{color:var(--lav);font-weight:900;font-size:12px}.service-grid h3{margin:18px 0 8px;font-size:21px}.service-grid p{margin:0;color:var(--muted);font-size:14px}
.dark-section{background:#171a55;color:#fff;padding:105px 0}.light .eyebrow{color:#cdbbda}.light h2{color:#fff}.light>p{color:#c5c7d8}.procedure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.procedure{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);padding:22px;border-radius:17px;min-height:125px}.procedure b{display:block;font-size:18px}.procedure span{display:block;color:#bfc2d4;font-size:12px;margin-top:8px}.procedure-photo{margin-top:35px;display:grid;grid-template-columns:1.1fr .9fr;background:#20256c;border-radius:22px;overflow:hidden}.procedure-photo img{height:300px;width:100%;object-fit:cover}.procedure-photo>div{padding:45px;display:flex;flex-direction:column;justify-content:center}.procedure-photo b{font-size:26px}.procedure-photo span{color:#c9cad9;margin-top:8px}
.hearing{background:#f8f5fb}.hearing-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hearing-copy p{color:var(--muted)}.hearing-list>div{border-top:1px solid #ddd6e8;padding:16px 0}.hearing-list b,.hearing-list span{display:block}.hearing-list span{color:var(--muted);font-size:13px}.hearing-visual{min-height:410px;border-radius:28px;background:linear-gradient(145deg,#252b82,#5a4a9b);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.wave{height:150px;display:flex;gap:9px;align-items:center;opacity:.55}.wave i{display:block;width:5px;background:#fff;border-radius:10px}.wave i:nth-child(1),.wave i:nth-child(9){height:28px}.wave i:nth-child(2),.wave i:nth-child(8){height:60px}.wave i:nth-child(3),.wave i:nth-child(7){height:100px}.wave i:nth-child(4),.wave i:nth-child(6){height:145px}.wave i:nth-child(5){height:95px}.audio-card{position:absolute;bottom:22px;left:22px;right:22px;background:#fff;border-radius:17px;padding:18px;color:var(--ink)}.audio-card small,.audio-card b,.audio-card span{display:block}.audio-card small{color:var(--lav);font-weight:900;font-size:10px;letter-spacing:1.5px}.audio-card b{font-size:18px}.audio-card span{font-size:12px;color:var(--muted)}.audio-card a{color:var(--navy);font-weight:900;font-size:13px}
.gallery{padding-top:40px}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:220px 220px;gap:14px}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:18px}.gallery-grid img:first-child{grid-row:span 2}.reviews{background:var(--paper)}.review-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.rating{display:flex;align-items:center;gap:12px}.rating strong{font-size:22px;color:#d39c2e}.rating span{color:var(--muted);font-size:13px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.stars{color:#d6a027;letter-spacing:2px}.review-grid p{color:#565a70;min-height:90px}.review-grid b{font-size:12px;color:var(--lav)}
.appointment{background:linear-gradient(135deg,#eeeaf6,#f8f8fc);padding:90px 0}.appointment-grid{display:grid;grid-template-columns:1fr 470px;gap:80px;align-items:center}.appointment h2{font-size:48px;line-height:1.08;letter-spacing:-2px}.appointment p{color:var(--muted);max-width:570px}.contact-line{display:flex;gap:14px;margin-top:20px}.contact-line>span{font-size:22px;color:var(--navy)}.contact-line b,.contact-line span,.contact-line a{display:block}.contact-line a{color:var(--navy);font-weight:900}.appointment form{background:#fff;padding:30px;border-radius:22px;box-shadow:var(--shadow)}.appointment form h3{margin-top:0;font-size:23px}.appointment label{font-size:12px;font-weight:800;display:block;margin:13px 0}.appointment input,.appointment select,.chat-input input{width:100%;border:1px solid #dcdde8;border-radius:10px;padding:12px 13px;margin-top:6px;font:inherit;outline:none}.appointment input:focus,.appointment select:focus{border-color:var(--navy)}.full{width:100%;margin-top:10px}.form-note{display:block;color:#8a8c9b;text-align:center;margin-top:9px;font-size:11px}
.visit{padding:80px 0;background:#171a55;color:#fff}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visit h2{font-size:42px;line-height:1.1;margin:0 0 8px}.visit p{color:#c8cad9}.map-card{height:260px;border-radius:24px;background:radial-gradient(circle at 70% 30%,#6461a7,transparent 28%),linear-gradient(135deg,#252b82,#34316f);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:var(--shadow)}.map-card span{font-size:58px;font-weight:1000;letter-spacing:-5px}.map-card b{font-family:Georgia,serif;font-size:24px;margin-top:-13px}.map-card small{color:#d0d1de;margin-top:10px}
footer{background:#10133f;color:#c9cada;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:40px}.footer-brand img{width:150px;height:auto;border-radius:5px}.footer-grid b{display:block;color:#fff;margin-bottom:12px}.footer-grid a,.footer-grid span{display:block;font-size:13px;margin:7px 0}.footer-grid p{max-width:320px;font-size:13px}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:17px;font-size:11px}
.neha{position:fixed;right:22px;bottom:22px;z-index:50}.neha-toggle{border:0;background:var(--navy);color:#fff;border-radius:999px;padding:13px 18px;font-weight:900;box-shadow:0 12px 30px rgba(37,43,130,.35);cursor:pointer}.neha-panel{display:none;position:absolute;right:0;bottom:58px;width:350px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(20,23,70,.25);border:1px solid var(--line)}.neha.open .neha-panel{display:block}.neha-head{background:var(--navy);color:#fff;padding:15px;display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:50%;background:#c6b0d7;color:#30225a;display:grid;place-items:center;font-weight:900}.neha-head small,.neha-head b{display:block}.neha-head small{font-size:10px;opacity:.75}.close{margin-left:auto;border:0;background:none;color:#fff;font-size:24px;cursor:pointer}.neha-body{padding:15px;height:280px;overflow:auto;background:#fafafd}.bubble{padding:11px 13px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:13px}.quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.quick button{border:1px solid #d9d8e6;background:#fff;border-radius:999px;padding:8px 10px;color:var(--navy);font-weight:700;font-size:11px}.chat-input{display:flex;padding:10px;border-top:1px solid var(--line);gap:7px}.chat-input input{margin:0}.chat-input button{border:0;border-radius:10px;background:var(--navy);color:#fff;width:45px}
@media(max-width:900px){.top-info{display:none}.nav-links{display:none}.menu{display:block}.nav-links.open{position:absolute;display:flex;flex-direction:column;left:0;right:0;top:76px;background:#fff;padding:18px;border-bottom:1px solid var(--line);align-items:stretch}.hero-grid,.about-grid,.hearing-grid,.appointment-grid,.visit-grid{grid-template-columns:1fr;gap:45px}.hero{padding-top:48px}.hero-card{max-width:620px;margin:auto}.hero-image-wrap{height:500px}.service-grid{grid-template-columns:repeat(2,1fr)}.procedure-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px}.gallery-grid img:first-child{grid-row:auto}.quick-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.appointment-grid{gap:20px}}
@media(max-width:600px){.topbar-inner{justify-content:center}.topbar .phone{display:none}.brand img{height:44px}.nav{height:66px}.nav-logo{font-size:21px}.nav-logo span{font-size:14px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-actions{flex-direction:column}.trust-row{gap:18px;flex-wrap:wrap}.hero-image-wrap{height:420px}.doctor-float{left:10px;right:10px;bottom:15px;min-width:0;justify-content:space-between}.section,.dark-section{padding:72px 0}.section-head,.review-head{display:block}.section-head>p{margin-top:12px}.service-grid,.procedure-grid,.review-grid{grid-template-columns:1fr}.procedure-photo{grid-template-columns:1fr}.procedure-photo img{height:220px}.procedure-photo>div{padding:25px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:170px 170px}.gallery-grid img{border-radius:12px}.gallery-grid img:first-child{grid-column:span 2}.appointment h2{font-size:38px}.appointment-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.quick-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.footer-grid{grid-template-columns:1fr}.neha{right:12px;bottom:12px}.neha-panel{width:min(350px,calc(100vw - 24px))}.neha-toggle{padding:12px 15px}}

/* Professional V3 */
body{font-family:"Manrope","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.nav-logo,.doctor-float b{font-family:"Manrope","Inter",ui-sans-serif,system-ui,sans-serif}
.brand img{height:66px;width:182px;object-fit:contain;object-position:center;background:#fff;padding:2px;border-radius:8px}
.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.profile-facts div{background:#f7f5fa;border:1px solid #e8e3ee;border-radius:14px;padding:14px}.profile-facts span,.profile-facts b{display:block}.profile-facts span{font-size:10px;letter-spacing:1.2px;color:#7c708a;text-transform:uppercase}.profile-facts b{font-size:13px;margin-top:4px}
.profile-btn{border:0;background:#252b82;color:#fff;border-radius:11px;padding:13px 17px;font-weight:900;cursor:pointer;box-shadow:0 9px 20px rgba(37,43,130,.18)}.profile-btn.dark{background:#fff;color:#252b82;box-shadow:none}
.profile-preview{background:#fff;padding:15px 0 95px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline>div{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fbfbfd}.timeline-dot{width:9px;height:9px;background:#8c73b3;border-radius:50%;display:block;margin-bottom:18px}.timeline small{display:block;color:#8c73b3;font-weight:900;font-size:9px;letter-spacing:1.4px}.timeline b{display:block;margin-top:6px}.timeline p{font-size:12px;color:#727488;margin-bottom:0}.verification-note{font-size:11px!important;color:#77798c!important;margin-top:18px}
.click-card,.click-surgery{cursor:pointer}.click-card button{border:0;background:none;color:#252b82;font-weight:900;padding:0;margin-top:13px;cursor:pointer}.click-surgery em{display:block;color:#d8cce0;font-style:normal;font-size:11px;margin-top:12px}
.modal{display:none;position:fixed;inset:0;background:rgba(12,15,48,.66);z-index:100;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal.open{display:flex}.modal-box{position:relative;background:#fff;border-radius:24px;width:min(720px,100%);max-height:88vh;overflow:auto;padding:38px;box-shadow:0 35px 100px rgba(0,0,0,.3)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#f0eff5;border-radius:50%;width:35px;height:35px;font-size:22px;cursor:pointer;color:#555}.modal-box h2{font-size:40px;letter-spacing:-1.8px;line-height:1.05;margin:0 0 8px}.modal-box h3{font-size:18px;margin:26px 0 7px}.modal-box p{color:#65687b}.modal-credential{font-weight:800;color:#252b82!important}.profile-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.profile-modal-grid>div{background:#f7f5fa;padding:15px;border-radius:14px}.profile-modal-grid small{display:block;font-size:9px;letter-spacing:1.2px;color:#81748d}.profile-modal-grid b{display:block;font-size:13px;margin-top:4px}.modal-box li{margin:7px 0;color:#55596d}.doctor-note,.surgery-doctor{margin:22px 0;padding:18px;background:#f6f4fa;border-radius:12px}.doctor-note{border-left:4px solid #8c73b3}.doctor-note b,.doctor-note span{display:block}.doctor-note span{font-size:12px;color:#77798c;margin-top:4px}.surgery-doctor{display:flex;gap:15px;align-items:center}.surgery-avatar{width:55px;height:55px;border-radius:50%;background:#252b82;color:#fff;display:grid;place-items:center;font-weight:900}.surgery-doctor b,.surgery-doctor span{display:block}.surgery-doctor span{font-size:12px;color:#74768a}
@media(max-width:900px){.timeline{grid-template-columns:1fr 1fr}.brand img{height:60px;width:165px}}@media(max-width:600px){.brand img{height:54px;width:150px}.profile-facts,.profile-modal-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.modal-box{padding:28px 20px}.modal-box h2{font-size:32px}}

/* V4: desktop + mobile responsive system */
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.doctor-photo-frame{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:28px;background:#eeeaf2}
.doctor-photo-frame .big-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;transform:none!important}
.about-grid{align-items:center}
img{max-width:100%}
button,a{touch-action:manipulation}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.procedure-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ai-help-panel{position:fixed;right:24px;bottom:98px;width:min(380px,calc(100vw - 28px));background:#fff;border:1px solid #e7e1ed;border-radius:22px;box-shadow:0 25px 70px rgba(24,25,65,.22);z-index:120;display:none;overflow:hidden}
.ai-help-panel.open{display:block}
.ai-help-head{display:flex;align-items:center;gap:11px;padding:15px 16px;background:#f5f1f8;border-bottom:1px solid #e7e1ed}
.ai-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#252b82;color:#fff;font-weight:900}
.ai-help-head b,.ai-help-head span{display:block}.ai-help-head span{font-size:10px;color:#77798c}.ai-help-head button{margin-left:auto;border:0;background:#fff;border-radius:50%;width:30px;height:30px;font-size:20px}
.ai-help-body{padding:16px}.ai-help-body p{font-size:13px;color:#575a6c;line-height:1.6}
.ai-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.ai-quick-grid button{border:1px solid #e2dce9;background:#fff;border-radius:12px;padding:11px 9px;text-align:left;font-weight:800;color:#30356f;cursor:pointer}
.ai-quick-grid button:hover{background:#f6f3fa}
.neha-status{margin-top:13px;padding:9px 10px;background:#f7faf8;border-radius:10px;font-size:10px;color:#657167}.neha-status span{display:inline-block;width:7px;height:7px;background:#2aa36b;border-radius:50%;margin-right:5px}
.neha-fab{position:fixed;right:24px;bottom:24px;z-index:121;border:0;border-radius:18px;background:#252b82;color:#fff;padding:9px 14px 9px 9px;display:flex;align-items:center;gap:9px;box-shadow:0 14px 35px rgba(37,43,130,.28);cursor:pointer}
.neha-fab>span{width:39px;height:39px;border-radius:12px;background:#fff;color:#252b82;display:grid;place-items:center;font-size:19px}.neha-fab b,.neha-fab small{display:block;text-align:left}.neha-fab b{font-size:12px}.neha-fab small{font-size:9px;opacity:.8}
@media (min-width:1000px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)}}
@media (max-width:900px){
 .container{width:min(100% - 28px,720px)}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .procedure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-grid{grid-template-columns:1fr}
 .doctor-photo-frame{max-width:480px;margin:0 auto}
 .nav-links{gap:12px}
}
@media (max-width:640px){
 .container{width:calc(100% - 24px)}
 .nav{padding:10px 0}
 .nav-links{display:none}
 .brand img{height:50px;width:138px}
 .hero{padding-top:34px}
 .hero h1{font-size:38px;line-height:1.05}
 .hero-grid{grid-template-columns:1fr!important}
 .hero-visual{order:-1}
 .service-grid,.procedure-grid{grid-template-columns:1fr}
 .section{padding:58px 0}
 .section-head{display:block}
 .section-head>p{margin-top:12px}
 .doctor-photo-frame{aspect-ratio:1/1.08;border-radius:20px}
 .profile-facts{grid-template-columns:1fr}
 .modal{padding:10px}
 .modal-box{max-height:92vh;border-radius:20px;padding:24px 16px}
 .modal-box h2{font-size:30px}
 .ai-help-panel{right:10px;bottom:86px;width:calc(100vw - 20px);border-radius:18px}
 .neha-fab{right:10px;bottom:10px;border-radius:15px}
 .neha-fab>span{width:35px;height:35px}
}

/* FINAL MOBILE + DESKTOP RESPONSIVE OVERRIDES */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
.doctor-photo-frame{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:28px;background:#f0edf2}
.doctor-photo-frame .big-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:none!important}
@media (max-width: 767px){
  .container{width:calc(100% - 24px)!important}
  .nav-inner{width:calc(100% - 20px)!important}
  .nav-links{display:none!important}
  .brand img{width:128px!important;height:46px!important}
  .hero{padding:28px 0 44px!important}
  .hero-grid{display:flex!important;flex-direction:column!important;gap:24px!important}
  .hero-copy{order:1}.hero-visual{order:2}
  .hero h1{font-size:34px!important;line-height:1.08!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .hero-actions .btn{width:100%!important;font-size:12px!important;padding:12px 7px!important}
  .doctor-photo-frame{max-width:390px;margin:0 auto;aspect-ratio:4/5;border-radius:20px}
  .doctor-photo-frame .big-photo{object-fit:cover;object-position:center}
  .section{padding:48px 0!important}
  .section-head{display:block!important}
  .service-grid,.procedure-grid{grid-template-columns:1fr!important}
  .timeline{grid-template-columns:1fr!important}
  .profile-facts,.profile-modal-grid{grid-template-columns:1fr!important}
  .procedure-photo{display:block!important}
  .procedure-photo img{width:100%;height:220px;object-fit:cover}
  .modal{padding:8px!important}
  .modal-box{width:100%!important;max-height:94vh!important;border-radius:18px!important;padding:25px 17px!important}
  .modal-box h2{font-size:29px!important}
  .ai-help-panel{right:10px!important;bottom:78px!important;width:calc(100vw - 20px)!important}
  .neha-fab{right:10px!important;bottom:10px!important}
}
@media (max-width:380px){
  .hero h1{font-size:30px!important}
  .hero-actions{grid-template-columns:1fr!important}
  .brand img{width:116px!important}
}

/* ZIP-2 doctor photo: keep natural upright orientation */
.doctor-photo-frame .big-photo{transform:none!important;rotate:0deg!important;}

/* V7 bilingual Neha */
.neha-language{display:flex;gap:6px;padding:9px 16px 0;background:#f5f1f8}
.neha-lang{border:1px solid #ddd6e5;background:#fff;color:#4b4d66;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;cursor:pointer}
.neha-lang.active{background:#252b82;color:#fff;border-color:#252b82}

/* V8 HARD MOBILE FIX */
html{width:100%;min-width:0}
body{width:100%;min-width:0;margin:0;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width:767px){
  .container,.nav-inner{max-width:100%!important}
  .nav{position:sticky;top:0;z-index:1000}
  .hero-grid{width:100%!important}
  .hero-copy,.hero-visual{width:100%!important;min-width:0}
  .hero-visual{overflow:hidden}
  .doctor-photo-frame{width:100%!important;max-width:360px!important;margin-inline:auto!important}
  .doctor-photo-frame .big-photo{width:100%!important;height:100%!important;object-fit:cover!important}
  .card,.service-card,.procedure-card,.review-card{max-width:100%!important}
  .ai-help-panel{max-width:calc(100vw - 20px)!important;max-height:70vh!important;overflow:auto!important}
  .ai-quick-grid{grid-template-columns:1fr 1fr!important}
  .neha-fab{max-width:calc(100vw - 20px)!important}
  button,a{touch-action:manipulation}
}
@media (max-width:420px){
  .container{width:calc(100% - 20px)!important}
  .hero h1{font-size:30px!important}
  .hero-actions{grid-template-columns:1fr!important}
  .ai-quick-grid{grid-template-columns:1fr!important}
  .neha-fab{right:8px!important;bottom:8px!important}
}

/* V9 branded header — inspired by the clean Anamaya-style header hierarchy */
.main-header{height:82px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:120;box-shadow:0 2px 12px rgba(20,24,60,.04)}
.main-header .nav-inner{height:100%;display:flex;align-items:center;gap:24px}
.main-brand{display:flex;align-items:center;flex:0 0 auto;height:100%}
.main-brand img{display:block;width:178px;height:auto;max-height:67px;object-fit:contain}
.main-header .nav-links{margin-left:auto;display:flex;align-items:center;gap:15px;font-size:13px;font-weight:750}
.main-header .nav-links>a:not(.header-action){color:#45475d}
.main-header .nav-links>a:not(.header-action):hover{color:var(--navy)}
.header-action{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:11px;border:1px solid #e1e2eb;background:#fff;font-weight:800;font-size:12px;white-space:nowrap;cursor:pointer;text-decoration:none}
.header-action svg{width:18px;height:18px;fill:currentColor}
.whatsapp-action{color:#168b57!important;border-color:#bde6d1!important}
.call-action{color:#252b82!important}
.appointment-action{background:#252b82!important;color:#fff!important;border-color:#252b82!important;padding-inline:14px}
.ai-action{color:#252b82;border-color:#d8d6ec;background:#f7f5fb}
.ai-mark{width:22px;height:22px;border-radius:7px;background:#252b82;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}
.topbar{display:none!important}
@media (max-width:1100px){
 .main-header .nav-links{gap:8px}
 .main-header .nav-links>a:not(.header-action){display:none}
 .main-header .nav-links{display:flex}
 .main-brand img{width:170px}
}
@media (max-width:640px){
 .main-header{height:68px}
 .main-header .nav-inner{width:calc(100% - 18px)!important;gap:8px}
 .main-brand img{width:148px;max-height:55px}
 .main-header .menu{display:block;order:3;margin-left:2px}
 .main-header .nav-links{position:absolute;left:9px;right:9px;top:68px;background:#fff;border:1px solid #e4e4ec;border-radius:0 0 16px 16px;box-shadow:0 15px 35px rgba(20,24,60,.12);padding:12px;display:none;flex-wrap:wrap;gap:8px}
 .main-header .nav-links.open{display:flex}
 .main-header .nav-links>a:not(.header-action){display:block;width:100%;padding:10px 8px;border-bottom:1px solid #f0f0f5}
 .main-header .header-action{height:40px;padding:0 8px;font-size:10px;gap:4px;border-radius:10px}
 .main-header .header-action svg{width:17px;height:17px}
 .main-header .nav-links .header-action{display:inline-flex;flex:1}
 .main-header .nav-links{margin-left:auto}
 .main-header .nav-links:not(.open){/* keep action row in header through flex fallback below */}
 /* compact action buttons remain visible in the header */
 .main-header .nav-links{position:static;border:0;box-shadow:none;padding:0;display:flex;flex:1;justify-content:flex-end;flex-wrap:nowrap;background:transparent}
 .main-header .nav-links>a:not(.header-action){display:none}
 .main-header .nav-links.open{position:absolute;left:9px;right:9px;top:68px;display:flex;flex-wrap:wrap;padding:12px;border:1px solid #e4e4ec;box-shadow:0 15px 35px rgba(20,24,60,.12)}
 .main-header .nav-links.open>a:not(.header-action){display:block}
 .main-header .header-action span:not(.ai-mark){font-size:9px}
 .main-header .ai-mark{width:20px;height:20px}
}
@media (max-width:390px){
 .main-brand img{width:132px}
 .main-header .header-action{padding:0 6px}
 .main-header .header-action span:not(.ai-mark){display:none}
 .main-header .header-action svg{width:18px;height:18px}
 .main-header .ai-mark{width:21px;height:21px}
}

/* V10 SEO service section */
.seo-services .service-card{min-height:170px}
.seo-services .service-card h3{margin-bottom:8px}
.seo-services .service-card p{line-height:1.7}

/* FINAL V11 safeguards — existing design retained */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:767px){
  .container{width:calc(100% - 24px);max-width:100%}
  .doctor-photo-frame{max-width:390px;margin-left:auto;margin-right:auto}
  .doctor-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
  .ai-help-panel{max-width:calc(100vw - 20px);overflow:auto}
  .neha-fab{max-width:calc(100vw - 20px)}
}

/* V12 AI front desk improvements */
.chat-wa{display:block;width:100%;margin-top:10px;border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer;background:#1677ff;color:#fff}
.bubble{max-width:92%;line-height:1.55}
.chat-input input{min-width:0}
@media(max-width:767px){
  .main-header{position:sticky;top:0;z-index:1000}
  .nav-links.open{max-height:calc(100vh - 70px);overflow:auto}
  .hero-actions .btn{width:100%;justify-content:center}
  .trust-row{grid-template-columns:repeat(3,1fr);gap:8px}
  .trust-row small{font-size:10px}
  .neha-panel{right:10px;left:10px;width:auto;max-width:none}
  .ai-help-panel{right:10px;left:10px;max-width:none}
}


/* =========================================================
   V13 — ANAMAYA-STYLE MOBILE RESPONSIVE FINAL LAYER
   Full-width phone layout + clean header + fixed actions
   ========================================================= */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
body { background:#fff; }
img, video, iframe { max-width:100%; }

.mobile-action-bar { display:none; }

@media (max-width: 767px) {
  .container {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .main-header {
    height: 74px !important;
    width:100% !important;
    background:#fff !important;
    position:sticky !important;
    top:0 !important;
    z-index:5000 !important;
    border-bottom:1px solid #e9e9ef !important;
    box-shadow:0 2px 10px rgba(20,25,70,.05) !important;
  }
  .main-header .nav-inner {
    width:calc(100% - 28px) !important;
    height:74px !important;
    margin:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  .main-brand { flex:1 1 auto !important; min-width:0 !important; }
  .main-brand img {
    width:148px !important;
    max-width:148px !important;
    height:auto !important;
    max-height:54px !important;
    object-fit:contain !important;
  }
  .main-header .nav-links {
    display:none !important;
  }
  .main-header .nav-links.open {
    display:flex !important;
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    top:74px !important;
    width:auto !important;
    margin:0 !important;
    padding:12px !important;
    background:#fff !important;
    border:1px solid #e6e6ed !important;
    border-radius:0 0 18px 18px !important;
    box-shadow:0 18px 40px rgba(20,25,70,.14) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:2px !important;
    z-index:5001 !important;
  }
  .main-header .nav-links.open > a:not(.header-action) {
    display:block !important;
    width:100% !important;
    padding:11px 8px !important;
  }
  .main-header .nav-links.open .header-action {
    display:flex !important;
    width:100% !important;
    justify-content:center !important;
  }
  .main-header .menu {
    display:block !important;
    order:3 !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    border:0 !important;
    background:transparent !important;
    color:#111 !important;
    font-size:28px !important;
    line-height:1 !important;
    padding:0 !important;
  }

  /* Hero becomes a single full-width column, like the supplied reference. */
  .hero {
    width:100% !important;
    padding:34px 0 28px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%) !important;
  }
  .hero-grid {
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:22px !important;
    align-items:stretch !important;
  }
  .hero-copy, .hero-card {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .hero-copy { order:1 !important; }
  .hero-card { order:2 !important; }
  .eyebrow { font-size:10px !important; letter-spacing:1.5px !important; }
  .hero h1 {
    font-size:clamp(34px,10vw,46px) !important;
    line-height:1.05 !important;
    letter-spacing:-1.8px !important;
    margin-bottom:16px !important;
  }
  .lead {
    font-size:15px !important;
    line-height:1.6 !important;
    max-width:100% !important;
  }
  .hero-actions {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    margin:20px 0 !important;
  }
  .hero-actions .btn {
    width:100% !important;
    min-width:0 !important;
    padding:12px 8px !important;
    font-size:12px !important;
  }
  .trust-row {
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    width:100% !important;
  }
  .trust-row b { font-size:20px !important; }
  .trust-row small { font-size:9px !important; }

  .hero-image-wrap {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio: 0.93 / 1 !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  .hero-image-wrap img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
  }
  .doctor-float {
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    min-width:0 !important;
    width:auto !important;
    padding:11px 13px !important;
    gap:8px !important;
    border-radius:14px !important;
  }
  .doctor-float small { font-size:10px !important; }

  .quick-strip {
    width:100% !important;
  }
  .quick-grid {
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  .quick-grid > div {
    min-width:0 !important;
    padding:15px 10px !important;
  }
  .quick-grid b { font-size:12px !important; }
  .quick-grid small { font-size:10px !important; }

  .section { padding:56px 0 !important; }
  .about-grid, .appointment-grid, .footer-grid {
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .photo-stack { padding-right:0 !important; }
  .doctor-photo-frame {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio:0.93 / 1 !important;
    border-radius:20px !important;
  }
  .doctor-photo-frame .big-photo {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  .service-grid, .procedure-grid, .review-grid {
    grid-template-columns:1fr !important;
  }

  /* Hide the old desktop-style Neha launcher on phones; use one compact circle. */
  .neha-fab {
    right:14px !important;
    bottom:86px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    padding:0 !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    z-index:4800 !important;
    box-shadow:0 10px 26px rgba(20,25,70,.24) !important;
  }
  .neha-fab > div { display:none !important; }
  .neha-fab-icon {
    width:44px !important;
    height:44px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    background:#252b82 !important;
    color:#fff !important;
    font-weight:900 !important;
    font-size:17px !important;
  }

  /* Chat panel always fits inside the phone viewport. */
  .ai-help-panel, .neha-panel {
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
    max-height:72vh !important;
    z-index:6000 !important;
    overflow:auto !important;
  }

  .mobile-action-bar {
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:72px !important;
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    background:#fff !important;
    border-top:1px solid #e5e5eb !important;
    box-shadow:0 -8px 24px rgba(20,25,70,.08) !important;
    z-index:4700 !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
  }
  .mobile-action {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    border:0 !important;
    border-right:1px solid #e7e7ed !important;
    background:#fff !important;
    color:#163b60 !important;
    font-size:11px !important;
    font-weight:800 !important;
    text-decoration:none !important;
  }
  .mobile-action:last-child { border-right:0 !important; }
  .mobile-action .action-icon {
    width:29px !important;
    height:29px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    font-size:14px !important;
    font-weight:900 !important;
    background:#eef2f7 !important;
  }
  .mobile-action.call .action-icon { color:#252b82 !important; }
  .mobile-action.whatsapp .action-icon { color:#148a55 !important; }
  .mobile-action.appointment .action-icon { color:#252b82 !important; }
  .mobile-action.ai .action-icon {
    background:#252b82 !important;
    color:#fff !important;
  }

  body { padding-bottom:72px !important; }
}

@media (max-width:390px) {
  .container { width:calc(100% - 24px) !important; }
  .main-brand img { width:132px !important; max-width:132px !important; }
  .hero h1 { font-size:31px !important; }
  .hero-actions { grid-template-columns:1fr !important; }
}


/* =========================================================
   V14 FINAL FIX — actual HTML uses .hero-visual
   This removes the half-page blank area on phones.
   ========================================================= */
@media (max-width: 767px) {
  .hero-grid {
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:100% !important;
    gap:22px !important;
  }

  .hero-copy,
  .hero-visual {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:0 0 100% !important;
  }

  .hero-copy { order:1 !important; }
  .hero-visual { order:2 !important; }

  .hero-visual .hero-card {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }

  .hero-image-wrap {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio: 0.92 / 1 !important;
  }

  .hero-image-wrap img {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .container.hero-grid {
    width:calc(100% - 32px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Make the header visibly like the Anamaya reference. */
  .main-header .main-brand img {
    display:block !important;
    width:170px !important;
    max-width:170px !important;
    height:auto !important;
    max-height:58px !important;
    object-fit:contain !important;
  }

  .main-header .menu {
    display:grid !important;
    place-items:center !important;
    font-size:30px !important;
  }

  /* Bottom actions stay inside the viewport and never affect page width. */
  .mobile-action-bar {
    width:100vw !important;
    max-width:100vw !important;
  }
}

/* Extra protection against any desktop grid/fixed-width child overflowing. */
@media (max-width: 767px) {
  main, header, footer, section, .hero, .quick-strip,
  .container, .hero-grid, .hero-copy, .hero-visual,
  .about-grid, .appointment-grid, .footer-grid,
  .service-grid, .procedure-grid, .review-grid {
    max-width:100% !important;
  }
}


/* =========================================================
   V15 — PHONE DEVICE OVERRIDE
   Android/iPhone: use the entire physical browser width.
   This specifically fixes Chrome "Desktop site" / wrong viewport
   behaviour that can leave a large blank column on the right.
   ========================================================= */
html.phone-device,
html.phone-device body {
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

html.phone-device body {
  box-sizing:border-box !important;
  -webkit-text-size-adjust:100% !important;
}

html.phone-device *,
html.phone-device *::before,
html.phone-device *::after {
  box-sizing:border-box !important;
  max-width:100% !important;
}

html.phone-device .main-header,
html.phone-device .hero,
html.phone-device .quick-strip,
html.phone-device .section,
html.phone-device .profile-preview,
html.phone-device footer {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

html.phone-device .main-header .nav-inner {
  width:100% !important;
  max-width:none !important;
  padding:0 16px !important;
  margin:0 !important;
}

html.phone-device .main-header .main-brand img {
  width:155px !important;
  max-width:155px !important;
  height:auto !important;
}

html.phone-device .main-header .nav-links {
  display:none !important;
}

html.phone-device .main-header .menu {
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  font-size:28px !important;
}

html.phone-device .hero {
  padding:30px 0 28px !important;
}

html.phone-device .hero-grid {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:22px !important;
}

html.phone-device .hero-copy,
html.phone-device .hero-card {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  flex:0 0 auto !important;
}

html.phone-device .hero-copy { order:1 !important; }
html.phone-device .hero-card { order:2 !important; }

html.phone-device .hero h1 {
  font-size:clamp(34px,9.5vw,44px) !important;
  line-height:1.06 !important;
  letter-spacing:-1.7px !important;
}

html.phone-device .lead {
  font-size:14px !important;
  line-height:1.55 !important;
}

html.phone-device .hero-actions {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  width:100% !important;
}

html.phone-device .hero-actions .btn {
  min-width:0 !important;
  width:100% !important;
}

html.phone-device .trust-row {
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
}

html.phone-device .hero-image-wrap {
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:0.88 / 1 !important;
  border-radius:20px !important;
}

html.phone-device .hero-image-wrap img {
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

html.phone-device .doctor-float {
  left:10px !important;
  right:10px !important;
  width:auto !important;
  max-width:none !important;
}

html.phone-device .quick-grid,
html.phone-device .about-grid,
html.phone-device .appointment-grid,
html.phone-device .visit-grid,
html.phone-device .footer-grid,
html.phone-device .service-grid,
html.phone-device .procedure-grid,
html.phone-device .review-grid {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:16px !important;
  padding-right:16px !important;
}

html.phone-device .quick-grid {
  grid-template-columns:1fr 1fr !important;
}

html.phone-device .about-grid,
html.phone-device .appointment-grid,
html.phone-device .visit-grid,
html.phone-device .footer-grid {
  grid-template-columns:1fr !important;
}

html.phone-device .service-grid,
html.phone-device .procedure-grid,
html.phone-device .review-grid {
  grid-template-columns:1fr !important;
}

html.phone-device .mobile-action-bar {
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  max-width:none !important;
  height:72px !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  z-index:99999 !important;
}

html.phone-device body {
  padding-bottom:72px !important;
}

html.phone-device .neha-fab {
  z-index:99998 !important;
  right:14px !important;
  bottom:84px !important;
}

html.phone-device .ai-help-panel,
html.phone-device .neha-panel {
  left:10px !important;
  right:10px !important;
  width:auto !important;
  max-width:none !important;
}

/* Very small phones */
@media (max-width:390px) {
  html.phone-device .hero-grid { padding-left:12px !important; padding-right:12px !important; }
  html.phone-device .hero h1 { font-size:32px !important; }
  html.phone-device .hero-actions { grid-template-columns:1fr !important; }
}


/* ================= V17 MOBILE INTERACTION + AI CHAT ================= */
.hero-image-wrap{position:relative}
.hero-photo-caption{
  position:absolute;left:18px;right:18px;bottom:16px;
  padding:10px 13px;border-radius:12px;
  background:rgba(23,25,74,.84);color:#fff;
  font-size:12px;line-height:1.35;font-weight:700;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.mobile-menu-overlay{display:none}
.neha-chat-thread{display:flex;flex-direction:column;gap:7px;max-height:145px;overflow:auto;margin-top:10px;padding:2px}
.neha-chat-msg{max-width:88%;padding:8px 10px;border-radius:12px;font-size:12px;line-height:1.4}
.neha-chat-msg.bot{align-self:flex-start;background:#f1eef7;color:#34375f}
.neha-chat-msg.user{align-self:flex-end;background:#252b82;color:#fff}
.neha-composer{display:flex;gap:7px;padding:10px 12px;border-top:1px solid #eee}
.neha-composer input{flex:1;min-width:0;border:1px solid #ddd9e6;border-radius:20px;padding:9px 12px;font-size:13px;outline:none}
.neha-composer button{width:38px;height:38px;border:0;border-radius:50%;background:#252b82;color:#fff;font-size:17px;cursor:pointer}
.neha-fab{min-height:58px!important;padding:8px 16px 8px 9px!important;border-radius:18px!important}
.neha-fab>span{width:44px!important;height:44px!important;border-radius:50%!important;font-size:21px!important}
.neha-fab b{font-size:13px!important}.neha-fab small{font-size:10px!important}

@media(max-width:767px){
  .main-header .main-brand img{width:185px!important;max-width:185px!important;max-height:58px!important}
  .main-header .menu{
    display:grid!important;place-items:center!important;
    width:48px!important;height:48px!important;flex:0 0 48px!important;
    border:0!important;background:transparent!important;
    color:#252b82!important;font-size:34px!important;line-height:1!important;
    position:relative!important;z-index:6005!important;cursor:pointer!important;
  }
  .main-header .nav-links.open{z-index:6004!important}
  .mobile-menu-overlay.open{
    display:block!important;position:fixed!important;inset:74px 0 0 0!important;
    background:rgba(20,24,60,.18)!important;z-index:6000!important;
  }
  .hero-photo-caption{font-size:11px;bottom:12px;left:12px;right:12px}
  .neha-fab{
    right:12px!important;bottom:84px!important;z-index:6500!important;
    display:flex!important;visibility:visible!important;opacity:1!important;
  }
  .ai-help-panel{
    z-index:6501!important;right:10px!important;left:10px!important;
    bottom:78px!important;width:auto!important;max-height:72vh!important;
  }
  .ai-help-panel.open{display:block!important}
  .neha-chat-thread{max-height:130px}
  .mobile-action-bar{z-index:6400!important}
}

/* V18 — friendly female avatar for Ms Neha AI */
.ai-avatar-icon{width:28px;height:28px;border-radius:50%;display:block;object-fit:cover}
.neha-toggle{display:flex;align-items:center;gap:8px}
.neha-float-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#eee7f7}
.avatar{overflow:hidden;padding:0!important}
.avatar img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:640px){
  .neha-float-avatar{width:42px;height:42px}
  .neha-toggle{padding:8px 12px 8px 8px;gap:6px}
  .ai-avatar-icon{width:25px;height:25px}
}

/* =========================================================
   V18.2 FINAL — ANAMAYA-STYLE MOBILE TOUCH FIX
   One working menu, one fixed action bar, one Hindi AI chat.
   ========================================================= */
.mobile-menu-overlay{display:none;}
#mobileMenuButton{cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;}
#nehaQuickPanel{display:none;}
#nehaQuickPanel.open{display:flex!important;}
.neha-chat-thread{min-height:150px;max-height:42vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;}
.neha-chat-msg{max-width:88%;padding:10px 12px;border-radius:15px;font-size:13px;line-height:1.5;word-break:break-word;}
.neha-chat-msg.bot{align-self:flex-start;background:#f3f1f8;color:#292b55;border:1px solid #e8e4ef;}
.neha-chat-msg.user{align-self:flex-end;background:#252b82;color:#fff;}
.ai-help-panel{position:fixed!important;right:16px!important;bottom:88px!important;width:min(390px,calc(100vw - 32px))!important;background:#fff!important;border:1px solid #e4e3eb!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(20,24,70,.24)!important;overflow:hidden!important;z-index:9600!important;}
.ai-help-head{display:flex!important;align-items:center!important;gap:10px!important;padding:13px 14px!important;background:#252b82!important;color:#fff!important;}
.ai-help-head .ai-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;object-fit:cover!important;flex:0 0 40px!important;}
.ai-help-head b,.ai-help-head span{display:block!important;}
.ai-help-head span{font-size:10px!important;opacity:.82!important;margin-top:2px!important;}
#closeNehaPanel{margin-left:auto!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:23px!important;cursor:pointer!important;}
.ai-quick-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;padding:9px 12px!important;background:#fff!important;}
.ai-quick-grid button{border:1px solid #dedde7!important;background:#fff!important;border-radius:12px!important;padding:9px 6px!important;color:#252b82!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;}
.neha-composer{display:flex!important;gap:7px!important;padding:10px!important;border-top:1px solid #ecebf0!important;background:#fff!important;}
.neha-composer input{flex:1!important;min-width:0!important;height:40px!important;border:1px solid #d9d8e2!important;border-radius:20px!important;padding:0 13px!important;font-size:13px!important;outline:none!important;}
.neha-composer button{width:40px!important;height:40px!important;flex:0 0 40px!important;border:0!important;border-radius:50%!important;background:#252b82!important;color:#fff!important;font-size:17px!important;cursor:pointer!important;}
.chat-wa{display:block!important;margin:4px 12px 10px!important;width:calc(100% - 24px)!important;border:0!important;border-radius:12px!important;padding:11px!important;background:#148a55!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;}
.neha,.neha-fab{display:none!important;}
.mobile-action .action-icon img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;display:block!important;}
.mobile-action{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;}
@media(max-width:767px){
  .main-header{position:sticky!important;top:0!important;z-index:9000!important;height:74px!important;}
  .main-header .nav-inner{height:74px!important;}
  .main-header .menu{display:grid!important;place-items:center!important;z-index:9003!important;}
  .main-header .nav-links{display:none!important;}
  .main-header .nav-links.open{display:flex!important;position:absolute!important;left:10px!important;right:10px!important;top:74px!important;width:auto!important;margin:0!important;padding:10px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;background:#fff!important;border:1px solid #e5e4ec!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 40px rgba(20,25,70,.16)!important;z-index:9002!important;}
  .main-header .nav-links.open>a:not(.header-action){display:block!important;width:100%!important;padding:12px 9px!important;border-bottom:1px solid #f0eff4!important;color:#33365a!important;}
  .main-header .nav-links.open .header-action{display:flex!important;width:100%!important;justify-content:center!important;margin-top:6px!important;}
  .mobile-menu-overlay.open{display:block!important;position:fixed!important;inset:74px 0 0 0!important;background:rgba(20,24,60,.16)!important;z-index:8999!important;}
  .mobile-action-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:72px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;z-index:9500!important;}
  .mobile-action{height:72px!important;min-width:0!important;}
  .mobile-action .action-icon{width:34px!important;height:34px!important;font-size:15px!important;}
  .mobile-action.ai .action-icon{padding:3px!important;background:#252b82!important;}
  .ai-help-panel{right:10px!important;left:10px!important;bottom:82px!important;width:auto!important;max-height:calc(100vh - 105px)!important;}
  .neha-chat-thread{max-height:36vh!important;min-height:120px!important;}
  body{padding-bottom:72px!important;}
}

/* V18.3 FINAL TOUCH FIX — mobile header/menu/chat */
@media (max-width: 767px) {
  .main-header { position: sticky !important; top: 0 !important; z-index: 50000 !important; }
  .main-header .nav-inner { position: relative !important; z-index: 50001 !important; }
  .main-header .main-brand img {
    width: 215px !important;
    max-width: 215px !important;
    max-height: 62px !important;
    object-fit: contain !important;
  }
  .main-header .menu {
    display: grid !important;
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    position: relative !important;
    z-index: 50010 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    font-size: 34px !important;
  }
  .main-header .nav-links {
    display: none !important;
    pointer-events: none !important;
    z-index: 50020 !important;
  }
  .main-header .nav-links.open {
    display: flex !important;
    pointer-events: auto !important;
    position: absolute !important;
    top: 74px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    flex-direction: column !important;
    background: #fff !important;
    padding: 12px !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 18px 40px rgba(20,24,60,.18) !important;
    z-index: 50020 !important;
  }
  .mobile-menu-overlay.open {
    display: block !important;
    position: fixed !important;
    inset: 74px 0 70px 0 !important;
    z-index: 50005 !important;
    background: rgba(20,24,60,.12) !important;
  }

  .mobile-action-bar {
    position: fixed !important;
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important; height: 72px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    z-index: 60000 !important;
    background: #fff !important;
    pointer-events: auto !important;
    box-shadow: 0 -4px 18px rgba(20,24,60,.10) !important;
  }
  .mobile-action-bar .mobile-action {
    position: relative !important;
    z-index: 60001 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    color: #252b82 !important;
    text-decoration: none !important;
  }
  .mobile-action-bar .action-icon {
    pointer-events: none !important;
  }

  .ai-help-panel {
    position: fixed !important;
    right: 10px !important;
    left: 10px !important;
    bottom: 82px !important;
    width: auto !important;
    max-height: calc(100vh - 105px) !important;
    z-index: 70000 !important;
    pointer-events: auto !important;
  }
  .ai-help-panel.open { display: flex !important; flex-direction: column !important; }
  .ai-help-panel * { pointer-events: auto !important; }
  .neha-chat-thread { max-height: 42vh !important; }
  .neha-composer { position: relative !important; z-index: 70002 !important; }
}

/* V18.4 — Anamaya-style truly fixed mobile header */
@media (max-width: 767px) {
  body { padding-top: 74px !important; }
  .main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 74px !important;
    z-index: 50000 !important;
  }
  .main-header .nav-inner { height: 74px !important; }
  .main-brand img {
    width: 165px !important;
    max-width: 165px !important;
    max-height: 58px !important;
  }
  .main-header .nav-links.open { top: 74px !important; z-index: 50001 !important; }
  #mobileMenuOverlay { z-index: 49999 !important; }
}


/* =========================================================
   V18.6 FINAL POLISH — fixed header, attractive trust cards,
   reliable touch targets and Roman-Hindi AI presentation
   ========================================================= */
html{scroll-behavior:smooth!important;scroll-padding-top:90px!important}
body{padding-top:82px!important;overflow-x:hidden!important}
.main-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:82px!important;z-index:100000!important;background:#fff!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}
.main-header .nav-inner{height:82px!important}
.main-header .menu{touch-action:manipulation!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}
.main-header .main-brand img{display:block!important;object-fit:contain!important}

/* Eye-catching clinic proof cards */
.trust-showcase{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:26px!important;align-items:stretch!important}
.trust-card{position:relative!important;display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;min-height:92px!important;padding:14px 14px 12px!important;border:1px solid #e4e3ee!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f7f6fc)!important;box-shadow:0 10px 26px rgba(37,43,130,.09)!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease!important}
.trust-card:after{content:""!important;position:absolute!important;right:-22px!important;top:-28px!important;width:72px!important;height:72px!important;border-radius:50%!important;background:rgba(37,43,130,.07)!important}
.trust-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(37,43,130,.14)!important}
.trust-icon{width:34px!important;height:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#252b82!important;color:#fff!important;font-size:15px!important;font-weight:900!important;z-index:1!important}
.trust-card b{display:block!important;font-size:25px!important;line-height:1!important;letter-spacing:-.8px!important;color:#252b82!important}
.trust-card small{display:block!important;margin-top:5px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.2px!important;color:#60637a!important}
.trust-card em{grid-column:1/-1!important;font-style:normal!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:1.2px!important;color:#8b79a3!important;font-weight:900!important;margin-top:8px!important}
.trust-card.patients .trust-icon{background:#148a55!important}.trust-card.reviews .trust-icon{background:#c38b17!important}

/* Make every interactive procedure/surgery card unmistakably tappable */
.click-card,.click-surgery,[data-modal]{cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(37,43,130,.12)!important}
.click-card button{position:relative!important;z-index:2!important;cursor:pointer!important;touch-action:manipulation!important}
.modal{z-index:200000!important;touch-action:auto!important}
.modal-box{z-index:200001!important}

/* Fixed mobile header exactly like the requested reference */
@media(max-width:767px){
  html{scroll-padding-top:76px!important}
  body{padding-top:74px!important;padding-bottom:74px!important}
  .main-header{position:fixed!important;height:74px!important;z-index:100000!important}
  .main-header .nav-inner{height:74px!important}
  .main-header .main-brand img{width:185px!important;max-width:185px!important;max-height:60px!important}
  .main-header .menu{width:50px!important;height:50px!important;font-size:34px!important;z-index:100003!important}
  .main-header .nav-links.open{top:74px!important;z-index:100002!important}
  #mobileMenuOverlay{z-index:100001!important}
  .mobile-action-bar{z-index:110000!important;bottom:0!important}
  .ai-help-panel{z-index:120000!important;bottom:82px!important}
  .trust-showcase{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:22px!important}
  .trust-card{min-height:92px!important;padding:10px 7px 9px!important;grid-template-columns:29px 1fr!important;border-radius:15px!important}
  .trust-icon{width:28px!important;height:28px!important;border-radius:9px!important;font-size:12px!important}
  .trust-card b{font-size:18px!important;letter-spacing:-.5px!important}
  .trust-card small{font-size:8px!important;line-height:1.15!important;margin-top:3px!important}
  .trust-card em{font-size:6.5px!important;letter-spacing:.8px!important;margin-top:7px!important}
  .ai-help-panel{left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 170px)!important;overflow:hidden!important}
  .neha-chat-thread{max-height:34vh!important;min-height:110px!important}
}
@media(min-width:768px){
  .trust-showcase{max-width:720px!important}
}