/* Bhagat mobile-first layer: baseline small screens, additions at larger widths. */
:root{--touch-color:#0b6070;--card-shadow:0 12px 32px rgba(10,61,65,.075)}
html{scroll-padding-top:80px}
body{overflow-x:clip}
img{max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent}
.shell{padding-inline:16px}
.section{padding:46px 0;scroll-margin-top:76px}
.section-heading{margin-bottom:25px}
.section-heading h2{font-size:29px;line-height:1.17}
.contact-bar{min-height:34px;font-size:11px}
.contact-bar .top-links a{padding:9px 11px}
.contact-bar .location-tag{display:none}
.contact-bar>.top-links:nth-child(2){display:none}
.contact-bar .top-links{flex-wrap:nowrap;width:100%;justify-content:center}
.contact-bar .top-links a{white-space:nowrap}
.top-links{width:100%;justify-content:center}
.nav-inner{height:72px;padding-inline:15px;gap:10px}
.main-header{position:sticky;top:0;z-index:110}
.brand{min-width:0}
.brand img{width:min(214px,calc(100vw - 109px));height:auto}
.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;border-radius:11px}
.nav-action{display:none}
.main-nav{position:absolute;inset:calc(100% - 1px) 0 auto;max-height:calc(100dvh - 72px);padding:13px 16px 35px;display:none;flex-direction:column;gap:0;overflow-y:auto;background:#fff;border-top:1px solid #e6efea;box-shadow:0 19px 45px rgba(5,44,56,.16);overscroll-behavior:contain}
.main-nav.open{display:flex}
.main-nav>a{font-size:15px;padding:14px 5px;border-bottom:1px solid #edf2ef;min-height:46px;display:flex;align-items:center}
.mega-nav-item{display:block}
.mega-trigger{font-size:15px;min-height:48px;padding:14px 5px;border-radius:0;width:100%;justify-content:space-between;background:transparent!important;border-bottom:1px solid #edf2ef}
.mega-panel{position:static;display:block;transform:none!important;width:100%;margin:8px 0 14px;border-radius:14px;animation:none;box-shadow:none;grid-template-columns:1fr}
.mega-spotlight{padding:18px;min-height:0;border-right:0;border-bottom:1px solid #e6efea}
.mega-spotlight h3{font-size:20px;margin:8px 0}
.mega-emblem{display:none}
.mega-mini-note{font-size:11px}
.mega-services{padding:14px}
.mega-services-head{padding:4px 0 11px;align-items:flex-start}
.mega-service-grid{grid-template-columns:1fr;gap:2px}
.mega-service{padding:10px!important;gap:11px;min-height:48px}
.mega-service-copy strong{font-size:13px}
.mega-service-copy small{display:block;font-size:11px}
.mega-service-mark{width:31px;height:31px}
.banner-slider{height:628px;min-height:0;overflow:hidden}
.banner-slide{height:100%}
.banner-copy-wrap{max-width:none;padding-inline:23px;align-items:flex-start}
.banner-copy{padding:29px 0 10px;max-width:none}
.banner-label{font-size:10px;line-height:1.35;letter-spacing:1.05px;margin:0 0 14px}
.banner-copy h1,.banner-copy h2{font-size:clamp(26px,7.5vw,36px);line-height:1.14;letter-spacing:-.65px;margin:0 0 10px;max-width:360px}
.banner-divider{margin:11px 0 13px;font-size:21px;max-width:220px}
.banner-divider i{width:67px}
.banner-lead{font-size:13.4px;line-height:1.55;max-width:340px;margin:0 0 15px}
.banner-button{font-size:13.1px;min-height:42px;padding:11px 16px;border-radius:27px}
.banner-button span{font-size:13px}
.banner-address{font-size:10.6px;line-height:1.4;margin:13px 0 0;max-width:340px}
.banner-media{width:100%!important;height:43%!important;top:auto;bottom:0}
.banner-media img{height:100%;width:100%;object-fit:cover;object-position:50% 46%}
.banner-slide[data-slide="0"] .banner-media img{object-position:48% 43%}
.banner-slide[data-slide="1"] .banner-media img{object-position:53% 44%}
.banner-slide[data-slide="2"] .banner-media img{object-position:54% 46%}
.banner-wash,.banner-slide[data-slide="1"] .banner-wash,.banner-slide[data-slide="2"] .banner-wash{background:linear-gradient(180deg, #fffaf6 0%,#fffaf6 50%,rgba(255,250,246,.94) 55%,rgba(255,250,246,.04) 65%,transparent 72%)!important}
.banner-slide[data-slide="1"] .banner-wash{background:linear-gradient(180deg,#fffbf7 0%,#fffbf7 50%,rgba(255,251,247,.95) 55%,rgba(255,251,247,.03) 68%,transparent 74%)!important}
.banner-slide[data-slide="2"] .banner-wash{background:linear-gradient(180deg,#fff9fa 0%,#fff9fa 50%,rgba(255,249,250,.96) 55%,rgba(255,249,250,.02) 68%,transparent 75%)!important}
.banner-arrow{width:28px;height:28px;top:80%;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.13)}
.banner-arrow svg{width:13px;height:13px}
.banner-prev{left:10px}.banner-next{right:10px}
.banner-dots{bottom:15px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.85);padding:5px 8px;border-radius:99px;box-shadow:0 3px 9px rgba(0,0,0,.1)}
.banner-playpause{bottom:15px;right:14px;width:28px;height:28px}
.section-strip{position:relative}
.strip-inner{justify-content:flex-start;gap:9px;padding-inline:16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.section-strip a{scroll-snap-align:start;min-height:46px;display:flex;align-items:center;padding:11px 9px;font-size:12px}
.three-cards,.two-cards,.care-grid,.visit-box{grid-template-columns:1fr}
.care-department{padding:47px 0}
.care-heading{flex-direction:column;align-items:flex-start}
.care-heading h2{font-size:29px}
.care-call{padding:12px 16px}
.care-grid{gap:13px}
.care-tile{padding:21px;scroll-margin-top:88px}
.info-card,.service-card,.contact-card{padding:22px}
.service-card{padding:25px}
.service-card h3{font-size:22px}
/* Two doctor profiles with real source attribution and truthful missing-image state */
#doctors .two-cards{display:grid;grid-template-columns:1fr;gap:20px}
.doctor-card{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:0;overflow:hidden;border-radius:21px;background:#fff;box-shadow:var(--card-shadow)}
.doctor-portrait{position:relative;display:grid;place-items:center;aspect-ratio:5/4;width:100%;background:#e9f2ef;overflow:hidden;isolation:isolate}
.doctor-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:linear-gradient(120deg,#e4efea,#f8fbfa);z-index:1}
.doctor-portrait .portrait-fallback{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;inset:0;background:radial-gradient(circle at 50% 22%,#ecf8f1 3%,#dbece5 70%);z-index:0}
.portrait-fallback span{font-size:60px;color:#8eb6a3;font-weight:900;letter-spacing:4px}
.portrait-fallback small{font-size:11px;color:#53756d}
.doctor-photo:not(.photo-loaded)>img{opacity:0}
.doctor-portrait img[hidden]{display:none}
.doctor-specialty-tag{position:absolute;left:15px;top:15px;z-index:2;background:rgba(255,255,255,.95);border:1px solid rgba(220,233,227,.95);border-radius:40px;padding:8px 13px;color:#207366;letter-spacing:1px;font-weight:900;font-size:10px;box-shadow:0 4px 9px rgba(10,64,50,.06)}
.doctor-pending{background:linear-gradient(145deg,#fcf4f8,#eef8f5)}
.portrait-woman-graphic{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}
.portrait-woman-graphic svg{max-height:100%;max-width:88%}
.pending-photo-label{position:absolute;bottom:16px;z-index:3;background:#fffdfedd;border:1px solid #eadde2;border-radius:25px;font-size:11px;padding:8px 13px;color:#a35b7b;font-weight:700}
.doctor-info{padding:23px 22px 24px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.doctor-type{color:#429077!important;font-size:11px!important;font-weight:900!important;letter-spacing:1px;text-transform:uppercase;line-height:1.5!important;margin:0 0 5px!important}
.doctor-info h3{font-size:24px;line-height:1.2;margin:0 0 9px;color:#124657}
.doctor-qualification{font-weight:800!important;font-size:13px!important;color:#235c66!important;margin:0 0 12px!important}
.qualification-source{font-weight:500;color:#758d8b}
.doctor-info>p:not(.doctor-type):not(.doctor-qualification){font-size:13px;line-height:1.65;color:#667d82}
.doctor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px 14px;margin-top:18px}
.doctor-button{min-height:43px;display:inline-flex;align-items:center;gap:15px;padding:11px 16px;background:#0c6070;color:#fff;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 7px 15px rgba(7,89,98,.13)}
.doctor-button:hover{background:#064555}
.doctor-secondary{font-size:12px;font-weight:800;color:#20776c;text-decoration:underline;text-underline-offset:3px}
.doctor-info .doctor-disclaimer{padding-top:17px;margin-top:auto!important;font-size:11px!important;color:#829293!important;line-height:1.45!important}
.doctors-verification-note{margin:16px 0 0;font-size:11px;color:#657d82;line-height:1.6}
.visit-box{gap:15px}
.visit-main{padding:26px}
.faq-wrap{max-width:100%}
.mobile-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;gap:9px;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e3ece8;box-shadow:0 -6px 28px rgba(7,42,45,.13)}
.mobile-actionbar a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;min-height:46px;border-radius:11px}
.mobile-actionbar svg{width:18px;height:18px}
.mobile-actionbar-call{color:#fff;background:#0d6571}
.mobile-actionbar-location{color:#145b63;border:1px solid #ccded7;background:#f6faf8}
.float-call{display:none!important}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
@media (max-width:360px){.banner-slider{height:636px}.banner-copy-wrap{padding-inline:19px}.banner-copy h1,.banner-copy h2{font-size:25px}.banner-lead{font-size:12.8px}.banner-media{height:41%!important}.brand img{width:194px}.nav-inner{padding-inline:13px}}
@media (min-width:600px){
 .shell{padding-inline:23px}
 .nav-inner{padding-inline:23px}
 .brand img{width:235px}
 .banner-slider{height:730px}
 .banner-copy{padding:42px 0 18px}
 .banner-copy h1,.banner-copy h2{font-size:41px;max-width:520px}
 .banner-lead{font-size:16px;max-width:470px}
 .banner-media{height:41%!important}
 .banner-wash,.banner-slide[data-slide="1"] .banner-wash,.banner-slide[data-slide="2"] .banner-wash{background:linear-gradient(180deg,#fffbf7 0%,rgba(255,251,247,1) 47%,rgba(255,251,247,.85) 56%,transparent 75%)!important}
 .two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .three-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .doctor-card{height:100%}
}
@media (min-width:961px){
 body{padding-bottom:0}
 .shell{padding-inline:28px}
 .main-header{position:relative}
 .nav-inner{height:91px}
 .brand img{width:260px}
 .main-nav{position:static;display:flex;flex-direction:row;align-items:center;gap:15px;max-height:none;overflow:visible;padding:0;border:0;box-shadow:none;background:transparent;margin-left:auto}
 .main-nav>a{font-size:13.5px;padding:0;border:0;min-height:0;display:inline}
 .menu-toggle{display:none!important}
 .nav-action{display:inline-flex}
 .mega-nav-item{display:flex}
 .mega-trigger{min-height:unset;padding:10px;font-size:13.5px;border:0;justify-content:center;width:auto;border-radius:24px}
 .mega-panel{position:absolute;top:calc(100% - 3px);left:50%;transform:translateX(-50%)!important;display:grid;grid-template-columns:295px minmax(0,1fr);width:min(1010px,calc(100vw - 46px));margin:0;border-radius:16px;box-shadow:0 24px 65px rgba(12,56,66,.20),0 7px 18px rgba(12,56,66,.07)}
 .mega-spotlight{padding:31px 26px 25px;min-height:337px;border-bottom:0;border-right:1px solid #e0ebe6}
 .mega-emblem{display:grid}
 .mega-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 15px}
 .mega-service{padding:12px 8px!important}
 .banner-slider{height:490px}
 .banner-copy-wrap{padding-inline:28px;align-items:center}
 .banner-copy{padding:0;max-width:570px}
 .banner-label{font-size:12px}
 .banner-copy h1,.banner-copy h2{font-size:clamp(33px,3.65vw,50px);line-height:1.11;max-width:560px;margin:0 0 11px}
 .banner-lead{font-size:16px;max-width:505px}
 .banner-media,.banner-slide[data-slide="1"] .banner-media,.banner-slide[data-slide="2"] .banner-media{width:57%!important;height:100%!important;top:0;right:0;bottom:auto}
 .banner-wash,.banner-slide[data-slide="1"] .banner-wash,.banner-slide[data-slide="2"] .banner-wash{background:linear-gradient(90deg,#fffaf6 0%,#fffaf6 37%,rgba(255,250,246,.95) 46%,rgba(255,250,246,.62) 57%,rgba(255,250,246,.04) 74%,transparent 85%)!important}
 .banner-slide[data-slide="1"] .banner-wash{background:linear-gradient(90deg,#fffbf7 0%,#fffbf7 39%,rgba(255,251,247,.97) 48%,rgba(255,251,247,.68) 56%,rgba(255,251,247,.13) 69%,transparent 80%)!important}
 .banner-slide[data-slide="2"] .banner-wash{background:linear-gradient(90deg,#fff9fa 0%,#fff9fa 39%,rgba(255,249,250,.97) 48%,rgba(255,249,250,.68) 56%,rgba(255,249,250,.13) 69%,transparent 80%)!important}
 .banner-arrow{top:50%;width:32px;height:32px}
 .banner-dots{bottom:13px}
 .banner-playpause{right:16px;bottom:13px}
 .three-cards,.care-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .section{padding:75px 0}
 .care-department{padding:66px 0}
 .care-heading{flex-direction:row;align-items:center}
 .visit-box{grid-template-columns:minmax(0,1fr) minmax(290px,.75fr)}
 .mobile-actionbar{display:none}
 #doctors .two-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
 .doctor-card{flex-direction:row;align-items:stretch}
 .doctor-portrait{aspect-ratio:auto;width:43%;min-height:310px;flex:none}
 .doctor-info{padding:26px 25px}
 .doctor-info h3{font-size:22px}
}
@media (min-width:961px) and (max-width:1180px){.brand img{width:215px}.main-nav{gap:5px}.nav-action{padding:10px 12px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.doctor-card,.doctor-button{transition:none}}
