:root{--nav:78px;}*{box-sizing:border-box;}html,body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-tap-highlight-color:transparent;}body{min-height:100vh;}button,input,select,textarea{font:inherit;}button{cursor:pointer;}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(10,123,69,.22);outline-offset:2px;}.app{width:min(100%,1180px);margin:auto;min-height:100vh;position:relative;overflow-x:hidden;}.topbar{backdrop-filter:blur(18px);display:grid;align-items:center;gap:8px;}.topbtn{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--deep);display:grid;place-items:center;}.topbtn[hidden]{display:none;}.brand{display:flex;align-items:center;gap:10px;min-width:0;}.brand-logo{width:43px;height:43px;border-radius:50%;border:2px solid #fff;}.brandcopy{min-width:0;}.brandcopy strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.brandcopy small{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.lang{border:1px solid var(--line);border-radius:13px;height:40px;padding:0 11px;font-size:12px;font-weight:800;}.screen{display:none;min-height:calc(100vh - 68px);padding-bottom:calc(var(--nav) + 34px + env(safe-area-inset-bottom));}.screen.active{display:block;animation:fade .18s ease;}@keyframes fade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{position:relative;}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,31,24,.88),rgba(3,31,24,.52) 56%,rgba(3,31,24,.18)),linear-gradient(0deg,rgba(3,31,24,.38),transparent 45%);}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:800;}.herochip{border-radius:999px;font-weight:700;}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}.btn{min-height:48px;border:0;border-radius:16px;padding:0 17px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;}.btn.primary{color:#fff;}.btn.white{background:#fff;color:var(--deep);}.btn.green{color:#fff;}.btn.soft{border:1px solid #d5eadf;}.btn.wide{width:100%;}.section{padding:24px clamp(16px,4vw,46px);}.section.white{background:#fff;}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;}.section-head h2{margin:0;font-size:24px;letter-spacing:-.025em;}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px;}.linkbtn{border:0;background:transparent;color:var(--g);font-size:13px;font-weight:800;}.quick{display:grid;gap:11px;}.quick button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:15px;text-align:left;box-shadow:0 7px 24px rgba(7,59,45,.04);}.qicon{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--s2),var(--g2));display:grid;place-items:center;font-size:20px;margin-bottom:12px;}.quick strong{font-size:14px;display:block;}.quick small{font-size:12px;color:var(--muted);display:block;margin-top:4px;line-height:1.35;}.emergency{margin:0 clamp(16px,4vw,46px) 20px;border-radius:22px;padding:16px;border:1px solid #f4d8d8;display:flex;justify-content:space-between;gap:14px;align-items:center;}.emergency strong{font-size:15px;}.emergency p{margin:4px 0 0;font-size:12px;color:var(--muted);}.deptgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;}.dept{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;text-align:left;}.dept .ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--g2);font-size:20px;margin-bottom:12px;}.dept strong{display:block;font-size:14px;}.dept p{font-size:12px;color:var(--muted);line-height:1.45;margin:6px 0 0;}.doctor-strip{display:flex;gap:12px;overflow:auto;padding-bottom:5px;scrollbar-width:none;}.doctor-strip::-webkit-scrollbar{display:none;}.doctor-mini{flex:0 0 210px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:13px;text-align:left;}.portrait{width:64px;height:64px;border-radius:18px;object-fit:cover;background:linear-gradient(145deg,var(--s2),var(--g2));display:grid;place-items:center;font-weight:900;color:var(--g);font-size:18px;}.doctor-mini .portrait{margin-bottom:12px;}.doctor-mini strong{font-size:14px;display:block;}.doctor-mini small{display:block;font-size:12px;color:var(--muted);line-height:1.4;margin-top:5px;}.contactbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.contactcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;}.contactcard strong{font-size:13px;display:block;}.contactcard span{font-size:12px;color:var(--muted);display:block;margin-top:4px;}.pagehead{background:#fff;padding:23px clamp(16px,4vw,46px) 17px;border-bottom:1px solid var(--line);}.pagehead h1{font-size:28px;margin:0;letter-spacing:-.03em;}.pagehead p{font-size:13px;color:var(--muted);margin:7px 0 0;line-height:1.5;}.search{display:flex;gap:9px;margin-top:16px;}.search input{flex:1;border:1px solid var(--line);background:var(--bg);border-radius:15px;padding:0 14px;min-height:46px;font-size:14px;}.chips{display:flex;gap:8px;overflow:auto;padding:12px 0 3px;scrollbar-width:none;}.chips::-webkit-scrollbar{display:none;}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;color:var(--muted);}.chip.active{color:#fff;}.group{margin-bottom:25px;}.group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}.group-title h3{font-size:16px;margin:0;}.count{font-size:11px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 8px;}.doctor-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.doctor-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:start;}.doctor-card .portrait{width:82px;height:92px;border-radius:18px;}.docmeta strong{font-size:16px;display:block;}.docmeta .qual{font-size:12px;color:var(--g);font-weight:800;margin-top:5px;line-height:1.35;}.docmeta .spec{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.45;}.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}.badge{font-size:11px;border-radius:999px;padding:6px 8px;font-weight:800;}.docactions{display:flex;gap:8px;margin-top:11px;}.sm{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:38px;padding:0 10px;font-size:12px;font-weight:800;}.sm.green{background:var(--g);color:#fff;border-color:var(--g);}.gallery{grid-template-columns:2fr 1fr 1fr;grid-auto-rows:170px;gap:10px;}.gallery button{border:0;padding:0;border-radius:18px;overflow:hidden;position:relative;background:#ddd;}.gallery button:first-child{grid-row:span 2;}.gallery img{width:100%;height:100%;object-fit:cover;}.gallery span{position:absolute;left:9px;bottom:9px;background:rgba(0,0,0,.58);color:#fff;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;}.step.on{background:linear-gradient(90deg,var(--s),var(--g));}.notice{border-radius:18px;padding:14px;background:#fff8ed;border:1px solid #f4e0c3;font-size:12px;line-height:1.55;color:#684719;}.guidegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;}.guidecard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;}.guidecard h3{font-size:15px;margin:0 0 8px;}.guidecard p,.guidecard li{font-size:12px;color:var(--muted);line-height:1.55;}.guidecard ul{padding-left:18px;margin-bottom:0;}.bottom{height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:fixed;z-index:85;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1180px);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);}.navbtn{border:0;background:transparent;color:#7b8b84;font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}.navico{font-size:20px;line-height:1;}.navbtn.book{position:relative;}.navbtn.book .navico{width:44px;height:44px;border-radius:15px;color:#fff;display:grid;place-items:center;margin-top:-20px;box-shadow:0 10px 24px rgba(10,123,69,.25);}.callfab{position:fixed;z-index:88;right:max(18px,calc((100vw - min(100vw,1180px))/2 + 18px));bottom:calc(var(--nav) + 18px + env(safe-area-inset-bottom));width:60px;height:60px;border:0;border-radius:50%;background:linear-gradient(145deg,#0a8a4d,#056536);color:#fff;box-shadow:0 14px 34px rgba(5,101,54,.35);display:grid;place-items:center;font-size:24px;transition:transform .12s;}.callfab:active{transform:scale(.92);}.overlay{position:fixed;inset:0;z-index:120;background:rgba(2,24,18,.56);display:none;align-items:flex-end;justify-content:center;}.overlay.open{display:flex;}.sheet{width:min(100%,760px);max-height:88vh;background:#fff;border-radius:28px 28px 0 0;overflow:auto;padding:12px 18px calc(20px + env(safe-area-inset-bottom));animation:up .22s ease;}@keyframes up{from{transform:translateY(50px);opacity:.6}to{transform:none;opacity:1}}.grab{width:48px;height:5px;background:#d9e1dd;border-radius:99px;margin:0 auto 12px;}.sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:center;}.sheet-head h2{font-size:21px;margin:0;}.x{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:#fff;}.docprofile{display:grid;grid-template-columns:105px 1fr;gap:16px;margin-top:16px;}.docprofile .portrait{width:105px;height:120px;border-radius:22px;}.profilequal{font-size:13px;color:var(--g);font-weight:800;margin-top:6px;}.profilespec{font-size:13px;color:var(--muted);line-height:1.5;margin-top:6px;}.expertise{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;}.expertise span{font-size:12px;padding:8px 10px;border-radius:999px;background:var(--g2);color:var(--g);font-weight:700;}.profileinfo{margin-top:14px;border-top:1px solid var(--line);}.profileinfo div{padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;}.viewer{position:fixed;z-index:150;inset:0;background:#07110e;display:none;color:#fff;}.viewer.open{display:flex;flex-direction:column;}.viewerhead{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;}.viewerhead button{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;}.viewerbody{flex:1;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:0;}.viewerbody>button{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;font-size:28px;margin:auto;}.viewerimg{touch-action:pinch-zoom pan-x pan-y;}.viewerimg{flex:1;display:grid;place-items:center;overflow:auto;padding:8px;}.viewerimg img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;}.viewercap{padding:10px 16px 18px;text-align:center;font-size:13px;color:#d9e4df;}.empty{padding:30px;text-align:center;color:var(--muted);font-size:13px;}.hidden{display:none!important;}@media(max-width:760px){.hero{min-height:430px;}.hero-content{padding-top:34px;}.quick{grid-template-columns:repeat(2,1fr);}.deptgrid{grid-template-columns:repeat(2,1fr);}.doctor-list{grid-template-columns:1fr;}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:145px;}.gallery button:first-child{grid-column:span 2;grid-row:auto;height:210px;}.contactbar,.guidegrid{grid-template-columns:1fr;}.docprofile{grid-template-columns:90px 1fr;}.docprofile .portrait{width:90px;height:106px;}.brandcopy small{font-size:11px;}}@media(max-width:410px){.brandcopy strong{font-size:14px;}.lang{padding:0 8px;}.hero h1{font-size:36px;}.pagehead h1{font-size:25px;}.deptgrid{grid-template-columns:1fr 1fr;}.doctor-card{grid-template-columns:70px 1fr;}.doctor-card .portrait{width:70px;height:82px;}}
:root{--topbar-h:68px;}
.hero-content{flex-direction:column;justify-content:center;}
@media(max-width:760px){
:root{--topbar-h:68px;}
.hero{height:360px!important;min-height:360px!important;}
.hero>img{object-position:center center!important;}
.hero-content{padding:24px 18px!important;max-width:92%;justify-content:center;}
.hero h1{font-size:36px!important;margin:12px 0 10px!important;}
.hero p{font-size:13px!important;line-height:1.5!important;margin:0;}
.herochips{margin:12px 0!important;}
.actions{margin-top:12px!important;}
}
@media(max-width:420px){
.hero{height:345px!important;min-height:345px!important;}
.hero h1{font-size:32px!important;}
.eyebrow{font-size:11px!important;padding:7px 10px!important;}
.herochip{font-size:11px!important;padding:7px 9px!important;}
.btn{min-height:44px!important;font-size:13px!important;}
}
.gallery{display:block!important;position:relative;width:100%;overflow:hidden;border-radius:22px;background:#edf2ef;box-shadow:0 10px 30px rgba(7,59,45,.08);}
.gallery-track{display:flex;width:100%;transition:transform .48s cubic-bezier(.22,.61,.36,1);will-change:transform;touch-action:pan-y;}
.gallery-slide{flex:0 0 100%;width:100%;padding:0;border:0;border-radius:0!important;overflow:hidden;position:relative;background:#e7ece9;aspect-ratio:16/7;}
.gallery-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.gallery-slide span{position:absolute;left:14px;bottom:14px;z-index:2;background:rgba(2,24,18,.70);color:#fff;border:1px solid rgba(255,255,255,.20);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;backdrop-filter:blur(10px);}
.gallery-dots{display:flex;justify-content:center;align-items:center;gap:7px;padding:11px 10px 12px;background:#fff;}
.gallery-dot{width:8px;height:8px;border:0;padding:0;border-radius:99px;background:#d5ddd9;transition:all .25s ease;}
.gallery-dot.active{width:26px;background:var(--g);}
@media(max-width:760px){
.section:has(#gallery){padding-left:12px!important;padding-right:12px!important;}
.gallery{border-radius:18px;}
.gallery-slide{aspect-ratio:16/8.2;}
.gallery-slide span{left:10px;bottom:10px;font-size:10px;padding:6px 9px;}
}
:root{--appbar-h:68px;--page-pad:14px;}
.topbar{position:fixed!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(100%,1180px)!important;height:calc(var(--appbar-h) + env(safe-area-inset-top))!important;min-height:calc(var(--appbar-h) + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 12px 0!important;z-index:110!important;box-shadow:0 2px 12px rgba(7,59,45,.07);}
main{padding-top:calc(var(--appbar-h) + env(safe-area-inset-top))!important;}
.home-promo{padding:10px 12px 2px;background:#fff;}
.home-promo .gallery{display:block!important;width:100%!important;overflow:hidden!important;position:relative!important;border-radius:16px!important;background:#eef3f0!important;box-shadow:0 4px 16px rgba(7,59,45,.08)!important;}
.home-promo .gallery-track{display:flex!important;width:100%!important;transform:translate3d(0,0,0);will-change:transform;transition:transform .42s cubic-bezier(.2,.7,.2,1);touch-action:pan-y!important;}
.home-promo .gallery-slide{flex:0 0 100%!important;width:100%!important;min-width:100%!important;height:auto!important;aspect-ratio:16/8.25!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;position:relative!important;overflow:hidden!important;box-shadow:none!important;}
.home-promo .gallery-slide img{display:block!important;border-radius:0!important;}
.home-promo .gallery-slide span{display:none!important;}
.home-promo .gallery-dots{position:absolute!important;z-index:5!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;height:18px!important;padding:4px 7px!important;margin:0!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(7px);box-shadow:0 2px 8px rgba(0,0,0,.08)!important;}
.home-promo .gallery-dot{display:block!important;flex:0 0 auto!important;width:6px!important;min-width:6px!important;max-width:none!important;height:6px!important;min-height:6px!important;max-height:6px!important;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;background:#bdc8c2!important;box-shadow:none!important;transition:width .2s ease,background .2s ease!important;}
.home-promo .gallery-dot.active{width:18px!important;min-width:18px!important;background:var(--g)!important;}
.hero{overflow:hidden!important;}
.hero>img{display:none!important;}
.hero:after{display:none!important;}
.hero-content{position:relative!important;z-index:2!important;}
.eyebrow{color:var(--g)!important;background:var(--g2)!important;border:1px solid #d3eadf!important;backdrop-filter:none!important;padding:7px 10px!important;font-size:11px!important;}
.hero h1{letter-spacing:-.035em!important;}
.hero h1 span[style]{color:var(--g)!important;}
.hero p{font-size:13px!important;line-height:1.52!important;margin:0!important;}
.herochips{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important;margin:13px -2px 0!important;padding:2px 2px 3px!important;}
.herochips::-webkit-scrollbar{display:none;}
.herochip{flex:0 0 auto!important;color:var(--deep)!important;background:#f6f9f7!important;border:1px solid var(--line)!important;font-size:11px!important;padding:7px 9px!important;}
.hero .actions{display:grid!important;grid-template-columns:1.35fr .9fr!important;gap:9px!important;margin-top:14px!important;}
.hero .btn{min-height:46px!important;border-radius:14px!important;padding:0 12px!important;font-size:12px!important;}
#home>.section,
#home>.emergency{scroll-margin-top:calc(var(--appbar-h) + 10px);}
#home .section{padding-top:19px;padding-bottom:19px;}
#home .section-head h2{font-size:21px;}
#home .section-head p{font-size:12px;}
.home-promo .gallery button:first-child{grid-row:auto!important;grid-column:auto!important;}
@media(max-width:760px){
.home-promo{padding:8px 10px 2px!important;}
.home-promo .gallery{border-radius:14px!important;}
.home-promo .gallery-slide{aspect-ratio:16/8.6!important;}
.hero{margin:8px 10px 3px!important;border-radius:18px!important;}
.hero-content{padding:16px!important;}
.quick{gap:9px!important;}
.quick button{min-height:104px!important;border-radius:18px!important;padding:13px!important;}
.emergency{margin-left:10px!important;margin-right:10px!important;border-radius:18px!important;}
}
@media(max-width:410px){
.home-promo .gallery-slide{aspect-ratio:16/9!important;}
.hero h1{font-size:28px!important;}
.hero .actions{grid-template-columns:1fr 1fr!important;}
.hero .btn{font-size:11px!important;min-height:44px!important;}
}
@media(max-width:760px){
.home-promo{padding:8px 0 3px 10px!important;overflow:hidden!important;}
.home-promo .gallery{width:100%!important;overflow:hidden!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
.home-promo .gallery-track{display:flex!important;gap:10px!important;padding-right:10px!important;transition:transform .34s cubic-bezier(.2,.7,.2,1)!important;}
.home-promo .gallery-slide{flex:0 0 93%!important;width:93%!important;min-width:93%!important;aspect-ratio:16/8.5!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 4px 16px rgba(7,59,45,.10)!important;}
.home-promo .gallery-slide img{border-radius:14px!important;}
.home-promo .gallery-dots{bottom:7px!important;}
.herochips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:12px 0 0!important;padding:0!important;overflow:visible!important;}
.herochip{min-width:0!important;width:100%!important;padding:7px 5px!important;border-radius:10px!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.22!important;font-size:10px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;}
.hero-content{padding:15px!important;}
.hero p{font-size:12.5px!important;line-height:1.46!important;}
.hero .actions{margin-top:11px!important;}
}
@media(max-width:390px){
.home-promo .gallery-slide{flex-basis:92%!important;width:92%!important;min-width:92%!important;}
.herochip{font-size:9.5px!important;padding:6px 4px!important;min-height:40px!important;}
}
button,[role="button"],.navbtn,.callfab{touch-action:manipulation;-webkit-user-select:none;user-select:none;}
.home-promo .gallery-slide{background:#fff!important;}
.home-promo .gallery-slide img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;}
@media(max-width:760px){
.home-promo .gallery-slide{aspect-ratio:16/9!important;}
.home-promo .gallery-slide img{object-fit:contain!important;}
}
@media(max-width:760px){
.home-promo{padding:8px 0 4px 10px!important;overflow:hidden!important;background:#fff!important;}
.home-promo .gallery{width:100%!important;overflow:hidden!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.home-promo .gallery-track{display:flex!important;gap:10px!important;padding-right:10px!important;}
.home-promo .gallery-slide{flex:0 0 93%!important;width:93%!important;min-width:93%!important;aspect-ratio:16/8.5!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 16px rgba(7,59,45,.10)!important;}
.home-promo .gallery-slide img{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center center!important;border-radius:14px!important;background:transparent!important;display:block!important;}
.home-promo .gallery-dots{bottom:7px!important;}
}
@media(max-width:390px){
.home-promo .gallery-slide{flex-basis:92%!important;width:92%!important;min-width:92%!important;aspect-ratio:16/8.7!important;}
}
.topbar{grid-template-columns:46px 1fr auto!important;}
#backBtn[hidden] + .brand{grid-column:1 / 3;}
@media (min-width: 768px){
.bottom{display:none!important;}
.screen{padding-bottom:34px!important;}
.callfab{bottom:24px!important;}
}
.brand-logo{object-fit:contain!important;background:#fff!important;}
.offlinebar{position:sticky;top:0;z-index:130;padding:8px 12px;background:#7b5b12;color:#fff;font-size:11px;font-weight:800;text-align:center;}
.hero{min-height:0!important;height:auto!important;margin:8px 10px 4px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:radial-gradient(circle at 100% 0,rgba(242,140,40,.16),transparent 33%),radial-gradient(circle at 0 100%,rgba(10,123,69,.13),transparent 36%),#fff!important;box-shadow:0 10px 30px rgba(7,59,45,.07)!important;color:var(--ink)!important;}
.hero>img,.hero:after{display:none!important;}.hero-content{padding:18px!important;max-width:none!important;height:auto!important;display:block!important;}.hero .eyebrow{color:var(--g)!important;background:var(--g2)!important;border:1px solid #d4e9df!important;}.hero h1{color:var(--deep)!important;font-size:clamp(30px,7.4vw,42px)!important;line-height:1.03!important;margin:13px 0 9px!important;}.hero p{color:var(--muted)!important;max-width:720px!important;}.hero .btn.white{border:1px solid var(--line)!important;}.quick{grid-template-columns:repeat(3,1fr)!important;}.quick button{min-height:102px!important;}.opdmini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 6px 18px rgba(7,59,45,.04);}.opdmini-top{display:flex;gap:9px;align-items:center;}.opdmini img,.miniavatar{width:46px;height:52px;border-radius:12px;object-fit:cover;background:var(--g2);display:grid;place-items:center;}.opdmini strong{display:block;font-size:12px;}.opdmini small{display:block;color:var(--muted);font-size:10px;line-height:1.3;margin-top:3px;}.opdmini-status{margin-top:9px;padding:7px 8px;border-radius:10px;background:#fff8ed;border:1px solid #f4e0c3;color:#754e19;font-size:9.5px;font-weight:800;}
.opdtools{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:14px;}.opdtools input,.opdtools select{min-width:0;height:44px;border:1px solid var(--line);border-radius:13px;padding:0 11px;background:#fff;color:var(--ink);}.opd-notice{margin-bottom:12px;}.opdlist{display:grid;gap:11px;}.opdrow{background:#fff;border:1px solid var(--line);border-radius:20px;padding:13px;display:grid;grid-template-columns:76px 1fr;gap:13px;box-shadow:0 7px 20px rgba(7,59,45,.04);}.opdrow>img,.opdavatar{width:76px;height:90px;border-radius:16px;object-fit:cover;background:var(--g2);display:grid;place-items:center;font-size:24px;}.opdhead{display:flex;justify-content:space-between;gap:8px;}.opdhead strong{font-size:14px;}.opdhead small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:4px;}.opdstatus{flex:0 0 auto;height:25px;padding:0 8px;border-radius:999px;background:var(--s2);color:#9a5a16;font-size:9px;font-weight:900;display:flex;align-items:center;}.opdmeta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;}.opdmeta div{padding:8px;border-radius:10px;background:#f8faf9;}.opdmeta b{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;}.opdmeta span{display:block;font-size:10.5px;font-weight:800;margin-top:3px;}.opdcall{margin-top:10px;min-height:40px!important;width:100%;}
.dept-full{cursor:default!important;}.relateddocs{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:10.5px;color:var(--muted);line-height:1.45;}.deptactions{display:flex;gap:7px;margin-top:10px;}
.facilitygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;}.facilitycard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;display:grid;grid-template-columns:48px 1fr;gap:12px;}.facilityicon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--s2),var(--g2));display:grid;place-items:center;font-size:22px;}.facilityflag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff8ed;color:#8c5c1b;font-size:9px;font-weight:900;}.facilitycard h3{font-size:14px;margin:8px 0 5px;}.facilitycard p{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 10px;}
.gallerypage{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.gallerypageitem{padding:0;border-radius:18px;overflow:hidden;position:relative;aspect-ratio:4/3;}.gallerypageitem img{width:100%;height:100%;object-fit:cover;}.gallerypageitem span{position:absolute;left:9px;bottom:9px;background:rgba(0,0,0,.58);color:#fff;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:800;}.premium-guide{background:linear-gradient(145deg,#fff8ee,#fff,#eef9f3);}.profileactions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;}
@media(max-width:760px){.opdtools{grid-template-columns:1fr 1fr;}.opdtools input{grid-column:1/-1;}.facilitygrid{grid-template-columns:1fr;}.gallerypage{grid-template-columns:1fr 1fr;}.quick{grid-template-columns:repeat(3,1fr)!important;}.quick button{padding:11px 9px!important;}.qicon{width:36px!important;height:36px!important;margin-bottom:9px!important;}.quick strong{font-size:12px!important;}.quick small{font-size:9.5px!important;}.opdrow{grid-template-columns:66px 1fr;}.opdrow>img,.opdavatar{width:66px;height:80px;}.opdmeta{grid-template-columns:1fr 1fr;}}
@media(max-width:390px){.quick{grid-template-columns:repeat(2,1fr)!important;}.opdmeta{grid-template-columns:1fr;}.gallerypage{grid-template-columns:1fr 1fr;}}
.designation,.profiledesignation{font-size:12px;font-weight:800;color:var(--deep);margin-top:5px;line-height:1.4;}
.verified-opd{border-color:#cdebdc!important;}
.opd-card-summary{font-size:11px;line-height:1.45;color:#42554d;}
.opdline{display:block;line-height:1.45;}.opdline+.opdline{margin-top:3px;}.opdline.note,.opdmini-note{color:#a14f09;font-weight:700;}
.opd-lines{display:block;}.opdstatus.verified{background:#e8f7ef;color:#087244;border-color:#cdebdc;}
.opdmini-note{display:block;margin-top:7px;font-size:10.5px;line-height:1.35;}
.profile-opd{margin-top:6px;}.profile-opd .opdline{margin-bottom:4px;}
.gallerypageitem small{display:block;margin-top:3px;}
@media(max-width:760px){
.home-promo{padding:10px 0 3px 12px!important;overflow:hidden!important;}
.home-promo .gallery{width:100%!important;border-radius:18px 0 0 18px!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important;}
.home-promo .gallery-track{gap:10px!important;padding-right:22px!important;}
.home-promo .gallery-slide{flex:0 0 92%!important;width:92%!important;min-width:92%!important;aspect-ratio:16/8.2!important;border-radius:17px!important;box-shadow:0 5px 18px rgba(7,59,45,.10)!important;}
.home-promo .gallery-slide img{border-radius:17px!important;object-fit:cover!important;}
.home-promo .gallery-dots{left:46%!important;}
}
@media(min-width:761px){
.home-promo{padding:14px clamp(16px,4vw,46px) 4px!important;}
.home-promo .gallery{border-radius:20px!important;}
.home-promo .gallery-slide{aspect-ratio:16/6.2!important;}
}
@media (max-width: 767px){
.bottom{display:grid!important;position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,1180px)!important;}
.screen{padding-bottom:calc(var(--nav) + 34px + env(safe-area-inset-bottom))!important;}
}
@media (min-width: 768px){
.bottom{display:grid!important;position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:72px!important;padding-bottom:0!important;border-top:1px solid var(--line)!important;box-shadow:0 -4px 18px rgba(7,59,45,.035)!important;backdrop-filter:none!important;}
.navbtn.book .navico{margin-top:0!important;width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;}
.screen{padding-bottom:34px!important;}
.home-promo{padding:18px clamp(24px,4vw,54px) 6px!important;overflow:visible!important;}
.home-promo .gallery{width:100%!important;max-width:1080px!important;margin:0 auto!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 12px 34px rgba(7,59,45,.10)!important;background:#fff!important;}
.home-promo .gallery-track{gap:0!important;padding-right:0!important;}
.home-promo .gallery-slide{flex:0 0 100%!important;width:100%!important;min-width:100%!important;aspect-ratio:16/6!important;border-radius:0!important;box-shadow:none!important;}
.home-promo .gallery-slide img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;background:#fff!important;}
.home-promo .gallery-dots{left:50%!important;}
}
.desktop-nav,.desktop-footer{display:none;}
@media (min-width: 900px){
html,body{background:#fff;}
.app{width:100%;max-width:none;margin:0;background:var(--bg);overflow-x:hidden;}
.topbar{min-height:82px!important;height:82px!important;padding:0 max(24px,calc((100vw - 1280px)/2))!important;grid-template-columns:minmax(250px,auto) 1fr auto!important;gap:24px!important;position:sticky!important;top:0!important;background:rgba(255,255,255,.985)!important;box-shadow:0 8px 28px rgba(7,59,45,.055);border-bottom:1px solid var(--line)!important;}
.topbar .topbtn{display:none!important;}
#backBtn[hidden] + .brand,.brand{grid-column:auto!important;}
.brand-logo{width:54px!important;height:54px!important;}
.brandcopy strong{font-size:18px!important;color:var(--deep);}
.brandcopy small{font-size:12px!important;}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;}
.desktop-navbtn{border:0;background:transparent;color:#53645d;font-size:13px;font-weight:750;padding:10px 10px;border-radius:11px;white-space:nowrap;transition:.18s;}
.desktop-navbtn:hover{background:var(--g2);color:var(--g);}
.desktop-navbtn.active{background:var(--g2);color:var(--g);}
.lang{height:42px!important;padding:0 14px!important;}
.screen{min-height:auto!important;padding-bottom:0!important;}
.section,.pagehead{padding-left:max(28px,calc((100vw - 1280px)/2))!important;padding-right:max(28px,calc((100vw - 1280px)/2))!important;}
.pagehead{padding-top:34px!important;padding-bottom:24px!important;}
.pagehead h1{font-size:36px!important;}
.pagehead p{font-size:14px!important;max-width:780px;}
.home-promo{padding:26px max(28px,calc((100vw - 1280px)/2)) 10px!important;background:#fff;}
.home-promo .gallery{max-width:1280px!important;border-radius:26px!important;box-shadow:0 20px 54px rgba(7,59,45,.11)!important;}
.home-promo .gallery-slide{aspect-ratio:16/5.45!important;background:#f7faf8!important;}
.home-promo .gallery-slide img{object-fit:contain!important;background:#fff!important;}
.home-promo .gallery-slide[data-asset="hospital"] img{object-fit:cover!important;object-position:center 50%!important;}
.hero{max-width:1280px!important;margin:22px auto 10px!important;border-radius:30px!important;display:grid!important;grid-template-columns:1.05fr .95fr!important;align-items:stretch!important;min-height:430px!important;overflow:hidden!important;background:linear-gradient(135deg,#ffffff 0%,#f7fbf9 60%,#eef8f2 100%)!important;}
.hero-content{padding:54px 58px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.hero h1{font-size:clamp(46px,4.4vw,70px)!important;line-height:.98!important;max-width:720px!important;}
.hero p{font-size:16px!important;line-height:1.7!important;max-width:650px!important;}
.section-head h2{font-size:30px!important;}
.section-head p{font-size:14px!important;}
.quick{grid-template-columns:repeat(6,1fr)!important;gap:14px!important;}
.quick button{min-height:142px!important;padding:20px!important;border-radius:22px!important;transition:transform .18s,box-shadow .18s,border-color .18s;}
.quick button:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(7,59,45,.09);border-color:#cfe2d8;}
.qicon{width:46px!important;height:46px!important;}
.quick strong{font-size:15px!important;}.quick small{font-size:12px!important;}
.emergency{max-width:1280px;margin:0 auto 28px!important;padding:22px 26px!important;border-radius:24px!important;}
.emergency strong{font-size:18px!important;}.emergency p{font-size:13px!important;}
.doctor-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible!important;gap:14px!important;}
.doctor-mini{min-width:0!important;flex:none!important;padding:16px!important;transition:.18s;}
.doctor-mini:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(7,59,45,.08);}
.deptgrid{grid-template-columns:repeat(4,1fr)!important;gap:14px!important;}
.dept{min-height:168px;padding:20px!important;transition:.18s;}
.dept:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(7,59,45,.08);}
.doctor-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;}
.doctor-card{min-width:0!important;padding:17px!important;}
.facilitygrid{grid-template-columns:repeat(3,1fr)!important;}
.gallerypage{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;}
.guidegrid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;}
.contactbar{gap:14px!important;}.contactcard{padding:18px!important;}
.bottom{display:none!important;}
.callfab{right:28px!important;bottom:28px!important;}
.desktop-footer{display:block;background:#073b2d;color:#fff;margin-top:36px;}
.desktop-footer-inner{max-width:1280px;margin:auto;padding:38px 28px;display:grid;grid-template-columns:1.1fr 1fr 1.25fr;gap:34px;align-items:start;}
.footer-brand{display:flex;gap:13px;align-items:center;}.footer-brand img{width:58px;height:58px;border-radius:50%;background:#fff;object-fit:contain;}
.footer-brand strong{display:block;font-size:18px;}.footer-brand span,.footer-contact span{display:block;color:#c9ddd4;font-size:12px;line-height:1.55;margin-top:5px;}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;}.footer-links button{border:0;background:transparent;color:#e8f4ef;text-align:left;padding:7px 0;font-weight:700;font-size:12px;}
.footer-links button:hover{color:#ffbd75;}
.footer-contact strong{font-size:14px;}.footer-note{border-top:1px solid rgba(255,255,255,.12);padding:13px 28px;text-align:center;color:#b9d0c6;font-size:11px;}
}
@media (min-width: 900px) and (max-width: 1120px){
.topbar{grid-template-columns:220px 1fr auto!important;gap:10px!important;}.desktop-navbtn{font-size:11px;padding:9px 6px;}.brandcopy small{display:none!important;}
.quick{grid-template-columns:repeat(3,1fr)!important;}.doctor-strip{grid-template-columns:repeat(3,1fr)!important;}.doctor-list{grid-template-columns:repeat(2,1fr)!important;}
}
.top-actions{display:flex;align-items:center;gap:9px;}.desktop-call{display:none;border:0;border-radius:13px;color:#fff;min-height:42px;padding:0 14px;font-weight:850;font-size:12px;}
.info-kicker{display:inline-block;color:var(--g);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;}
.ayushman-home{max-width:1280px;margin:auto;border:1px solid #e7e4d5;border-radius:26px;background:rgba(255,255,255,.84);padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;}
.ayushman-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:26px;font-weight:900;}.ayushman-copy h2{font-size:24px;margin:0 0 7px;color:var(--deep);}.ayushman-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;max-width:790px;}.ayushman-id{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:11px;font-size:11px;}.ayushman-id span{color:var(--muted);font-weight:750;}.ayushman-id strong{padding:6px 9px;border-radius:999px;}.ayushman-actions{display:grid;gap:8px;min-width:190px;}
.mini-opd-badge{display:inline-flex;margin-top:10px;border-radius:999px;padding:5px 7px;background:var(--g2);color:var(--g);font-size:9px;font-weight:900;}
.doctor-photo-wrap{position:relative;min-width:0;}.doctor-dept-tag{display:none;}.designation{margin-top:6px;font-size:11px;color:var(--deep);font-weight:800;line-height:1.4;}.opd-card-summary{margin-top:10px;padding:9px 10px;border-radius:12px;border:1px solid #e7efeb;}.opd-card-summary .opdline{display:block;font-size:10.5px;line-height:1.45;font-weight:750;color:#40544b;}.opd-card-summary .opdline.note{color:#9b5b15;margin-top:3px;}.verified-opd{background:#e8f7ef!important;color:#087543!important;}
.facility-empty{grid-column:1/-1;max-width:840px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;box-shadow:0 14px 38px rgba(7,59,45,.055);}.facility-empty-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--g2);color:var(--g);font-size:25px;font-weight:900;}.facility-empty h3{margin:3px 0 7px;font-size:18px;color:var(--deep);}.facility-empty p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.6;}
.guidegrid-premium{align-items:stretch;}.guide-feature{position:relative;overflow:hidden;display:flex;flex-direction:column;}.guide-feature>.btn{margin-top:auto;align-self:flex-start;}.guide-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--s2),var(--g2));font-size:20px;color:var(--deep);margin-bottom:13px;}.guide-inline-id{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;}.guide-inline-id span{font-size:10px;color:var(--muted);font-weight:800;}.guide-inline-id b{font-size:11px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 8px;}.emergency-guide{background:linear-gradient(145deg,#fff6f6,#fff)!important;border-color:#f0dada!important;}.guide-disclaimer{margin-top:18px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;}.guide-disclaimer strong{font-size:13px;color:var(--deep);}.guide-disclaimer p{font-size:11px;line-height:1.5;color:var(--muted);margin:0;}
.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;max-width:1280px;margin:auto;align-items:stretch;}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.contact-info-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;box-shadow:0 8px 24px rgba(7,59,45,.035);}.contact-info-card>.btn{grid-column:2;justify-self:start;min-height:40px;}.contact-icon{width:42px;height:42px;border-radius:13px;background:var(--g2);color:var(--g);display:grid;place-items:center;font-weight:900;}.contact-info-card small{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}.contact-info-card strong{display:block;font-size:17px;margin-top:4px;color:var(--deep);overflow-wrap:anywhere;}.contact-info-card p{font-size:11px;color:var(--muted);line-height:1.45;margin:6px 0 0;}.primary-contact{grid-column:1/-1;background:linear-gradient(145deg,#f7fcf9,#fff);border-color:#d6eadf;}.primary-contact strong{font-size:23px;}.contact-location-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 16px 42px rgba(7,59,45,.07);display:flex;flex-direction:column;}.contact-photo{min-height:260px;background:#eaf4ef;overflow:hidden;}.contact-photo img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;}.contact-location-body{padding:21px;}.contact-location-body h2{margin:0 0 8px;font-size:25px;color:var(--deep);}.contact-location-body p{margin:0;color:var(--muted);line-height:1.55;font-size:13px;}.contact-location-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}.email-value{font-size:14px!important;}
.gallerypageitem{background:#f6f8f7!important;border:1px solid var(--line)!important;box-shadow:0 8px 26px rgba(7,59,45,.045);}.gallerypageitem img{transition:transform .25s ease;}.gallerypageitem:hover img{transform:scale(1.025);}.gallerypageitem.gallery-posters img,.gallerypageitem.gallery-ayushman img{object-fit:contain!important;background:#fff;padding:6px;}.gallerypageitem.gallery-hospital img,.gallerypageitem.gallery-doctors img{object-fit:cover!important;}.gallerypageitem small{position:absolute;right:9px;top:9px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);color:var(--deep);border-radius:999px;padding:5px 7px;font-size:9px;font-weight:850;}.viewerimg img.viewer-contain{object-fit:contain!important;background:#111;}.viewerimg img.viewer-cover{object-fit:contain!important;background:#111;}
.footer-about p{font-size:12px;line-height:1.65;margin:14px 0 0;max-width:370px;}.desktop-footer h3{font-size:13px;margin:2px 0 11px;}.footer-actions{display:flex;gap:8px;margin-top:14px;}.footer-actions button{border:1px solid rgba(255,255,255,.18);color:#fff;min-height:38px;border-radius:11px;padding:0 11px;font-weight:800;font-size:11px;}
@media(max-width:767px){
.desktop-call{display:none!important;}.top-actions{gap:7px;}.callfab{bottom:calc(var(--nav) + 22px + env(safe-area-inset-bottom))!important;right:16px!important;}.ayushman-home{grid-template-columns:46px 1fr;padding:16px;gap:12px;border-radius:20px;}.ayushman-mark{width:46px;height:46px;border-radius:14px;font-size:21px;}.ayushman-copy h2{font-size:19px;}.ayushman-copy p{font-size:11.5px;}.ayushman-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0;}.facility-empty{grid-template-columns:44px 1fr;padding:16px;border-radius:20px;}.facility-empty-icon{width:44px;height:44px;border-radius:14px;font-size:20px;}.facility-empty h3{font-size:15px;}.facility-empty p{font-size:11px;}.guide-disclaimer{grid-template-columns:1fr;gap:7px;}.guide-disclaimer .linkbtn{justify-self:start;padding:0;}.contact-layout{grid-template-columns:1fr;}.contact-details{grid-template-columns:1fr;}.primary-contact{grid-column:auto;}.contact-info-card{border-radius:18px;}.contact-photo{min-height:190px;}.contact-photo img{min-height:190px;}.contact-location-body{padding:17px;}.doctor-dept-tag{display:none;}.gallerypageitem small{font-size:8px;}.desktop-footer{display:none!important;}
}
@media(min-width:768px) and (max-width:899px){
.quick{grid-template-columns:repeat(3,1fr)!important;}.doctor-list{grid-template-columns:repeat(2,1fr)!important;}.opdlist{grid-template-columns:1fr 1fr;}.deptgrid{grid-template-columns:repeat(2,1fr)!important;}.guidegrid-premium{grid-template-columns:repeat(2,1fr)!important;}.contact-layout{grid-template-columns:1fr;}.contact-details{grid-template-columns:repeat(2,1fr);}.callfab{bottom:22px!important;}
}
@media(min-width:900px){
.desktop-call{display:inline-flex;align-items:center;gap:7px;}.top-actions{justify-self:end;}.topbar{grid-template-columns:minmax(280px,auto) minmax(0,1fr) auto!important;}.brand-logo{width:58px!important;height:58px!important;}.brandcopy strong{font-size:20px!important;letter-spacing:-.015em;}.brandcopy small{display:block!important;font-size:11px!important;}.desktop-nav{gap:2px!important;}.desktop-navbtn{position:relative;background:transparent!important;padding:11px 9px!important;}.desktop-navbtn.active{color:var(--g)!important;}.desktop-navbtn.active:after{content:"";position:absolute;height:3px;border-radius:99px;left:9px;right:9px;bottom:3px;background:linear-gradient(90deg,var(--s),var(--g));}.desktop-navbtn:hover{color:var(--g);background:#f5faf7!important;}
.hero{min-height:440px!important;}.hero-content{padding:56px 60px!important;}.hero h1{font-size:clamp(44px,4vw,64px)!important;line-height:1.01!important;letter-spacing:-.04em!important;}.hero p{font-size:15px!important;max-width:690px!important;}.hero .eyebrow{font-size:10.5px!important;letter-spacing:.03em;}.herochips{max-width:670px!important;}.hero .actions{max-width:470px!important;}
.section{padding-top:58px!important;padding-bottom:58px!important;}.section.white{border-top:1px solid rgba(226,235,230,.5);border-bottom:1px solid rgba(226,235,230,.5);}.section-head{margin-bottom:22px!important;}.section-head h2{font-size:32px!important;letter-spacing:-.035em;}.section-head p{font-size:14px!important;line-height:1.5;}.pagehead{background:linear-gradient(180deg,#fff,#fafcfb)!important;padding-top:44px!important;padding-bottom:30px!important;}.pagehead h1{font-size:38px!important;}.pagehead p{font-size:14px!important;}
.quick{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;}.quick button{min-height:124px!important;padding:20px 22px!important;display:grid!important;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;}.qicon{width:52px!important;height:52px!important;border-radius:16px!important;grid-row:1/3;margin:0!important;font-size:23px!important;}.quick strong{font-size:16px!important;align-self:end;}.quick small{font-size:12px!important;align-self:start;margin-top:3px!important;}.quick button:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(7,59,45,.09)!important;}
.emergency{margin-top:0!important;margin-bottom:0!important;border-radius:0!important;max-width:none!important;padding:22px max(28px,calc((100vw - 1280px)/2))!important;border-left:0!important;border-right:0!important;}.emergency>div,.emergency>.btn{position:relative;}.emergency strong{font-size:18px!important;}.emergency p{font-size:12px!important;}
.doctor-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}.doctor-mini{display:grid!important;grid-template-columns:84px 1fr;column-gap:14px;align-items:start;padding:18px!important;border-radius:22px!important;}.doctor-mini .portrait{width:84px!important;height:100px!important;margin:0!important;grid-row:1/5;border-radius:18px!important;}.doctor-mini strong{font-size:16px!important;margin-top:3px;}.doctor-mini small{font-size:11px!important;}.doctor-mini .mini-opd-badge{justify-self:start;}.doctor-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}.doctor-card{display:block!important;padding:0!important;overflow:hidden;border-radius:24px!important;box-shadow:0 12px 34px rgba(7,59,45,.05);transition:.2s;}.doctor-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(7,59,45,.09);}.doctor-photo-wrap{height:235px;background:linear-gradient(145deg,#eef6f2,#fff);overflow:hidden;}.doctor-card .doctor-photo-wrap .portrait{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover!important;object-position:center top!important;}.doctor-dept-tag{display:inline-flex;position:absolute;left:13px;bottom:12px;max-width:calc(100% - 26px);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.75);padding:6px 9px;border-radius:999px;font-size:9.5px;font-weight:850;color:var(--deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.docmeta{padding:18px!important;}.docmeta>strong{font-size:19px!important;letter-spacing:-.02em;}.docmeta .qual{font-size:11px!important;margin-top:6px!important;}.docmeta .spec{font-size:11.5px!important;min-height:34px;}.designation{font-size:10.5px;}.docactions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:13px!important;}.docactions .sm{min-height:42px!important;}.group{margin-bottom:38px!important;}.group-title h3{font-size:20px!important;}.count{font-size:11px!important;}
.opdtools{grid-template-columns:1.45fr .9fr .8fr!important;gap:10px!important;max-width:900px;}.opdlist{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}.opdrow{grid-template-columns:94px 1fr!important;gap:16px!important;padding:16px!important;border-radius:22px!important;align-items:start;}.opdrow>img,.opdavatar{width:94px!important;height:112px!important;border-radius:18px!important;}.opdhead strong{font-size:16px!important;}.opdhead small{font-size:10.5px!important;margin-top:5px!important;}.opdmeta{gap:8px!important;}.opdmeta div{padding:10px!important;}.opdmeta b{font-size:9px!important;}.opdmeta span{font-size:10.5px!important;line-height:1.45;}.opdcall{width:auto!important;padding:0 15px!important;}.opd-notice{max-width:900px;margin-bottom:18px!important;}.opdstatus{height:27px!important;font-size:9px!important;}
#allDepts.deptgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}.dept-full{min-height:245px!important;display:flex;flex-direction:column;padding:21px!important;}.dept-full .ico{width:48px!important;height:48px!important;border-radius:15px!important;font-size:22px!important;}.dept-full strong{font-size:16px!important;}.dept-full p{font-size:11.5px!important;line-height:1.55!important;}.relateddocs{font-size:10.5px!important;line-height:1.55!important;margin-top:auto!important;}.deptactions{margin-top:13px!important;}.deptactions .sm{min-height:40px!important;flex:1;}:is(#homeDepts,#allDepts) .dept{min-height:190px;}
.facilitygrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.facility-empty{padding:30px!important;grid-template-columns:66px 1fr!important;}.facility-empty-icon{width:66px;height:66px;}.facility-empty h3{font-size:21px;}.facility-empty p{font-size:13px;}
.guidegrid-premium{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}.guidegrid-premium .guidecard{min-height:270px;padding:22px!important;border-radius:22px!important;}.guidegrid-premium .guidecard h3{font-size:17px!important;}.guidegrid-premium .guidecard p,.guidegrid-premium .guidecard li{font-size:11.5px!important;line-height:1.6;}.guide-icon{width:50px;height:50px;border-radius:16px;}.guide-disclaimer{padding:18px 22px;margin-top:20px;}.guide-disclaimer strong{font-size:14px;}.guide-disclaimer p{font-size:11.5px;}
.contact-layout{gap:22px;}.contact-details{gap:14px;}.contact-info-card{padding:20px;border-radius:22px;}.primary-contact{padding:23px;}.contact-location-card{border-radius:26px;}.contact-photo{min-height:310px;}.contact-photo img{min-height:310px;}.contact-location-body{padding:24px;}.contact-location-body h2{font-size:29px;}
.gallerypage{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}.gallerypageitem{border-radius:20px!important;aspect-ratio:4/3!important;}.gallerypageitem.gallery-posters,.gallerypageitem.gallery-ayushman{aspect-ratio:4/3!important;}.gallerypageitem span{font-size:10px!important;padding:7px 9px!important;}.galleryfilters{margin-bottom:10px!important;}
.callfab{display:none!important;}.desktop-footer{margin-top:0!important;}.desktop-footer-inner{padding-top:46px!important;padding-bottom:46px!important;grid-template-columns:1.25fr .85fr 1fr!important;}.footer-brand img{width:64px!important;height:64px!important;}.footer-brand strong{font-size:20px!important;}.footer-links{gap:4px 18px!important;}.footer-links button{font-size:12px!important;}.footer-note{font-size:10.5px!important;}
}
@media(min-width:900px) and (max-width:1120px){
.desktop-call{display:none!important;}.brandcopy strong{font-size:17px!important;}.brand-logo{width:52px!important;height:52px!important;}.desktop-navbtn{font-size:10.5px!important;padding:10px 6px!important;}.quick{grid-template-columns:repeat(3,1fr)!important;}.doctor-strip{grid-template-columns:repeat(2,1fr)!important;}.doctor-list{grid-template-columns:repeat(2,1fr)!important;}.opdlist{grid-template-columns:1fr 1fr!important;}#allDepts.deptgrid{grid-template-columns:repeat(2,1fr)!important;}.gallerypage{grid-template-columns:repeat(3,1fr)!important;}.contact-layout{grid-template-columns:1fr!important;}
}
@media(min-width:1440px){
.topbar{padding-left:max(34px,calc((100vw - 1320px)/2))!important;padding-right:max(34px,calc((100vw - 1320px)/2))!important;}.section,.pagehead{padding-left:max(34px,calc((100vw - 1320px)/2))!important;padding-right:max(34px,calc((100vw - 1320px)/2))!important;}.hero,.ayushman-home,.contact-layout{max-width:1320px!important;}.doctor-photo-wrap{height:250px;}.section-head h2{font-size:34px!important;}
}
@media(min-width:900px){.topbar{position:relative!important;top:auto!important;}}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block;animation:rahulKenBurns 16s ease-in-out infinite alternate;transform-origin:center center;}.hero-modern:before{content:"";position:absolute;inset:0;z-index:1;}.hero-modern:after{content:"";position:absolute;inset:0;z-index:1;}@keyframes rahulKenBurns{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.10) translate3d(-1.2%,.8%,0)}}.hero-modern .hero-content{z-index:2;position:relative;}.hero-ghost{backdrop-filter:blur(10px);}
.why-head{max-width:900px;}.section-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px;}.section-kicker:before{content:"✦";font-size:10px;}.why-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:stretch;}.why-story{background:#fff;border:1px solid #e5e0d8;border-radius:28px;padding:30px;position:relative;overflow:hidden;}.why-story:after{content:"“";position:absolute;right:22px;top:-27px;font:700 118px/1 Georgia,serif;}.why-story-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:22px;}.why-story h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:19px 0 12px;color:#0b1f33;}.why-story p{font-size:14px;line-height:1.75;color:#607185;max-width:650px;margin:0;}.why-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;}.link-arrow{border:0;background:none;font-weight:850;padding:0;font-size:13px;}.why-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;}.why-point{border-radius:24px;padding:21px;border:1px solid rgba(26,61,97,.08);display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:start;min-height:150px;}.why-point>span{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.62);font-size:20px;}.why-point strong{font-size:15px;color:#0d2238;display:block;margin:4px 0 7px;}.why-point p{font-size:11.5px;line-height:1.55;color:#5f7185;margin:0;}
.care-section{text-align:center;}.care-intro{max-width:780px;margin:0 auto 26px;}.care-intro h2{font-size:32px;line-height:1.18;letter-spacing:-.035em;margin:0 0 9px;color:#0b1f33;}.care-intro p{font-size:13.5px;line-height:1.6;color:#68798c;margin:0;}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.care-card{border-radius:26px;padding:27px;text-align:left;min-height:210px;border:1px solid rgba(21,58,96,.08);transition:.2s ease;}.care-card:hover{transform:translateY(-4px);}.care-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.65);font-size:21px;margin-bottom:28px;}.care-card strong{font-size:18px;display:block;color:#0b1f33;}.care-card p{font-size:12.5px;line-height:1.6;color:#607185;margin:9px 0 0;}
.desktop-footer-inner{position:relative;}.desktop-footer-inner:before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;}
@media(max-width:899px){
.why-layout{grid-template-columns:1fr;}.why-points{grid-template-columns:1fr 1fr;}.care-grid{grid-template-columns:1fr 1fr;}.care-card:last-child{grid-column:1/-1;}.hero-modern:before{background:linear-gradient(90deg,rgba(6,22,42,.91),rgba(8,31,58,.68));}.hero-bg img{animation-duration:18s;}.why-story{padding:24px;}.why-story h3{font-size:22px;}.care-intro h2{font-size:27px;}
}
@media(max-width:767px){
.hero-bg{display:none!important;}.hero-modern:before,.hero-modern:after{display:none!important;}.hero-modern{background:linear-gradient(145deg,#0b2340,#174b7f)!important;}.hero-modern .hero-content{max-width:100%!important;}.hero-modern .hero-accent{color:#9ec8ff!important;}.why-section,.care-section{padding-top:34px!important;padding-bottom:34px!important;}.why-points,.care-grid{grid-template-columns:1fr;}.care-card:last-child{grid-column:auto;}.why-point{min-height:0;}.why-story{border-radius:22px;}.why-story h3{font-size:20px;}.care-card{min-height:0;padding:21px;border-radius:22px;}.care-icon{margin-bottom:18px;}.care-intro{text-align:left;margin-bottom:18px;}.care-intro h2{font-size:24px;}.section-kicker{font-size:9.5px;}.hero-modern .actions{display:grid!important;grid-template-columns:1fr 1fr;}.hero-modern .hero-ghost{grid-column:1/-1;}
}
@media(prefers-reduced-motion:reduce){.hero-bg img{animation:none!important;}.care-card,.quick button{transition:none!important;}}
:root{--s:#e97818;--s2:#fff2e3;--g:#0b7a4b;--g2:#e9f7ef;--r:#c92f3d;--deep:#083b2c;--ink:#17241f;--muted:#68736e;--line:#e6e4dc;--bg:#fbfaf6;--w:#fff;--danger:#c92f3d;--shadow:0 18px 48px rgba(32,45,38,.09)
;}
html,body{background:#f2f0e9!important;color:var(--ink)!important;}.app{background:var(--bg)!important;}
.topbar{background:rgba(255,254,250,.97)!important;border-bottom:1px solid #ebe6db!important;}
.desktop-navbtn.active{color:var(--g)!important;}.desktop-navbtn.active:after{background:linear-gradient(90deg,var(--s),var(--g))!important;}.desktop-navbtn:hover{color:var(--g)!important;background:#f7f4eb!important;}.desktop-call{background:linear-gradient(135deg,var(--g),#075d3b)!important;box-shadow:0 9px 23px rgba(11,122,75,.20)!important;}.lang{color:var(--g)!important;border-color:#dfddd4!important;background:#fffefb!important;}
.brand-logo{box-shadow:0 5px 18px rgba(201,47,61,.13)!important;}
.btn.primary{background:linear-gradient(135deg,#ef8a22 0%,#e56f13 45%,#0b7a4b 100%)!important;box-shadow:0 13px 30px rgba(124,79,23,.18)!important;}.btn.green{background:var(--g)!important;}.btn.soft{background:var(--g2)!important;color:#075f3c!important;border-color:#cfe7d9!important;}.linkbtn,.info-kicker{color:var(--g)!important;}.chip.active{background:var(--g)!important;border-color:var(--g)!important;}.navbtn.active{color:var(--g)!important;}.navbtn.book .navico{background:linear-gradient(145deg,var(--s),var(--g))!important;}
.hero-modern{isolation:isolate;background:#17382c!important;}
.hero-modern:before{background:linear-gradient(90deg,rgba(18,31,25,.94) 0%,rgba(28,48,37,.78) 40%,rgba(93,58,23,.35) 70%,rgba(227,116,25,.10) 100%)!important;}
.hero-modern:after{background:linear-gradient(0deg,rgba(7,55,40,.52),transparent 50%),linear-gradient(120deg,rgba(230,116,22,.13),transparent 42%)!important;}
.hero-accent{color:#ffc27b!important;}.hero-modern .eyebrow{background:rgba(255,248,235,.11)!important;border-color:rgba(255,220,173,.24)!important;color:#fff7e9!important;}.hero-modern .herochip{background:rgba(255,255,255,.09)!important;border-color:rgba(255,231,196,.19)!important;}.hero-secondary{background:#fffdf7!important;color:#164333!important;}.hero-ghost{background:rgba(255,251,241,.08)!important;border:1px solid rgba(255,229,191,.27)!important;color:#fff!important;}
.quick-section{background:#fffefb!important;}.team-section{background:linear-gradient(180deg,#f1f8f3,#fffefb)!important;}.specialties-section{background:#fff!important;}.home-contact-strip{background:#faf7ef!important;}
.quick button,.doctor-mini,.dept,.guidecard,.contactcard,.contact-info-card,.contact-location-card{border-color:#e8e3d8!important;box-shadow:0 8px 26px rgba(57,66,56,.045)!important;}.qicon,.guide-icon,.contact-icon{background:linear-gradient(145deg,#fff0dd,#eaf7ef)!important;color:var(--g)!important;}.quick button:hover{border-color:#dbcdb8!important;box-shadow:0 18px 38px rgba(79,65,41,.10)!important;}
.why-section{background:#f8f3e9!important;}.section-kicker{color:var(--g)!important;}.why-story{border-color:#e8dfcf!important;box-shadow:0 16px 40px rgba(65,52,33,.06)!important;}.why-story:after{color:#f5ead8!important;}.why-story-icon{background:linear-gradient(145deg,#fff0dd,#eaf7ef)!important;color:var(--g)!important;}.why-story h3,.care-intro h2,.care-card strong,.why-point strong{color:#183127!important;}.why-story p,.care-intro p,.care-card p,.why-point p{color:#66716b!important;}.link-arrow{color:var(--g)!important;}.muted-link{color:#7a6d5d!important;}.why-point{border-color:rgba(83,70,47,.09)!important;}.tone-cyan{background:#e8f6ee!important;}.tone-blue{background:#fff0df!important;}.tone-lilac{background:#fff7e8!important;}.tone-peach{background:#fcebed!important;}
.care-section{background:#fffefb!important;}.care-card{border-color:rgba(78,69,49,.09)!important;}.care-card:hover{box-shadow:0 18px 40px rgba(74,60,36,.08)!important;}.care-a{background:#e9f7ef!important;}.care-b{background:#fff0df!important;}.care-c{background:#fff8e8!important;}.care-card:nth-child(3) .care-icon{color:#b55c0d;}.care-card:nth-child(1) .care-icon{color:#087047;}.care-card:nth-child(2) .care-icon{color:#c92f3d;}
.emergency{background:linear-gradient(90deg,#fff0ed,#fffdf8)!important;border-color:#efd7d1!important;}.emergency .btn.green{background:var(--r)!important;}.verified-opd,.mini-opd-badge{background:#e8f6ee!important;color:#087047!important;}.badge{background:#eaf7ef!important;color:#087047!important;}.badge.orange{background:#fff0de!important;color:#a8520b!important;}.opd-card-summary{background:#fcfaf4!important;border-color:#e8e3d8!important;}
.ayushman-home-section{background:linear-gradient(135deg,#fff4e3 0%,#fffdf8 52%,#edf8f2 100%)!important;}.ayushman-home{border-color:#eadbc2!important;box-shadow:0 18px 46px rgba(80,64,38,.07)!important;}.ayushman-mark{background:#fff0cf!important;color:#9a5a06!important;}.ayushman-id strong{background:#fff2d8!important;color:#83520d!important;}
.desktop-footer{position:relative;background:linear-gradient(135deg,#07382b 0%,#0b4a37 58%,#116145 100%)!important;color:#fffdf6!important;}
.desktop-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#e97818 0 32%,#fff7df 32% 66%,#168253 66% 100%);}
.desktop-footer-inner:before{background:linear-gradient(90deg,transparent,rgba(255,237,206,.28),transparent)!important;}.footer-about p{color:#d8e6de!important;}.footer-brand span,.footer-contact span{color:#d6e8dd!important;}.desktop-footer h3{color:#fff8e9!important;}.footer-links button{color:#e4eee8!important;}.footer-links button:hover{color:#ffc680!important;}.footer-actions button{background:rgba(255,250,239,.08)!important;border-color:rgba(255,236,201,.18)!important;}.footer-actions button:hover{background:#fff8e9!important;color:#0b4a37!important;}.footer-note{background:rgba(3,33,24,.28)!important;color:#d1e2d7!important;border-top:1px solid rgba(255,241,214,.10)!important;}
@media(max-width:767px){
.hero-modern{background:linear-gradient(145deg,#0a4b37 0%,#0b6846 58%,#c86b18 145%)!important;}
.hero-modern .hero-accent{color:#ffc27b!important;}
.topbar{background:rgba(255,254,250,.98)!important;}
}
/* V8.4 — requested-only desktop behavior.
Important: mobile .topbar is globally centered with left:50% + translateX(-50%).
Desktop must explicitly neutralize those positioning values before sticky is enabled. */
@media (min-width:900px){
.topbar{
position:sticky!important;
top:0!important;
left:auto!important;
right:auto!important;
transform:none!important;
width:100%!important;
z-index:110!important;
}
.home-promo{display:none!important;}
}
/* V8.5 — sticky containment fix only.
overflow-x:hidden on .app creates a scrolling ancestor that prevents the desktop
topbar from sticking to the viewport. clip preserves horizontal clipping without
creating that scroll container. No navbar visual properties are changed. */
@media (min-width:900px){
.app{overflow-x:clip!important;}
}
/* V8.6 — Desktop hero text readability only. No layout/design changes. */
@media (min-width:900px){
.hero-modern h1 > span:first-child{
color:#ffffff!important;
text-shadow:0 2px 14px rgba(0,0,0,.38)!important;
}
.hero-modern .hero-content > p{
color:#ffffff!important;
opacity:1!important;
text-shadow:0 1px 10px rgba(0,0,0,.42)!important;
}
.hero-modern .herochip{
color:#ffffff!important;
background:rgba(7,39,29,.66)!important;
border-color:rgba(255,255,255,.34)!important;
text-shadow:0 1px 5px rgba(0,0,0,.30)!important;
backdrop-filter:blur(8px)!important;
}
}
/* V8.8 — Reach Us vector icons only. */
@media (min-width:900px){
.footer-contact-list{display:grid;gap:10px;margin-top:2px;}
.footer-contact-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;}
.footer-contact-row .footer-contact-icon{width:18px;height:18px;margin-top:2px;fill:none;stroke:#ffc680;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.footer-contact-row strong,.footer-contact-row span{margin:0!important;line-height:1.55;}
.footer-contact-row strong{color:#fffdf6;font-size:14px;}
.footer-contact-row span{color:#d6e8dd!important;font-size:12px;}
.footer-address-row .footer-contact-icon{margin-top:3px;}
}
/* V8.9 — Mobile hero text readability only. */
@media (max-width:767px){
.hero-modern h1 > span:first-child{
color:#ffffff!important;
text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}
.hero-modern .hero-content > p{
color:#f7f4ea!important;
opacity:1!important;
text-shadow:0 1px 8px rgba(0,0,0,.24)!important;
}
.hero-modern .herochip{
color:#ffffff!important;
background:rgba(5,55,38,.72)!important;
border-color:rgba(255,255,255,.32)!important;
text-shadow:0 1px 4px rgba(0,0,0,.20)!important;
}
}
/* V8.10 — Desktop nav-to-hero spacing only.
Desktop topbar is sticky and remains in normal document flow, so the mobile
fixed-header compensation on main must not add a second header-height gap. */
@media (min-width:900px){
main{padding-top:0!important;}
}
/* =========================================================
V8.11 — Premium Home Card System
Visual-only enhancement for Quick Access, Clinical Team,
Specialities and Home Contact cards. No content/logic change.
========================================================= */
/* Shared premium motion */
@keyframes rhCardEnter{
from{opacity:0;transform:translateY(18px) scale(.985)}
to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes rhIconFloat{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-3px)}
}
@keyframes rhCardShine{
0%{transform:translateX(-145%) rotate(12deg)}
100%{transform:translateX(245%) rotate(12deg)}
}
/* Quick Access — premium pastel cards */
.quick button{
position:relative;
isolation:isolate;
overflow:hidden;
border:1px solid rgba(29,93,65,.10)!important;
background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,252,249,.96))!important;
box-shadow:0 12px 34px rgba(24,70,49,.07), inset 0 1px 0 rgba(255,255,255,.92)!important;
transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease!important;
animation:rhCardEnter .52s cubic-bezier(.2,.8,.2,1) both;
}
.quick button:nth-child(1){background:linear-gradient(145deg,#f2fbf5 0%,#ffffff 58%,#edf8f1 100%)!important;animation-delay:.02s}
.quick button:nth-child(2){background:linear-gradient(145deg,#fff8ec 0%,#ffffff 58%,#fff3dd 100%)!important;animation-delay:.07s}
.quick button:nth-child(3){background:linear-gradient(145deg,#f5fbf6 0%,#ffffff 58%,#eef6ef 100%)!important;animation-delay:.12s}
.quick button:nth-child(4){background:linear-gradient(145deg,#fffaf1 0%,#ffffff 58%,#f7f4e9 100%)!important;animation-delay:.17s}
.quick button:nth-child(5){background:linear-gradient(145deg,#fff6e8 0%,#ffffff 58%,#fff1d5 100%)!important;animation-delay:.22s}
.quick button:nth-child(6){background:linear-gradient(145deg,#f3faf6 0%,#ffffff 58%,#eaf6ef 100%)!important;animation-delay:.27s}
.quick button::before{
content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:20px 0 0 20px;
background:linear-gradient(180deg,#ef8a18 0 33%,#f7f2e7 33% 66%,#0b8753 66% 100%);opacity:.9;z-index:-1;
}
.quick button::after{
content:"";position:absolute;top:-55%;left:-28%;width:34%;height:210%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);opacity:0;pointer-events:none;
}
.quick .qicon{
background:rgba(255,255,255,.76)!important;
border:1px solid rgba(17,116,70,.10);
color:#087a4c!important;
box-shadow:0 8px 18px rgba(20,88,58,.09),inset 0 1px 0 #fff;
transition:transform .28s ease,box-shadow .28s ease!important;
}
.quick strong{color:#10271f!important;letter-spacing:-.012em}
.quick small{color:#617169!important}
/* Clinical Team — refined portrait cards */
.doctor-mini{
position:relative;isolation:isolate;overflow:hidden;
border:1px solid rgba(33,92,67,.11)!important;
background:linear-gradient(145deg,#ffffff 0%,#fbfdfb 58%,#eef8f2 100%)!important;
box-shadow:0 13px 34px rgba(25,72,51,.075),inset 0 1px 0 rgba(255,255,255,.96)!important;
transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease!important;
animation:rhCardEnter .56s cubic-bezier(.2,.8,.2,1) both;
}
.doctor-mini:nth-child(1){animation-delay:.03s}.doctor-mini:nth-child(2){animation-delay:.08s}.doctor-mini:nth-child(3){animation-delay:.13s}
.doctor-mini:nth-child(4){animation-delay:.18s}.doctor-mini:nth-child(5){animation-delay:.23s}.doctor-mini:nth-child(6){animation-delay:.28s}
.doctor-mini::before{
content:"";position:absolute;inset:0 0 auto 0;height:3px;
background:linear-gradient(90deg,#f28a19 0 31%,#f5efe4 31% 67%,#078451 67% 100%);opacity:.92;z-index:2;
}
.doctor-mini::after{
content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-54px;bottom:-64px;
background:radial-gradient(circle,rgba(18,135,81,.10),transparent 70%);pointer-events:none;
}
.doctor-mini .portrait{
box-shadow:0 10px 24px rgba(13,54,39,.13)!important;
border:2px solid rgba(255,255,255,.9);
transition:transform .32s cubic-bezier(.2,.75,.2,1),box-shadow .32s ease!important;
}
.doctor-mini strong{color:#10271f!important;letter-spacing:-.015em}
.doctor-mini small{color:#66756e!important}
.doctor-mini .mini-opd-badge{box-shadow:0 5px 13px rgba(7,126,75,.08)}
/* Specialities — colored premium department tiles */
:is(#homeDepts,#allDepts) .dept{
position:relative;isolation:isolate;overflow:hidden;
border:1px solid rgba(43,88,68,.10)!important;
box-shadow:0 13px 34px rgba(33,73,54,.065),inset 0 1px 0 rgba(255,255,255,.95)!important;
transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease!important;
animation:rhCardEnter .56s cubic-bezier(.2,.8,.2,1) both;
}
:is(#homeDepts,#allDepts) .dept:nth-child(1){background:linear-gradient(145deg,#eefaf3,#ffffff 58%,#e6f5ed)!important;animation-delay:.03s}
:is(#homeDepts,#allDepts) .dept:nth-child(2){background:linear-gradient(145deg,#fff6e8,#ffffff 58%,#fff0d8)!important;animation-delay:.08s}
:is(#homeDepts,#allDepts) .dept:nth-child(3){background:linear-gradient(145deg,#f2f9f5,#ffffff 58%,#eaf5ef)!important;animation-delay:.13s}
:is(#homeDepts,#allDepts) .dept:nth-child(4){background:linear-gradient(145deg,#fff9ee,#ffffff 58%,#f8f1df)!important;animation-delay:.18s}
:is(#homeDepts,#allDepts) .dept:nth-child(5){background:linear-gradient(145deg,#eef8f4,#ffffff 58%,#e6f2ed)!important;animation-delay:.23s}
:is(#homeDepts,#allDepts) .dept:nth-child(6){background:linear-gradient(145deg,#fff5e9,#ffffff 58%,#fff0dc)!important;animation-delay:.28s}
:is(#homeDepts,#allDepts) .dept::before{
content:"";position:absolute;left:0;right:0;top:0;height:3px;
background:linear-gradient(90deg,#ed8519,#f2ede5 48%,#098451);opacity:.9;z-index:2;
}
:is(#homeDepts,#allDepts) .dept::after{
content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-82px;bottom:-92px;
background:radial-gradient(circle,rgba(17,129,77,.09),transparent 68%);pointer-events:none;
}
:is(#homeDepts,#allDepts) .dept .ico{
background:rgba(255,255,255,.78)!important;
border:1px solid rgba(11,126,75,.10);
color:#087b4c!important;
box-shadow:0 9px 20px rgba(23,90,61,.09),inset 0 1px 0 rgba(255,255,255,.96);
transition:transform .3s ease,box-shadow .3s ease!important;
}
:is(#homeDepts,#allDepts) .dept strong{color:#10271f!important;letter-spacing:-.015em}
:is(#homeDepts,#allDepts) .dept p{color:#68766f!important}
/* Home contact strip — strong hierarchy, not generic white cards */
.home-contact-strip{background:linear-gradient(180deg,#fbfaf6 0%,#f7f4ec 100%)!important}
.home-contact-strip .contactcard{
position:relative;overflow:hidden;isolation:isolate;
min-height:110px;
border:1px solid rgba(41,87,66,.10)!important;
box-shadow:0 13px 34px rgba(39,65,51,.07),inset 0 1px 0 rgba(255,255,255,.88)!important;
transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease!important;
animation:rhCardEnter .55s cubic-bezier(.2,.8,.2,1) both;
}
.home-contact-strip .contactcard:nth-child(1){background:linear-gradient(135deg,#0b754b 0%,#075e3c 100%)!important;color:#fff;animation-delay:.04s}
.home-contact-strip .contactcard:nth-child(2){background:linear-gradient(145deg,#fff4e3 0%,#fffaf2 60%,#fce9ca 100%)!important;animation-delay:.10s}
.home-contact-strip .contactcard:nth-child(3){background:linear-gradient(145deg,#eef8f2 0%,#ffffff 58%,#e6f3eb 100%)!important;animation-delay:.16s}
.home-contact-strip .contactcard::after{
content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-46px;top:-48px;
background:rgba(255,255,255,.12);pointer-events:none;
}
.home-contact-strip .contactcard strong{font-size:14px!important;letter-spacing:-.01em;color:#133126!important}
.home-contact-strip .contactcard span{font-size:13px!important;line-height:1.5;color:#65736c!important}
.home-contact-strip .contactcard:nth-child(1) strong,.home-contact-strip .contactcard:nth-child(1) span{color:#fff!important}
.home-contact-strip .contactcard:nth-child(1) span{opacity:.9}
/* Desktop interaction — elegant, restrained, premium */
@media(min-width:900px){
.quick button:hover,.doctor-mini:hover,:is(#homeDepts,#allDepts) .dept:hover,.home-contact-strip .contactcard:hover{
transform:translateY(-6px)!important;
border-color:rgba(12,126,75,.20)!important;
box-shadow:0 22px 48px rgba(25,72,51,.13),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.quick button:hover .qicon,:is(#homeDepts,#allDepts) .dept:hover .ico{transform:translateY(-3px) scale(1.045);box-shadow:0 12px 24px rgba(20,88,58,.14)!important}
.doctor-mini:hover .portrait{transform:scale(1.035);box-shadow:0 14px 30px rgba(13,54,39,.18)!important}
.quick button:hover::after{opacity:.72;animation:rhCardShine .78s ease both}
}
/* Mobile/WebView — retain compact layout while upgrading appearance */
@media(max-width:899px){
.quick button,.doctor-mini,:is(#homeDepts,#allDepts) .dept,.home-contact-strip .contactcard{
box-shadow:0 8px 22px rgba(25,72,51,.07)!important;
}
.home-contact-strip .contactcard{min-height:0}
}
@media(prefers-reduced-motion:reduce){
.quick button,.doctor-mini,:is(#homeDepts,#allDepts) .dept,.home-contact-strip .contactcard,
.quick .qicon,:is(#homeDepts,#allDepts) .dept .ico,.doctor-mini .portrait{
animation:none!important;transition:none!important;
}
}
/* V8.12 — Department/Speciality cards: selector fix + premium polish only. */
:is(#homeDepts,#allDepts) .dept{
min-height:190px;
padding:26px 28px!important;
border-radius:24px!important;
}
:is(#homeDepts,#allDepts) .dept .ico{
width:54px!important;height:54px!important;border-radius:17px!important;
font-size:25px!important;margin-bottom:20px!important;
}
:is(#homeDepts,#allDepts) .dept strong{font-size:17px!important;line-height:1.25!important;}
:is(#homeDepts,#allDepts) .dept p{font-size:14px!important;line-height:1.55!important;margin-top:9px!important;}
@media(max-width:899px){
:is(#homeDepts,#allDepts) .dept{min-height:0;padding:18px!important;border-radius:20px!important;}
:is(#homeDepts,#allDepts) .dept .ico{width:46px!important;height:46px!important;border-radius:15px!important;font-size:22px!important;margin-bottom:14px!important;}
:is(#homeDepts,#allDepts) .dept strong{font-size:15px!important;}
:is(#homeDepts,#allDepts) .dept p{font-size:12.5px!important;margin-top:7px!important;}
}
/* V8.13 corrected — remove ONLY saffron/white/green decorative card lines. */
.quick button::before,
.doctor-mini::before,
:is(#homeDepts,#allDepts) .dept::before{
display:none!important;
content:none!important;
}
/* V8.14 — Why Rahul section: premium motion only. Visual design/content unchanged. */
.why-story,
.why-point{
animation:rhCardEnter .58s cubic-bezier(.2,.8,.2,1) both;
transition:transform .30s cubic-bezier(.2,.7,.2,1),box-shadow .30s ease,border-color .30s ease;
will-change:transform;
}
.why-story{animation-delay:.03s;}
.why-point:nth-child(1){animation-delay:.08s;}
.why-point:nth-child(2){animation-delay:.14s;}
.why-point:nth-child(3){animation-delay:.20s;}
.why-point:nth-child(4){animation-delay:.26s;}
.why-story-icon,
.why-point>span{
transition:transform .30s cubic-bezier(.2,.7,.2,1),box-shadow .30s ease;
}
@media(min-width:900px){
.why-story:hover,
.why-point:hover{
transform:translateY(-6px);
box-shadow:0 22px 48px rgba(25,72,51,.12);
border-color:rgba(12,126,75,.18);
}
.why-story:hover .why-story-icon,
.why-point:hover>span{
transform:translateY(-3px) scale(1.045);
box-shadow:0 12px 24px rgba(20,88,58,.12);
}
}
@media(prefers-reduced-motion:reduce){
.why-story,.why-point,.why-story-icon,.why-point>span{
animation:none!important;
transition:none!important;
}
}
/* V8.15 accessibility: keyboard focus, visual design otherwise unchanged */
:where(button,a,input,select,textarea,[tabindex]):focus-visible{
outline:3px solid currentColor;
outline-offset:3px;
}
/* =========================================================
V8.16 — Modern responsive Privacy / Legal pages
Scoped to .legal-screen so the rest of Rahul Hospital UI stays unchanged.
========================================================= */
.legal-screen{background:#fbfcfa;}
.legal-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 88% 20%,rgba(230,130,42,.15),transparent 24%),
radial-gradient(circle at 70% 120%,rgba(5,119,78,.13),transparent 34%),
linear-gradient(135deg,#ffffff 0%,#f7fbf8 62%,#fff9f0 100%);
border-bottom:1px solid #e8eee9;
}
.legal-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:
linear-gradient(rgba(8,77,55,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(8,77,55,.025) 1px,transparent 1px);
background-size:34px 34px;mask-image:linear-gradient(to right,#000,transparent 82%);
}
.legal-hero-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:58px max(28px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px;align-items:center;}
.legal-title-block{max-width:850px;}
.legal-kicker,.legal-side-kicker{display:inline-flex;color:#08764e;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}
.legal-title-block h1{margin:10px 0 14px;color:#10281f;font-size:clamp(42px,4.5vw,62px);line-height:1;letter-spacing:-.045em;}
.legal-lead{margin:0;color:#52655d;font-size:16px;line-height:1.75;max-width:780px;}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;color:#708079;font-size:12px;}
.legal-meta b{color:#33483f;}
.legal-status{display:inline-flex;align-items:center;gap:7px;}
.legal-status-dot{width:8px;height:8px;border-radius:50%;background:#0c9b65;box-shadow:0 0 0 5px rgba(12,155,101,.10);}
.legal-hero-badge{justify-self:end;width:210px;min-height:210px;border-radius:34px;background:rgba(255,255,255,.82);border:1px solid rgba(213,227,219,.95);box-shadow:0 22px 54px rgba(10,73,52,.10);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;}
.legal-hero-badge .shield-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:linear-gradient(145deg,#e8f7ef,#fff7e8);color:#08764e;font-size:28px;font-weight:900;margin-bottom:14px;border:1px solid #dbeadf;}
.legal-hero-badge strong{color:#163328;font-size:18px;letter-spacing:-.02em;}
.legal-hero-badge small{color:#718078;font-size:11px;margin-top:5px;line-height:1.4;}
.legal-hero-compact .legal-hero-inner{padding-top:48px;padding-bottom:48px;}
.legal-hero-compact .legal-hero-badge{min-height:180px;}
.legal-section{padding-top:44px!important;padding-bottom:64px!important;background:transparent!important;}
.privacy-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px;}
.privacy-summary-card{display:flex;gap:13px;align-items:flex-start;padding:18px;border-radius:20px;background:#fff;border:1px solid #e4ebe6;box-shadow:0 10px 28px rgba(10,73,52,.045);}
.privacy-summary-icon{flex:0 0 42px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ecf8f1,#fff7e8);color:#08764e;font-size:18px;font-weight:900;}
.privacy-summary-card strong{display:block;color:#163328;font-size:13px;line-height:1.3;margin:2px 0 5px;}
.privacy-summary-card p{margin:0;color:#718078;font-size:11px;line-height:1.55;}
.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;}
.legal-content{display:grid;gap:16px;}
.single-legal-content{max-width:930px;margin:0 auto;width:100%;}
.legal-card{background:#fff;border:1px solid #e2e9e4;border-radius:24px;overflow:hidden;box-shadow:0 12px 34px rgba(10,73,52,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.legal-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(10,73,52,.07);border-color:#d2e2d8;}
.legal-card-head{display:flex;gap:15px;align-items:flex-start;padding:22px 24px 15px;}
.legal-num{flex:0 0 38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#edf8f2;color:#08764e;font-size:10px;font-weight:900;letter-spacing:.04em;border:1px solid #dcece3;}
.legal-card-head h2{margin:0;color:#163328;font-size:20px;letter-spacing:-.025em;line-height:1.2;}
.legal-card-head p{margin:5px 0 0;color:#87938d;font-size:11px;line-height:1.5;}
.legal-card-body{padding:0 24px 23px 77px;}
.legal-card-body>p{margin:0;color:#586b62;font-size:13px;line-height:1.75;}
.legal-list{list-style:none;padding:0;margin:0;display:grid;gap:9px;}
.legal-list li{position:relative;padding:11px 13px 11px 36px;border-radius:14px;background:#f8faf8;color:#51635b;font-size:12px;line-height:1.55;border:1px solid #edf1ee;}
.legal-list li:before{content:"✓";position:absolute;left:13px;top:10px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#e5f6ed;color:#08764e;font-size:9px;font-weight:900;}
.legal-callout{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:14px 15px;border-radius:16px;}
.legal-callout>span{flex:0 0 26px;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-weight:900;}
.legal-callout p{margin:0;font-size:11px;line-height:1.6;}
.legal-callout.warning{background:#fff8ee;border:1px solid #f4dfbe;color:#6c5638;}
.legal-callout.warning>span{background:#ffecd0;color:#a85f13;}
.legal-sidebar{position:sticky;top:108px;display:grid;gap:14px;}
.legal-side-card{background:#fff;border:1px solid #e2e9e4;border-radius:22px;padding:20px;box-shadow:0 12px 32px rgba(10,73,52,.045);}
.legal-side-card h3{margin:8px 0 8px;color:#163328;font-size:18px;}
.legal-side-card>p{margin:0 0 15px;color:#6b7b74;font-size:11.5px;line-height:1.65;}
.privacy-check-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px;}
.privacy-check-list li{display:flex;gap:9px;align-items:center;padding:9px 10px;border-radius:12px;background:#f3faf6;color:#3f5b4e;font-size:11px;font-weight:700;}
.privacy-check-list li>span:first-child{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#dff4e9;color:#08764e;font-size:10px;}
.privacy-check-list li.muted{background:#faf8f4;color:#756e62;}
.privacy-check-list li.muted>span:first-child{background:#f2ece1;color:#9b7a4d;}
.legal-side-btn{width:100%;margin-top:8px;min-height:42px;}
.legal-side-note{display:flex;gap:10px;padding:15px 16px;border-radius:18px;background:#eef7f2;border:1px solid #dbeae1;color:#5c7066;}
.legal-side-note>span{color:#08764e;font-weight:900;}
.legal-side-note p{margin:0;font-size:10.5px;line-height:1.55;}
.disclaimer-badge .shield-mark{color:#b96c17;background:linear-gradient(145deg,#fff2dd,#fff);}
@media(max-width:899px){
.legal-hero-inner{padding:34px 20px 30px;grid-template-columns:1fr;gap:20px;}
.legal-title-block h1{font-size:38px;}
.legal-lead{font-size:14px;line-height:1.65;}
.legal-hero-badge{justify-self:stretch;width:auto;min-height:0;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:13px;text-align:left;border-radius:22px;padding:15px 16px;}
.legal-hero-badge .shield-mark{grid-row:1/3;width:52px;height:52px;border-radius:16px;margin:0;font-size:22px;}
.legal-hero-badge strong{font-size:15px;align-self:end;}
.legal-hero-badge small{font-size:10.5px;align-self:start;}
.legal-section{padding:24px 16px 98px!important;}
.privacy-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;}
.privacy-summary-card{padding:14px;border-radius:17px;gap:10px;}
.privacy-summary-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;}
.legal-layout{grid-template-columns:1fr;gap:16px;}
.legal-sidebar{position:static;grid-template-columns:1fr 1fr;}
.legal-side-note{grid-column:1/-1;}
.legal-card{border-radius:20px;}
.legal-card-head{padding:18px 17px 12px;gap:11px;}
.legal-num{flex-basis:34px;height:34px;border-radius:11px;}
.legal-card-head h2{font-size:17px;}
.legal-card-head p{font-size:10.5px;}
.legal-card-body{padding:0 17px 18px 62px;}
.legal-card-body>p{font-size:12px;line-height:1.7;}
}
@media(max-width:560px){
.legal-hero-inner{padding:28px 16px 24px;}
.legal-title-block h1{font-size:34px;margin-top:8px;}
.legal-kicker{font-size:9.5px;}
.legal-lead{font-size:12.5px;}
.legal-meta{display:grid;gap:8px;margin-top:16px;font-size:10.5px;}
.privacy-summary-grid{grid-template-columns:1fr;}
.privacy-summary-card{align-items:center;}
.privacy-summary-card p{font-size:10.5px;}
.legal-sidebar{grid-template-columns:1fr;}
.legal-side-note{grid-column:auto;}
.legal-card-head{padding:16px 15px 10px;}
.legal-card-head h2{font-size:16px;}
.legal-card-head p{font-size:10px;}
.legal-card-body{padding:0 15px 16px;}
.legal-list li{font-size:10.8px;}
.legal-callout p{font-size:10.5px;}
}
@media(prefers-reduced-motion:reduce){
.legal-card{transition:none!important;}
.legal-card:hover{transform:none!important;}
}
/* =========================================================
V8.17 — Premium responsive Facilities page
========================================================= */
.facilities-screen{background:#fbfcfa;}
.facilities-hero{position:relative;overflow:hidden;border-bottom:1px solid #e4ece7;background:
radial-gradient(circle at 88% 15%,rgba(240,139,35,.17),transparent 25%),
radial-gradient(circle at 70% 110%,rgba(9,129,84,.16),transparent 36%),
linear-gradient(135deg,#fff 0%,#f3faf6 60%,#fff8ec 100%);}
.facilities-hero:before{content:"";position:absolute;inset:0;background-image:
linear-gradient(rgba(7,91,61,.028) 1px,transparent 1px),
linear-gradient(90deg,rgba(7,91,61,.028) 1px,transparent 1px);
background-size:34px 34px;pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent 86%);}
.facilities-hero-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:58px max(28px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:50px;align-items:center;}
.facilities-kicker{display:inline-flex;font-size:10px;font-weight:950;letter-spacing:.16em;color:#08764e;text-transform:uppercase;}
.facilities-hero-copy h1{margin:11px 0 16px;max-width:760px;font-size:clamp(39px,4.2vw,58px);line-height:1.04;letter-spacing:-.045em;color:#10281f;}
.facilities-hero-copy>p{max-width:780px;margin:0;color:#5c6e65;font-size:15px;line-height:1.75;}
.facilities-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.facilities-hero-actions .btn{min-height:46px;padding-inline:18px;}
.facilities-stat-panel{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:12px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(218,230,223,.95);box-shadow:0 24px 60px rgba(7,72,50,.09);backdrop-filter:blur(14px);}
.facility-stat{min-height:128px;border-radius:20px;padding:18px;background:#fff;border:1px solid #e5ece7;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;}
.facility-stat:before{content:"";position:absolute;width:82px;height:82px;border-radius:50%;right:-28px;top:-30px;background:#eaf7f0;}
.facility-stat.accent:before{background:#fff0d9;}
.facility-stat strong{position:relative;color:#08764e;font-size:29px;line-height:1;font-weight:950;letter-spacing:-.04em;}
.facility-stat.accent strong{color:#b96514;}
.facility-stat span{position:relative;margin-top:8px;color:#65776e;font-size:10px;font-weight:800;line-height:1.3;}
.facilities-main-section{padding-top:42px!important;padding-bottom:70px!important;}
.facilities-intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px;}
.facilities-intro-row>div:first-child{max-width:830px;}
.facilities-intro-row .eyebrow{display:block;color:#08764e;font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;}
.facilities-intro-row h2{margin:0;color:#10281f;font-size:30px;letter-spacing:-.035em;}
.facilities-intro-row p{margin:9px 0 0;color:#687970;font-size:12px;line-height:1.65;}
.facility-verified-seal{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:15px;background:#edf8f2;border:1px solid #d7ebdf;color:#08764e;font-size:10px;font-weight:900;white-space:nowrap;}
.facility-verified-seal span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#dff3e8;}
.facility-groups{display:grid;gap:22px;}
.facility-group{padding:23px;border:1px solid #e2eae5;background:#fff;border-radius:26px;box-shadow:0 14px 38px rgba(9,68,49,.045);}
.facility-group-head{display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center;margin-bottom:17px;}
.facility-group-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:20px;font-weight:950;color:#08764e;background:linear-gradient(145deg,#e9f7ef,#fff5e8);border:1px solid #ddebe2;}
.facility-group-head h2{margin:0;color:#173329;font-size:20px;letter-spacing:-.025em;}
.facility-group-head p{margin:4px 0 0;color:#7a8982;font-size:10.5px;line-height:1.45;}
.facility-group-count{min-width:31px;height:31px;padding:0 9px;border-radius:11px;display:grid;place-items:center;background:#f2f6f3;color:#527066;font-weight:900;font-size:10px;}
.facility-modern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.facility-modern-card{position:relative;display:flex;flex-direction:column;min-height:220px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid #e6ece8;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden;}
.facility-modern-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-40px;bottom:-42px;background:rgba(10,128,83,.05);}
.facility-modern-card:hover{transform:translateY(-4px);border-color:#cee3d6;box-shadow:0 18px 34px rgba(7,76,52,.08);}
.facility-modern-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.facility-modern-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef8f2;color:#08764e;border:1px solid #dcece3;font-size:17px;font-weight:950;}
.facility-confirmed-badge{display:inline-flex;align-items:center;padding:5px 7px;border-radius:999px;background:#f2faf5;color:#08764e;border:1px solid #dceee3;font-size:7.5px;font-weight:950;white-space:nowrap;}
.facility-modern-card h3{margin:15px 0 7px;color:#173329;font-size:15px;letter-spacing:-.02em;}
.facility-modern-card p{margin:0;color:#708078;font-size:10.5px;line-height:1.55;flex:1;}
.facility-card-action{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:flex-start;margin-top:14px;padding:0;border:0;background:transparent;color:#08764e;font-size:9px;font-weight:950;cursor:pointer;}
.facility-card-action:hover{text-decoration:underline;}
.facility-guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;}
.facility-guidance-card{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:18px;border-radius:20px;background:#f1f8f4;border:1px solid #dbeae1;color:#536a5f;}
.facility-guidance-card.emergency{background:#fff7ed;border-color:#f2dfc3;color:#715b3d;}
.guidance-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#dff2e7;color:#08764e;font-weight:950;}
.facility-guidance-card.emergency .guidance-icon{background:#ffead0;color:#a96119;}
.facility-guidance-card strong{display:block;color:#163328;font-size:13px;margin:1px 0 5px;}
.facility-guidance-card.emergency strong{color:#6b4b28;}
.facility-guidance-card p{margin:0;font-size:10.5px;line-height:1.6;}
.facility-guidance-card .btn{margin-top:11px;min-height:38px;padding:8px 13px;font-size:10px;}
@media(max-width:1050px){
.facilities-hero-inner{grid-template-columns:minmax(0,1fr) 340px;gap:32px;}
.facility-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
.facilities-hero-inner{padding:32px 16px 25px;grid-template-columns:1fr;gap:19px;}
.facilities-hero-copy h1{font-size:34px;margin-top:8px;}
.facilities-hero-copy>p{font-size:12.5px;line-height:1.65;}
.facilities-hero-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;}
.facilities-hero-actions .btn{min-height:43px;padding-inline:10px;font-size:10px;}
.facilities-stat-panel{grid-template-columns:repeat(4,1fr);gap:7px;border-radius:20px;padding:8px;overflow-x:auto;}
.facility-stat{min-width:112px;min-height:92px;border-radius:15px;padding:12px;}
.facility-stat strong{font-size:21px;}
.facility-stat span{font-size:8.5px;}
.facilities-main-section{padding:24px 14px 100px!important;}
.facilities-intro-row{align-items:flex-start;margin-bottom:17px;}
.facilities-intro-row h2{font-size:23px;}
.facilities-intro-row p{font-size:10.8px;}
.facility-verified-seal{display:none;}
.facility-groups{gap:15px;}
.facility-group{padding:15px;border-radius:20px;}
.facility-group-head{grid-template-columns:42px 1fr auto;gap:10px;margin-bottom:13px;}
.facility-group-mark{width:42px;height:42px;border-radius:13px;font-size:17px;}
.facility-group-head h2{font-size:16px;}
.facility-group-head p{font-size:9.5px;}
.facility-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.facility-modern-card{min-height:205px;padding:13px;border-radius:17px;}
.facility-modern-icon{width:38px;height:38px;border-radius:12px;font-size:15px;}
.facility-confirmed-badge{font-size:6.8px;padding:4px 6px;}
.facility-modern-card h3{font-size:13px;margin:12px 0 6px;}
.facility-modern-card p{font-size:9.5px;line-height:1.5;}
.facility-guidance-grid{grid-template-columns:1fr;gap:10px;margin-top:15px;}
}
@media(max-width:420px){
.facilities-hero-copy h1{font-size:30px;}
.facilities-hero-actions{grid-template-columns:1fr;}
.facility-modern-grid{grid-template-columns:1fr;}
.facility-modern-card{min-height:auto;}
.facility-stat-panel{grid-template-columns:repeat(4,112px);}
}
@media(prefers-reduced-motion:reduce){
.facility-modern-card{transition:none!important;}
.facility-modern-card:hover{transform:none!important;}
}
/* V8.18 — professional vector icon system for all facility cards */
.facility-modern-icon{
width:48px;
height:48px;
border-radius:15px;
display:grid;
place-items:center;
background:linear-gradient(145deg,#f4fbf7 0%,#eaf7f0 100%);
color:#08764e;
border:1px solid #d6e9de;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(7,86,58,.06);
}
.facility-modern-icon svg{
width:27px;
height:27px;
display:block;
}
.facility-modern-card:hover .facility-modern-icon{
background:linear-gradient(145deg,#edf9f2 0%,#e3f4eb 100%);
border-color:#c7e2d2;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 9px 18px rgba(7,86,58,.09);
}
.facility-group-critical .facility-modern-icon{
background:linear-gradient(145deg,#f1faf6,#e7f6ee);
}
.facility-group-surgical .facility-modern-icon{
background:linear-gradient(145deg,#fff8ef,#f9f0e2);
color:#a86723;
border-color:#efdfc7;
}
.facility-group-diagnostic .facility-modern-icon{
background:linear-gradient(145deg,#f2f7fb,#e9f1f7);
color:#326b82;
border-color:#d7e4ea;
}
.facility-group-support .facility-modern-icon{
background:linear-gradient(145deg,#f4fbf7,#eaf7f0);
}
@media(max-width:760px){
.facility-modern-icon{width:42px;height:42px;border-radius:13px;}
.facility-modern-icon svg{width:24px;height:24px;}
}
/* Primary button: same appearance in normal / hover / focus / active */
#ayushman .btn.green,
.ayushman .btn.green,
.ayushman-card .btn.green,
.ayushman-assistance .btn.green,
.ayushman-assist .btn.green,
.ayushmanBox .btn.green,
.pmjay .btn.green,
.pm-jay .btn.green,
[data-section="ayushman"] .btn.green,
.ayushman-actions .btn.green,
.ayushman-copy .btn.green,
.ayushman-home .btn.green,
.ayushman-home-section .btn.green,
.ayushman-id .btn.green,
.ayushman-mark .btn.green,
#ayushman .btn.green:hover,
#ayushman .btn.green:focus,
#ayushman .btn.green:active,
.ayushman .btn.green:hover,
.ayushman .btn.green:focus,
.ayushman .btn.green:active,
.ayushman-card .btn.green:hover,
.ayushman-card .btn.green:focus,
.ayushman-card .btn.green:active,
.ayushman-assistance .btn.green:hover,
.ayushman-assistance .btn.green:focus,
.ayushman-assistance .btn.green:active,
.ayushman-assist .btn.green:hover,
.ayushman-assist .btn.green:focus,
.ayushman-assist .btn.green:active,
.ayushmanBox .btn.green:hover,
.ayushmanBox .btn.green:focus,
.ayushmanBox .btn.green:active,
.pmjay .btn.green:hover,
.pmjay .btn.green:focus,
.pmjay .btn.green:active,
.pm-jay .btn.green:hover,
.pm-jay .btn.green:focus,
.pm-jay .btn.green:active,
[data-section="ayushman"] .btn.green:hover,
[data-section="ayushman"] .btn.green:focus,
[data-section="ayushman"] .btn.green:active,
.ayushman-actions .btn.green:hover,
.ayushman-actions .btn.green:focus,
.ayushman-actions .btn.green:active,
.ayushman-copy .btn.green:hover,
.ayushman-copy .btn.green:focus,
.ayushman-copy .btn.green:active,
.ayushman-home .btn.green:hover,
.ayushman-home .btn.green:focus,
.ayushman-home .btn.green:active,
.ayushman-home-section .btn.green:hover,
.ayushman-home-section .btn.green:focus,
.ayushman-home-section .btn.green:active,
.ayushman-id .btn.green:hover,
.ayushman-id .btn.green:focus,
.ayushman-id .btn.green:active,
.ayushman-mark .btn.green:hover,
.ayushman-mark .btn.green:focus,
.ayushman-mark .btn.green:active{
background:#0b8457!important;
color:#ffffff!important;
border-color:#0b8457!important;
box-shadow:none!important;
}
/* Secondary button: same appearance in normal / hover / focus / active */
#ayushman .btn.soft,
.ayushman .btn.soft,
.ayushman-card .btn.soft,
.ayushman-assistance .btn.soft,
.ayushman-assist .btn.soft,
.ayushmanBox .btn.soft,
.pmjay .btn.soft,
.pm-jay .btn.soft,
[data-section="ayushman"] .btn.soft,
.ayushman-actions .btn.soft,
.ayushman-copy .btn.soft,
.ayushman-home .btn.soft,
.ayushman-home-section .btn.soft,
.ayushman-id .btn.soft,
.ayushman-mark .btn.soft,
#ayushman .btn.soft:hover,
#ayushman .btn.soft:focus,
#ayushman .btn.soft:active,
.ayushman .btn.soft:hover,
.ayushman .btn.soft:focus,
.ayushman .btn.soft:active,
.ayushman-card .btn.soft:hover,
.ayushman-card .btn.soft:focus,
.ayushman-card .btn.soft:active,
.ayushman-assistance .btn.soft:hover,
.ayushman-assistance .btn.soft:focus,
.ayushman-assistance .btn.soft:active,
.ayushman-assist .btn.soft:hover,
.ayushman-assist .btn.soft:focus,
.ayushman-assist .btn.soft:active,
.ayushmanBox .btn.soft:hover,
.ayushmanBox .btn.soft:focus,
.ayushmanBox .btn.soft:active,
.pmjay .btn.soft:hover,
.pmjay .btn.soft:focus,
.pmjay .btn.soft:active,
.pm-jay .btn.soft:hover,
.pm-jay .btn.soft:focus,
.pm-jay .btn.soft:active,
[data-section="ayushman"] .btn.soft:hover,
[data-section="ayushman"] .btn.soft:focus,
[data-section="ayushman"] .btn.soft:active,
.ayushman-actions .btn.soft:hover,
.ayushman-actions .btn.soft:focus,
.ayushman-actions .btn.soft:active,
.ayushman-copy .btn.soft:hover,
.ayushman-copy .btn.soft:focus,
.ayushman-copy .btn.soft:active,
.ayushman-home .btn.soft:hover,
.ayushman-home .btn.soft:focus,
.ayushman-home .btn.soft:active,
.ayushman-home-section .btn.soft:hover,
.ayushman-home-section .btn.soft:focus,
.ayushman-home-section .btn.soft:active,
.ayushman-id .btn.soft:hover,
.ayushman-id .btn.soft:focus,
.ayushman-id .btn.soft:active,
.ayushman-mark .btn.soft:hover,
.ayushman-mark .btn.soft:focus,
.ayushman-mark .btn.soft:active{
background:#eaf7f0!important;
color:#08764e!important;
border-color:#cfe7d9!important;
box-shadow:none!important;
}
/* Preserve keyboard accessibility without animated/color-changing feedback */
#ayushman .btn:focus-visible,
.ayushman .btn:focus-visible,
.ayushman-card .btn:focus-visible,
.ayushman-assistance .btn:focus-visible,
.ayushman-assist .btn:focus-visible,
.ayushmanBox .btn:focus-visible,
.pmjay .btn:focus-visible,
.pm-jay .btn:focus-visible,
[data-section="ayushman"] .btn:focus-visible,
.ayushman-actions .btn:focus-visible,
.ayushman-copy .btn:focus-visible,
.ayushman-home .btn:focus-visible,
.ayushman-home-section .btn:focus-visible,
.ayushman-id .btn:focus-visible,
.ayushman-mark .btn:focus-visible{
outline:3px solid currentColor!important;
outline-offset:3px!important;
}
/* =========================================================
V8.21 — Professional Ayushman Assistance animations
Scoped only to Ayushman section; subtle, premium and responsive.
========================================================= */
/* Soft section entrance */
.ayushman-home-section{
animation:ayushmanSectionEnter .72s cubic-bezier(.2,.75,.25,1) both;
transform-origin:center;
}
@keyframes ayushmanSectionEnter{
from{opacity:0;transform:translateY(16px) scale(.992);}
to{opacity:1;transform:translateY(0) scale(1);}
}
/* Icon / mark gets a refined breathing glow */
.ayushman-mark{
position:relative;
animation:ayushmanMarkFloat 4.2s ease-in-out infinite;
transition:transform .28s ease, box-shadow .28s ease, background-color .28s ease;
}
.ayushman-mark:after{
content:"";
position:absolute;
inset:-7px;
border-radius:inherit;
border:1px solid rgba(212,145,35,.20);
opacity:0;
animation:ayushmanMarkHalo 3.8s ease-in-out infinite;
pointer-events:none;
}
@keyframes ayushmanMarkFloat{
0%,100%{transform:translateY(0) rotate(0);}
50%{transform:translateY(-3px) rotate(1deg);}
}
@keyframes ayushmanMarkHalo{
0%,100%{opacity:0;transform:scale(.92);}
50%{opacity:1;transform:scale(1.06);}
}
/* Copy comes in with a tiny stagger */
.ayushman-copy > *{
animation:ayushmanCopyIn .55s cubic-bezier(.2,.72,.28,1) both;
}
.ayushman-copy > *:nth-child(1){animation-delay:.06s;}
.ayushman-copy > *:nth-child(2){animation-delay:.12s;}
.ayushman-copy > *:nth-child(3){animation-delay:.18s;}
.ayushman-copy > *:nth-child(4){animation-delay:.24s;}
@keyframes ayushmanCopyIn{
from{opacity:0;transform:translateY(8px);}
to{opacity:1;transform:translateY(0);}
}
/* PM-JAY id badge: subtle premium shimmer, not flashy */
.ayushman-id{
position:relative;
overflow:hidden;
transition:transform .25s ease, box-shadow .25s ease;
}
.ayushman-id:before{
content:"";
position:absolute;
top:0;bottom:0;
width:42%;
left:-55%;
background:linear-gradient(100deg,transparent,rgba(255,255,255,.72),transparent);
transform:skewX(-18deg);
animation:ayushmanIdShine 5.5s ease-in-out infinite;
pointer-events:none;
}
@keyframes ayushmanIdShine{
0%,68%{left:-55%;opacity:0;}
72%{opacity:1;}
88%{left:120%;opacity:.9;}
100%{left:120%;opacity:0;}
}
/* Action buttons: refined hover/focus motion and color depth */
.ayushman-actions .btn{
position:relative;
overflow:hidden;
transition:
transform .22s cubic-bezier(.2,.75,.25,1),
box-shadow .22s ease,
background-color .22s ease,
color .22s ease,
border-color .22s ease;
will-change:transform;
}
.ayushman-actions .btn:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.22) 45%,transparent 75%);
transform:translateX(-140%);
transition:transform .52s ease;
pointer-events:none;
}
.ayushman-actions .btn:hover:before,
.ayushman-actions .btn:focus-visible:before{
transform:translateX(140%);
}
.ayushman-actions .btn:hover{
transform:translateY(-2px);
}
.ayushman-actions .btn:active{
transform:translateY(0) scale(.985);
}
/* Primary CTA */
.ayushman-actions .btn.green:hover,
.ayushman-actions .btn.green:focus-visible{
background:#096f4a!important;
border-color:#096f4a!important;
color:#fff!important;
box-shadow:0 10px 24px rgba(9,111,74,.20)!important;
}
/* Secondary CTA */
.ayushman-actions .btn.soft:hover,
.ayushman-actions .btn.soft:focus-visible{
background:#dff3e8!important;
border-color:#bcdcc9!important;
color:#066944!important;
box-shadow:0 8px 20px rgba(8,118,78,.10)!important;
}
/* Slight card depth on desktop */
@media(hover:hover) and (pointer:fine){
.ayushman-home{
transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.ayushman-home:hover{
transform:translateY(-3px);
box-shadow:0 18px 42px rgba(8,83,58,.08);
border-color:#e2d2b7;
}
}
/* Mobile: retain smooth tap feedback but avoid excessive motion */
@media(max-width:760px){
.ayushman-home-section{animation-duration:.58s;}
.ayushman-mark{animation-duration:5.2s;}
.ayushman-actions .btn:hover{transform:none;}
.ayushman-actions .btn:active{transform:scale(.985);}
}
/* Respect OS accessibility setting */
@media(prefers-reduced-motion:reduce){
.ayushman-home-section,
.ayushman-mark,
.ayushman-mark:after,
.ayushman-copy > *,
.ayushman-id:before{
animation:none!important;
}
.ayushman-home,
.ayushman-mark,
.ayushman-id,
.ayushman-actions .btn,
.ayushman-actions .btn:before{
transition:none!important;
}
.ayushman-home:hover,
.ayushman-actions .btn:hover,
.ayushman-actions .btn:active{
transform:none!important;
}
}
/* =========================================================
V8.22 — Desktop-only hero background slideshow
First slide: approved hospital front. Then 8 supplied hospital images.
Mobile/tablet hero behavior remains unchanged.
========================================================= */
.desktop-hero-slideshow{display:none;}
@media (min-width:900px){
.hero-bg .hero-static-bg{display:none!important;}
.desktop-hero-slideshow{
display:block;
position:absolute;
inset:0;
overflow:hidden;
}
.desktop-hero-slide{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
opacity:0;
transform:scale(1.025);
transition:opacity .95s ease-in-out;
will-change:opacity,transform;
}
.desktop-hero-slide.is-active{
opacity:1;
z-index:1;
animation:rhDesktopHeroKenBurns 7.2s ease-in-out both;
}
@keyframes rhDesktopHeroKenBurns{
0%{transform:scale(1.025) translate3d(0,0,0);}
100%{transform:scale(1.075) translate3d(-.7%,.35%,0);}
}
}
/* Keep the existing static hospital background on tablet widths. */
@media (min-width:768px) and (max-width:899px){
.hero-bg .hero-static-bg{
display:block!important;
width:100%;
height:100%;
object-fit:cover;
object-position:center 44%;
}
}
/* Existing mobile design intentionally has no hero background image. */
@media (max-width:767px){
.desktop-hero-slideshow{display:none!important;}
}
/* Accessibility: image changes continue, but zoom motion is removed. */
@media (prefers-reduced-motion:reduce) and (min-width:900px){
.desktop-hero-slide,
.desktop-hero-slide.is-active{
animation:none!important;
transform:none!important;
transition:opacity .35s linear!important;
}
}
/* V8.22.1 slideshow stability: only the active layer animates. */
@media (min-width:900px){
.desktop-hero-slide{animation:none!important;}
.desktop-hero-slide.is-active{animation:rhDesktopHeroKenBurns 7.2s ease-in-out both!important;}
}
/* =========================================================
V8.22.5 — Mobile hero: extra-dark, crisp, no-blur treatment
Background remains visible, while text/buttons stay highly readable.
========================================================= */
.mobile-hero-slideshow{display:none;}
@media (max-width:767px){
.hero{
position:relative;
overflow:hidden;
isolation:isolate;
background:#073d2f;
}
.hero-bg{
display:block!important;
position:absolute!important;
inset:0!important;
overflow:hidden!important;
border-radius:inherit;
z-index:0!important;
background:#073d2f;
}
.hero-bg .hero-static-bg{display:none!important;}
.mobile-hero-slideshow{
display:block;
position:absolute;
inset:-2px;
overflow:hidden;
}
.mobile-hero-slide{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
opacity:0;
transform:scale(1.025);
filter:brightness(.43) saturate(.82) contrast(1.02);
transition:opacity .9s cubic-bezier(.4,0,.2,1);
will-change:opacity,transform;
}
.mobile-hero-slide.is-active{
opacity:1;
z-index:1;
animation:rhMobileHeroKenBurns 5.2s ease-in-out both!important;
}
@keyframes rhMobileHeroKenBurns{
from{transform:scale(1.025) translate3d(0,0,0);}
to{transform:scale(1.07) translate3d(-.35%,.2%,0);}
}
/* Desktop-like darkness: strongest behind copy, softer toward right/bottom.
This is deliberately neutral/dark rather than a flat green wash. */
.hero:before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:
linear-gradient(90deg,
rgba(1,18,15,.93) 0%,
rgba(2,25,20,.89) 42%,
rgba(2,30,23,.79) 72%,
rgba(1,22,18,.72) 100%),
linear-gradient(180deg,
rgba(0,0,0,.32) 0%,
rgba(0,0,0,.18) 43%,
rgba(0,0,0,.44) 100%);
}
/* Soft depth layer like desktop hero; does not blur foreground content. */
.hero:after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:
radial-gradient(circle at 50% 45%,transparent 28%,rgba(0,0,0,.18) 100%),
linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.28) 100%);
}
.hero > *:not(.hero-bg){
position:relative;
z-index:2;
}
.hero h1,.hero h2,.hero p,.hero .hero-kicker,.hero .chip,.hero .pill{
text-shadow:0 2px 6px rgba(0,0,0,.55);
}
}
@media (min-width:768px){
.mobile-hero-slideshow{display:none!important;}
}
@media (prefers-reduced-motion:reduce) and (max-width:767px){
.mobile-hero-slide,.mobile-hero-slide.is-active{
animation:none!important;
transition:none!important;
transform:none!important;
}
.mobile-hero-slide:not(.is-active){display:none!important;}
}
/* V8.22.8 — Social footer */
.footer-social{margin-top:24px}.footer-social h3{margin:0 0 13px!important;font-size:12px!important;letter-spacing:2.2px;color:#fff!important;font-weight:900}
.footer-social-links{display:flex;align-items:center;gap:12px}.social-btn{width:46px;height:46px;border:1px solid rgba(255,255,255,.10);border-radius:50%;display:grid;place-items:center;padding:0;background:rgba(255,255,255,.10);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.social-btn svg{width:22px;height:22px;fill:currentColor;stroke:none}.social-btn:not(:first-child) svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.social-btn .social-dot{fill:currentColor;stroke:none}
.social-btn:hover{transform:translateY(-3px);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.24);box-shadow:0 9px 20px rgba(0,0,0,.18)}.social-btn:focus-visible{outline:3px solid rgba(255,198,128,.65);outline-offset:3px}.social-whatsapp:hover{background:#168253;border-color:#36b77b}
.site-toast{position:fixed;left:50%;bottom:28px;z-index:9999;transform:translate(-50%,18px);padding:11px 16px;border-radius:12px;background:rgba(18,27,24,.96);color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.25);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;white-space:nowrap;max-width:calc(100vw - 32px)}
.site-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}@media(max-width:899px){.site-toast{bottom:calc(var(--nav) + 22px + env(safe-area-inset-bottom))}}
/* V8.22.9 — Intent-led CTA cleanup */
.desktop-phone{
display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;
padding:7px 12px;border:1px solid rgba(11,105,70,.14);border-radius:14px;
background:rgba(255,255,255,.74);transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.desktop-phone:hover{background:#fff;border-color:rgba(11,105,70,.26);transform:translateY(-1px)}
.desktop-phone-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f6ef;color:#087b50;font-size:16px}
.desktop-phone-copy{display:flex;flex-direction:column;line-height:1.08}
.desktop-phone-copy small{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#60736b}
.desktop-phone-copy strong{margin-top:4px;font-size:14px;color:#0b563d;letter-spacing:.2px}
.docactions-single .sm,.deptactions-single .sm{width:100%;justify-content:center}
.footer-actions-single{grid-template-columns:1fr!important}
@media(max-width:899px){.desktop-phone{display:none}}
/* V8.23.0 — Brand home action + hero-first information hierarchy */
.brand-home{
appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;
font:inherit;color:inherit;text-align:left;cursor:pointer;
}
.brand-home:focus-visible{outline:3px solid rgba(10,129,83,.25);outline-offset:5px;border-radius:12px}
.brand-home .brandcopy{display:flex;flex-direction:column}
@media(min-width:900px){
.brand-home{transition:opacity .18s ease,transform .18s ease}
.brand-home:hover{opacity:.92;transform:translateY(-1px)}
}
/* Promo intentionally follows the hero: primary hospital identity/action first,
rotating promotional content second, quick access third. */
.home-promo-after-hero{position:relative;z-index:2}
/* V8.23.1 — Clear bilingual EN / हिंदी language switch */
.lang-switch{
--switch-w:118px;
height:44px;min-width:150px;padding:4px 6px 4px 8px;border:1px solid rgba(8,105,70,.16);
border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;
color:#0b563d;box-shadow:0 3px 12px rgba(8,70,49,.06);
transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.lang-switch:hover{border-color:rgba(8,105,70,.3);box-shadow:0 6px 16px rgba(8,70,49,.10);transform:translateY(-1px)}
.lang-switch:focus-visible{outline:3px solid rgba(10,129,83,.22);outline-offset:3px}
.lang-globe{font-size:16px;line-height:1;filter:saturate(.8)}
.lang-track{
position:relative;width:var(--switch-w);height:34px;border-radius:11px;background:#edf5f1;
display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:3px;overflow:hidden;
border:1px solid rgba(8,105,70,.08)
}
.lang-thumb{
position:absolute;z-index:0;left:3px;top:3px;width:calc(50% - 3px);height:28px;border-radius:9px;
background:linear-gradient(135deg,#0c8a59,#08734a);box-shadow:0 2px 7px rgba(4,84,55,.22);
transition:transform .24s cubic-bezier(.2,.8,.2,1)
}
.lang-option{
position:relative;z-index:1;text-align:center;font-size:11px;font-weight:900;letter-spacing:.35px;
color:#60726a;transition:color .2s ease;user-select:none
}
.lang-en{color:#fff}
.lang-switch.is-hi .lang-thumb{transform:translateX(100%)}
.lang-switch.is-hi .lang-en{color:#60726a}
.lang-switch.is-hi .lang-hi{color:#fff}
@media(max-width:899px){
.lang-switch{height:40px;min-width:132px;padding:3px 5px 3px 7px;border-radius:13px;gap:5px}
.lang-switch{--switch-w:103px}
.lang-track{height:31px;border-radius:10px}
.lang-thumb{height:25px;border-radius:8px}
.lang-option{font-size:10px}
.lang-globe{font-size:14px}
}
@media(max-width:390px){
.lang-switch{min-width:119px;--switch-w:92px;padding-left:5px}
.lang-globe{display:none}
}
/* V8.23.2 — Gallery experience */
.gallery-experience{background:#fffdf9}
.gallery-hero{position:relative;min-height:410px;overflow:hidden;background:#0b2340;border-bottom:4px solid #0b8a59}
.gallery-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}
.gallery-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,39,.92) 0%,rgba(5,20,39,.72) 34%,rgba(5,20,39,.30) 68%,rgba(5,20,39,.18) 100%),linear-gradient(0deg,rgba(3,17,34,.58),rgba(3,17,34,.05) 62%)}
.gallery-hero-content{position:relative;z-index:2;min-height:410px;max-width:1280px;margin:0 auto;padding:72px 28px 56px;display:flex;flex-direction:column;justify-content:flex-end}
.gallery-hero-kicker{display:flex;align-items:center;gap:14px;color:#72b0ff;font-size:13px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}
.gallery-hero-kicker:before{content:"";width:48px;height:5px;border-radius:999px;background:#1677ff}
.gallery-hero h1{margin:0;color:#fff;font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.055em;font-weight:900}
.gallery-main-section{background:linear-gradient(180deg,#fffdf9 0%,#f8fbf9 100%)}
.gallery-intro{max-width:760px;margin-bottom:30px}
.gallery-highlight-kicker{color:#087c51!important;margin-bottom:13px!important}
.gallery-intro h2{margin:0 0 12px;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.045em;color:#0b2c21}
.gallery-intro p{margin:0;color:#697b73;font-size:16px;line-height:1.7;max-width:680px}
.gallery-experience .gallerypage{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px!important}
.gallery-experience .gallerypageitem{border-radius:22px!important;aspect-ratio:4/3!important;background:#eef3f0!important;box-shadow:0 10px 28px rgba(5,55,39,.075)!important;border:1px solid rgba(13,100,71,.09)!important;transform:translateZ(0)}
.gallery-experience .gallerypageitem:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(4,22,17,.72),transparent);pointer-events:none}
.gallery-experience .gallerypageitem img{object-fit:cover!important;transition:transform .35s ease!important}
.gallery-experience .gallerypageitem:hover img{transform:scale(1.045)!important}
.gallery-experience .gallerypageitem span{z-index:2;left:13px!important;bottom:12px!important;background:rgba(4,31,23,.68)!important;border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(10px);font-size:10px!important;padding:7px 10px!important;letter-spacing:.02em}
.gallery-experience .gallerypageitem small{display:none!important}
@media(max-width:899px){
.gallery-hero{min-height:300px}.gallery-hero-content{min-height:300px;padding:42px 18px 34px}.gallery-hero h1{font-size:48px}
.gallery-hero-kicker{font-size:10px;letter-spacing:.14em;margin-bottom:14px}.gallery-hero-kicker:before{width:32px;height:4px}
.gallery-main-section{padding-top:32px!important;padding-bottom:36px!important}.gallery-intro{margin-bottom:20px}.gallery-intro h2{font-size:32px}.gallery-intro p{font-size:13px;line-height:1.65}
.gallery-experience .gallerypage{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.gallery-experience .gallerypageitem{border-radius:16px!important}
}
@media(max-width:430px){
.gallery-hero{min-height:265px}.gallery-hero-content{min-height:265px;padding:32px 16px 27px}.gallery-hero h1{font-size:42px}.gallery-hero-image{object-position:center center}
.gallery-experience .gallerypageitem span{left:8px!important;bottom:8px!important;font-size:8.5px!important;padding:5px 7px!important}
}
/* V8.23.3 — Gallery hero aligned with Rahul Hospital home theme */
.gallery-hero{background:#071d16!important;border-bottom:4px solid #0b8a59!important}
.gallery-hero-image{filter:brightness(.64) saturate(.82) contrast(1.04)!important}
.gallery-hero-shade{
background:
linear-gradient(90deg,rgba(3,24,17,.96) 0%,rgba(4,35,24,.83) 31%,rgba(5,51,34,.54) 58%,rgba(4,31,23,.34) 78%,rgba(2,22,16,.42) 100%),
linear-gradient(0deg,rgba(2,24,17,.78) 0%,rgba(4,43,29,.20) 56%,rgba(3,25,18,.30) 100%)!important;
}
.gallery-hero-kicker{color:#a8dfc5!important}
.gallery-hero-kicker:before{background:linear-gradient(90deg,#ef8a22,#0b8a59)!important}
.gallery-hero h1{text-shadow:0 8px 28px rgba(0,0,0,.28)}
.gallery-main-section{background:linear-gradient(180deg,#fffdf9 0%,#f3faf6 100%)!important}
.gallery-highlight-kicker{color:#08764e!important}
/* V8.23.4 — Gallery hero uses the same visual treatment as Home hero */
.gallery-hero{
background:#073d2f!important;
border-bottom:4px solid #0b8a59!important;
}
.gallery-hero-image{
filter:none!important;
}
.gallery-hero-shade{
background:
linear-gradient(0deg,rgba(7,55,40,.52),transparent 50%),
linear-gradient(120deg,rgba(230,116,22,.13),transparent 42%),
linear-gradient(90deg,
rgba(18,31,25,.94) 0%,
rgba(28,48,37,.78) 40%,
rgba(93,58,23,.35) 70%,
rgba(227,116,25,.10) 100%)!important;
}
.gallery-hero-kicker{color:#f3f7f4!important}
.gallery-hero-kicker:before{
background:linear-gradient(90deg,#ef8a22,#0b8a59)!important;
}
.gallery-hero h1{text-shadow:0 2px 6px rgba(0,0,0,.55)!important}
/* On mobile, mirror the stronger Home mobile readability overlay. */
@media(max-width:767px){
.gallery-hero-image{
filter:brightness(.43) saturate(.82) contrast(1.02)!important;
}
.gallery-hero-shade{
background:
radial-gradient(circle at 50% 45%,transparent 28%,rgba(0,0,0,.18) 100%),
linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.28) 100%),
linear-gradient(180deg,
rgba(0,0,0,.32) 0%,
rgba(0,0,0,.18) 43%,
rgba(0,0,0,.44) 100%),
linear-gradient(90deg,
rgba(1,18,15,.93) 0%,
rgba(2,25,20,.89) 42%,
rgba(2,30,23,.79) 72%,
rgba(1,22,18,.72) 100%)!important;
}
}
/* V8.23.5 — Mobile Gallery brightness correction
Keep Rahul green cinematic look without crushing the hospital image. */
@media(max-width:767px){
.gallery-hero{
min-height:280px!important;
background:#0b3d2f!important;
}
.gallery-hero-image{
filter:brightness(.78) saturate(.90) contrast(1.02)!important;
object-position:center 48%!important;
}
.gallery-hero-shade{
background:
linear-gradient(90deg,
rgba(7,39,29,.76) 0%,
rgba(9,55,39,.58) 42%,
rgba(11,73,50,.30) 72%,
rgba(8,48,35,.18) 100%),
linear-gradient(0deg,
rgba(5,35,26,.52) 0%,
rgba(5,35,26,.12) 56%,
rgba(4,29,21,.16) 100%)!important;
}
.gallery-hero-content{
min-height:280px!important;
padding:34px 18px 28px!important;
}
.gallery-hero-kicker{
color:#d7f0e3!important;
text-shadow:0 2px 7px rgba(0,0,0,.32)!important;
}
.gallery-hero h1{
color:#fff!important;
text-shadow:0 3px 12px rgba(0,0,0,.38)!important;
}
}
@media(max-width:430px){
.gallery-hero{min-height:255px!important}
.gallery-hero-content{min-height:255px!important;padding:28px 16px 24px!important}
.gallery-hero h1{font-size:40px!important}
}
/* =========================================================
V8.23.7 — Premium About Us (desktop/tablet web)
Mobile bottom navigation intentionally unchanged.
========================================================= */
.about-screen{background:#f7faf8}
.about-hero{position:relative;min-height:430px;overflow:hidden;background:#073d2f;border-bottom:4px solid #0b8a59}
.about-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,31,25,.94) 0%,rgba(28,48,37,.78) 40%,rgba(93,58,23,.35) 70%,rgba(227,116,25,.10) 100%),linear-gradient(0deg,rgba(7,55,40,.52),transparent 50%)}
.about-hero-content{position:relative;z-index:1;min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;max-width:760px;padding:64px clamp(30px,5vw,78px)}
.about-kicker{font-size:12px;letter-spacing:.18em;font-weight:900;color:#ccebdd;display:flex;align-items:center;gap:12px}
.about-kicker:before{content:"";width:62px;height:4px;border-radius:99px;background:linear-gradient(90deg,#ef8a22,#0b8a59)}
.about-hero h1{font-size:clamp(46px,5.2vw,76px);line-height:.98;letter-spacing:-.055em;color:#fff;margin:20px 0 16px;max-width:720px}
.about-hero p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.86);max-width:700px;margin:0}
.about-story-section,.about-values-section,.about-care-section,.about-leadership-section,.about-closing-section{padding-top:64px!important;padding-bottom:64px!important}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:48px;align-items:stretch}
.about-story-copy h2,.about-section-heading h2,.about-facility-band h2,.about-leadership h2,.about-closing h2{font-size:clamp(30px,3.2vw,46px);line-height:1.06;letter-spacing:-.04em;color:var(--deep);margin:12px 0 18px}
.about-story-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:760px}
.about-inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.about-trust-panel{border-radius:30px;padding:34px;background:linear-gradient(145deg,#083f30,#0a704c);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 50px rgba(5,71,48,.15)}
.about-trust-label{font-size:10px;letter-spacing:.18em;font-weight:900;color:#bde8d4}
.about-trust-panel>strong{font-size:78px;line-height:.9;letter-spacing:-.07em;margin:38px 0 14px;color:#fff}
.about-trust-panel h3{font-size:23px;margin:0 0 12px}
.about-trust-panel p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.78);margin:0}
.about-values-section{background:#fff}
.about-section-heading{max-width:760px;margin-bottom:30px}
.about-section-heading>p{color:var(--muted);line-height:1.7;margin:0}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-value-card{border:1px solid var(--line);border-radius:26px;padding:28px;background:#fbfdfc}
.about-value-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e9f7f0;color:#087a50;font-size:23px;margin-bottom:26px}
.about-value-card h3{font-size:18px;color:var(--deep);margin:0 0 10px}
.about-value-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
.about-speciality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.about-speciality-grid button{min-height:100px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:left;padding:18px;display:flex;align-items:center;gap:14px;color:var(--deep)}
.about-speciality-grid button span{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#edf8f3;color:#087a50;display:grid;place-items:center;font-size:20px}
.about-speciality-grid button strong{font-size:14px;line-height:1.35}
.about-facility-section{padding-top:0!important;padding-bottom:64px!important}
.about-facility-band{background:linear-gradient(120deg,#073d2f,#0a6c4a);border-radius:30px;padding:38px 42px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:38px}
.about-facility-band h2{color:#fff;margin-bottom:12px;max-width:760px}
.about-facility-band p{color:rgba(255,255,255,.78);line-height:1.7;max-width:820px;margin:0}
.about-facility-band .section-kicker{color:#bde8d4}
.about-facility-band .btn{flex:0 0 auto}
.about-leadership-section{background:#fff}
.about-leadership{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;align-items:center}
.about-leadership-copy h3{font-size:17px;color:#087a50;margin:-6px 0 14px}
.about-leadership-copy p{max-width:700px;color:var(--muted);line-height:1.75}
.about-leadership-mark{width:250px;height:250px;border-radius:50%;justify-self:end;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff7ec,#eaf8f1);border:1px solid #dcece4;box-shadow:0 18px 48px rgba(7,59,45,.08)}
.about-leadership-mark span{font-size:64px;font-weight:950;letter-spacing:-.07em;color:#087a50;line-height:1}
.about-leadership-mark small{font-size:12px;font-weight:800;color:var(--muted);margin-top:8px}
.about-closing{text-align:center;max-width:840px;margin:auto}
.about-closing .section-kicker{justify-content:center}
.about-closing p{color:var(--muted);line-height:1.75;max-width:720px;margin:0 auto}
.about-closing .about-inline-actions{justify-content:center}
/* Keep this pass desktop/tablet focused; do not alter the existing mobile navigation. */
@media(max-width:899px){
.about-story-grid{grid-template-columns:1fr}
.about-values-grid,.about-speciality-grid{grid-template-columns:repeat(2,1fr)}
.about-leadership{grid-template-columns:1fr}
.about-leadership-mark{justify-self:start}
}
/* V8.23.8 — Modern Founder & Hospital Leadership showcase */
.leadership-heading{max-width:820px}
.leadership-showcase{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:20px;align-items:stretch}
.leadership-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}
.leader-card{overflow:hidden;border:1px solid #dbe9e2;background:#fff;border-radius:30px;box-shadow:0 16px 44px rgba(7,59,45,.07)}
.founder-card{display:grid;grid-template-rows:minmax(350px,1.1fr) auto;background:linear-gradient(180deg,#f3faf6,#fff)}
.executive-card{display:grid;grid-template-columns:210px 1fr;min-height:270px}
.leader-photo-wrap{position:relative;overflow:hidden;background:linear-gradient(145deg,#e8f5ef,#f8f3e9)}
.founder-card .leader-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,43,30,.44),transparent 48%);pointer-events:none}
.leader-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.leader-role-badge{position:absolute;left:18px;bottom:18px;z-index:2;padding:9px 12px;border-radius:999px;background:#078557;color:#fff;font-size:9px;font-weight:950;letter-spacing:.12em;box-shadow:0 8px 24px rgba(2,63,42,.22)}
.leader-role-badge.secondary{background:#fff;color:#087a50;border:1px solid #d8e9e1}
.executive-card .leader-role-badge{left:12px;bottom:12px;font-size:8px;letter-spacing:.08em}
.leader-body{padding:26px 28px}
.executive-card .leader-body{padding:24px;display:flex;flex-direction:column;justify-content:center}
.leader-eyebrow{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#087a50;font-weight:900}
.leader-body h3{font-size:28px;letter-spacing:-.035em;color:var(--deep);margin:8px 0 5px}
.executive-card .leader-body h3{font-size:22px}
.leader-title{font-size:12.5px;line-height:1.5;color:#087a50;font-weight:800;margin:0 0 14px}
.leader-note{font-size:13px;line-height:1.68;color:var(--muted);margin:0}
.leader-experience{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px 0;border-top:1px solid #e4eee9;border-bottom:1px solid #e4eee9}
.leader-experience strong{font-size:38px;line-height:1;color:#087a50;letter-spacing:-.06em}
.leader-experience span{font-size:11px;font-weight:800;color:var(--muted);max-width:120px;line-height:1.35}
.leadership-team-action{margin-top:22px;padding:20px 22px;border-radius:20px;background:#f2f8f5;border:1px solid #dcebe4;display:flex;align-items:center;justify-content:space-between;gap:20px}
.leadership-team-action p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:1050px) and (min-width:768px){
.leadership-showcase{grid-template-columns:1fr}
.leadership-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.executive-card{grid-template-columns:170px 1fr}
}
/* Mobile page behavior/nav remains untouched in this pass. */
/* =========================================================
V8.23.9 — Unified premium card motion
About • OPD • Patient Guide • Contact
Restrained lift, border response, depth, icon motion and
staggered page entrance. No layout/navigation changes.
========================================================= */
:root{
--rh-card-ease:cubic-bezier(.22,.61,.36,1);
--rh-card-shadow-rest:0 8px 26px rgba(7,59,45,.055);
--rh-card-shadow-hover:0 18px 46px rgba(7,59,45,.13);
--rh-card-border-hover:rgba(10,138,88,.28);
}
/* Shared card surface motion */
.about-value-card,
.about-speciality-grid button,
.about-trust-panel,
.about-facility-band,
.leader-card,
.leadership-team-action,
.opdrow,
.opd-notice,
.guidecard,
.guide-disclaimer,
.contact-info-card,
.contact-location-card{
transition:
transform .30s var(--rh-card-ease),
box-shadow .30s var(--rh-card-ease),
border-color .30s ease,
background-color .30s ease;
will-change:transform;
}
/* Subtle premium entrance whenever a page becomes active. */
.screen.active#about .about-story-grid > *,
.screen.active#about .about-value-card,
.screen.active#about .about-speciality-grid button,
.screen.active#about .about-facility-band,
.screen.active#about .leader-card,
.screen.active#about .leadership-team-action,
.screen.active#about .about-closing,
.screen.active#opd .opd-notice,
.screen.active#opd .opdrow,
.screen.active#guide .guidecard,
.screen.active#guide .guide-disclaimer,
.screen.active#contact .contact-info-card,
.screen.active#contact .contact-location-card{
animation:rhPremiumCardIn .48s var(--rh-card-ease) both;
}
@keyframes rhPremiumCardIn{
from{opacity:0;transform:translate3d(0,14px,0) scale(.988)}
to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
/* Natural stagger; dynamic OPD rows are included automatically. */
.screen.active#about .about-value-card:nth-child(2),
.screen.active#about .about-speciality-grid button:nth-child(2),
.screen.active#about .leader-card:nth-child(2),
.screen.active#opd .opdrow:nth-child(2),
.screen.active#guide .guidecard:nth-child(2),
.screen.active#contact .contact-info-card:nth-child(2){animation-delay:.045s}
.screen.active#about .about-value-card:nth-child(3),
.screen.active#about .about-speciality-grid button:nth-child(3),
.screen.active#opd .opdrow:nth-child(3),
.screen.active#guide .guidecard:nth-child(3),
.screen.active#contact .contact-info-card:nth-child(3){animation-delay:.09s}
.screen.active#about .about-speciality-grid button:nth-child(4),
.screen.active#opd .opdrow:nth-child(4),
.screen.active#guide .guidecard:nth-child(4),
.screen.active#contact .contact-info-card:nth-child(4){animation-delay:.135s}
.screen.active#about .about-speciality-grid button:nth-child(5),
.screen.active#opd .opdrow:nth-child(5),
.screen.active#guide .guidecard:nth-child(5){animation-delay:.18s}
.screen.active#about .about-speciality-grid button:nth-child(6),
.screen.active#opd .opdrow:nth-child(6),
.screen.active#guide .guidecard:nth-child(6){animation-delay:.225s}
.screen.active#opd .opdrow:nth-child(n+7){animation-delay:.25s}
/* ABOUT — editorial cards with restrained depth. */
.about-value-card{
box-shadow:var(--rh-card-shadow-rest);
position:relative;
overflow:hidden;
}
.about-value-card:before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:3px;
background:linear-gradient(180deg,#ef8a22,#0b8a59);
opacity:0;
transition:opacity .28s ease;
}
.about-value-icon{transition:transform .30s var(--rh-card-ease),background-color .30s ease}
.about-speciality-grid button{
box-shadow:0 6px 20px rgba(7,59,45,.04);
position:relative;
overflow:hidden;
}
.about-speciality-grid button span{transition:transform .28s var(--rh-card-ease),background-color .28s ease}
.about-trust-panel,
.about-facility-band{overflow:hidden;position:relative}
.about-trust-panel:after,
.about-facility-band:after{
content:"";
position:absolute;
width:180px;height:180px;
right:-80px;top:-95px;
border-radius:50%;
background:rgba(255,255,255,.07);
transition:transform .45s var(--rh-card-ease);
pointer-events:none;
}
.leader-card .leader-photo{transition:transform .55s var(--rh-card-ease),filter .35s ease}
.leader-role-badge{transition:transform .28s var(--rh-card-ease),box-shadow .28s ease}
.leadership-team-action{box-shadow:0 6px 20px rgba(7,59,45,.035)}
/* OPD — make schedule cards feel interactive but clinical. */
.opdrow{
box-shadow:var(--rh-card-shadow-rest);
position:relative;
overflow:hidden;
}
.opdrow:before{
content:"";
position:absolute;
left:0;top:0;bottom:0;width:3px;
background:linear-gradient(180deg,#0b8a59,#ef8a22);
transform:scaleY(0);
transform-origin:center;
transition:transform .28s var(--rh-card-ease);
}
.opdrow img,.opdavatar{
transition:transform .30s var(--rh-card-ease),box-shadow .30s ease;
}
.opdstatus{transition:transform .26s var(--rh-card-ease),box-shadow .26s ease}
.opd-notice{
box-shadow:0 6px 20px rgba(117,78,25,.045);
}
/* PATIENT GUIDE — premium information cards. */
.guidecard{
box-shadow:var(--rh-card-shadow-rest);
position:relative;
overflow:hidden;
}
.guidecard:after{
content:"";
position:absolute;
inset:auto -46px -54px auto;
width:110px;height:110px;
border-radius:50%;
background:rgba(10,123,69,.045);
transition:transform .38s var(--rh-card-ease);
pointer-events:none;
}
.guide-icon{
transition:transform .30s var(--rh-card-ease),box-shadow .30s ease;
}
.guide-disclaimer{box-shadow:0 8px 26px rgba(7,59,45,.04)}
/* CONTACT — lift cards and gently animate contact glyphs. */
.contact-info-card,
.contact-location-card{
box-shadow:var(--rh-card-shadow-rest);
position:relative;
overflow:hidden;
}
.contact-icon{
transition:transform .30s var(--rh-card-ease),box-shadow .30s ease;
}
.contact-photo img{transition:transform .60s var(--rh-card-ease),filter .35s ease}
/* Hover is enhancement only — avoids sticky hover on phones. */
@media (hover:hover) and (pointer:fine){
.about-value-card:hover,
.about-speciality-grid button:hover,
.leader-card:hover,
.leadership-team-action:hover,
.opdrow:hover,
.guidecard:hover,
.contact-info-card:hover,
.contact-location-card:hover{
transform:translateY(-5px);
box-shadow:var(--rh-card-shadow-hover);
border-color:var(--rh-card-border-hover);
}
.about-value-card:hover:before{opacity:1}
.about-value-card:hover .about-value-icon{transform:translateY(-2px) scale(1.06)}
.about-speciality-grid button:hover span{transform:scale(1.08) rotate(-2deg)}
.about-trust-panel:hover,
.about-facility-band:hover{transform:translateY(-3px);box-shadow:0 20px 52px rgba(7,59,45,.16)}
.about-trust-panel:hover:after,
.about-facility-band:hover:after{transform:translate(-12px,12px) scale(1.12)}
.leader-card:hover .leader-photo{transform:scale(1.035);filter:saturate(1.03)}
.leader-card:hover .leader-role-badge{transform:translateY(-2px);box-shadow:0 10px 26px rgba(2,63,42,.25)}
.opdrow:hover:before{transform:scaleY(1)}
.opdrow:hover img,
.opdrow:hover .opdavatar{transform:scale(1.035);box-shadow:0 8px 20px rgba(7,59,45,.12)}
.opdrow:hover .opdstatus{transform:translateY(-1px)}
.guidecard:hover:after{transform:translate(-12px,-10px) scale(1.14)}
.guidecard:hover .guide-icon{transform:translateY(-2px) scale(1.06)}
.contact-info-card:hover .contact-icon{transform:translateY(-2px) scale(1.06)}
.contact-location-card:hover .contact-photo img{transform:scale(1.035)}
}
/* Tactile feedback on touch/click without changing navigation behavior. */
.about-speciality-grid button:active,
.opdrow:active,
.guidecard:active,
.contact-info-card:active{
transform:scale(.992);
}
/* Buttons inside these pages get the same polished response. */
#about .btn,
#opd .btn,
#opd .sm,
#guide .btn,
#contact .btn{
transition:transform .22s var(--rh-card-ease),box-shadow .22s ease,background-color .22s ease,border-color .22s ease;
}
@media (hover:hover) and (pointer:fine){
#about .btn:hover,
#opd .btn:hover,
#opd .sm:hover,
#guide .btn:hover,
#contact .btn:hover{
transform:translateY(-2px);
box-shadow:0 9px 22px rgba(7,59,45,.13);
}
}
/* Accessibility: preserve all content and effects without motion. */
@media (prefers-reduced-motion:reduce){
.screen.active#about .about-story-grid > *,
.screen.active#about .about-value-card,
.screen.active#about .about-speciality-grid button,
.screen.active#about .about-facility-band,
.screen.active#about .leader-card,
.screen.active#about .leadership-team-action,
.screen.active#about .about-closing,
.screen.active#opd .opd-notice,
.screen.active#opd .opdrow,
.screen.active#guide .guidecard,
.screen.active#guide .guide-disclaimer,
.screen.active#contact .contact-info-card,
.screen.active#contact .contact-location-card{
animation:none!important;
}
.about-value-card,.about-speciality-grid button,.about-trust-panel,.about-facility-band,
.leader-card,.leadership-team-action,.opdrow,.opd-notice,.guidecard,.guide-disclaimer,
.contact-info-card,.contact-location-card,.leader-photo,.contact-photo img{
transition:none!important;
}
}
/* =========================================================
V8.24.0 — About page: mobile-first visual optimization
Based on actual mobile screen-recording review.
Fixes: dense copy, cramped 2-column cards, clipped facility CTA,
awkward leadership crops, oversized section gaps and weak hierarchy.
Mobile bottom navigation is intentionally untouched.
========================================================= */
@media(max-width:767px){
/* Overall rhythm */
#about.about-screen{
background:#f7faf8;
overflow-x:hidden;
}
#about .section{
padding-left:16px!important;
padding-right:16px!important;
}
#about .about-story-section,
#about .about-values-section,
#about .about-care-section,
#about .about-leadership-section,
#about .about-closing-section{
padding-top:38px!important;
padding-bottom:38px!important;
}
/* Hero: shorter, brighter and more readable on a phone */
#about .about-hero{
min-height:360px!important;
border-bottom-width:3px;
border-radius:0;
}
#about .about-hero-image{
object-position:61% 48%!important;
filter:brightness(.82) saturate(.90) contrast(1.02);
}
#about .about-hero-shade{
background:
linear-gradient(180deg,rgba(4,28,21,.30) 0%,rgba(4,35,26,.45) 44%,rgba(3,31,23,.88) 100%),
linear-gradient(90deg,rgba(3,31,23,.68) 0%,rgba(4,40,29,.34) 70%,rgba(4,40,29,.15) 100%)!important;
}
#about .about-hero-content{
min-height:360px!important;
max-width:none;
justify-content:flex-end;
padding:34px 18px 30px!important;
}
#about .about-kicker{
font-size:9px;
letter-spacing:.14em;
gap:8px;
}
#about .about-kicker:before{
width:34px;
height:3px;
}
#about .about-hero h1{
font-size:38px!important;
line-height:1.01!important;
letter-spacing:-.045em!important;
margin:14px 0 12px!important;
max-width:330px;
}
#about .about-hero p{
font-size:13px!important;
line-height:1.58!important;
max-width:340px;
color:rgba(255,255,255,.88)!important;
}
/* Consistent section headers */
#about .section-kicker{
font-size:8.5px!important;
letter-spacing:.13em;
}
#about .about-story-copy h2,
#about .about-section-heading h2,
#about .about-facility-band h2,
#about .about-leadership h2,
#about .about-closing h2{
font-size:27px!important;
line-height:1.07!important;
letter-spacing:-.035em!important;
margin:10px 0 12px!important;
}
#about .about-section-heading{
margin-bottom:20px!important;
}
#about .about-section-heading>p,
#about .about-story-copy>p,
#about .about-closing p{
font-size:13px!important;
line-height:1.65!important;
}
/* WHO WE ARE: one readable flow + compact experience card */
#about .about-story-grid{
grid-template-columns:1fr!important;
gap:20px!important;
}
#about .about-story-copy>p{
margin:0 0 12px;
}
#about .about-inline-actions{
display:grid!important;
grid-template-columns:1fr 1fr;
gap:9px!important;
margin-top:18px!important;
}
#about .about-inline-actions .btn{
min-height:44px;
padding:0 10px;
border-radius:14px;
font-size:11.5px;
}
#about .about-trust-panel{
min-height:0!important;
border-radius:22px!important;
padding:22px!important;
display:grid!important;
grid-template-columns:auto 1fr;
grid-template-areas:
"label label"
"number title"
"text text";
column-gap:14px;
row-gap:8px;
align-items:center;
box-shadow:0 12px 32px rgba(5,71,48,.13);
}
#about .about-trust-label{grid-area:label;font-size:8px}
#about .about-trust-panel>strong{
grid-area:number;
font-size:54px!important;
margin:6px 0 0!important;
}
#about .about-trust-panel h3{
grid-area:title;
font-size:17px!important;
line-height:1.15;
margin:8px 0 0!important;
}
#about .about-trust-panel p{
grid-area:text;
font-size:11.5px!important;
line-height:1.55!important;
margin-top:4px!important;
}
/* OUR APPROACH: one-column premium cards */
#about .about-values-grid{
grid-template-columns:1fr!important;
gap:11px!important;
}
#about .about-value-card{
border-radius:20px!important;
padding:18px!important;
display:grid;
grid-template-columns:44px 1fr;
column-gap:13px;
align-items:start;
}
#about .about-value-icon{
width:44px!important;
height:44px!important;
margin:0!important;
border-radius:14px!important;
font-size:19px!important;
}
#about .about-value-card h3{
font-size:15px!important;
margin:1px 0 5px!important;
}
#about .about-value-card p{
grid-column:2;
font-size:11.5px!important;
line-height:1.52!important;
}
/* SPECIALIST CARE: readable 2-col compact tiles; no squeezed words */
#about .about-speciality-grid{
grid-template-columns:1fr 1fr!important;
gap:9px!important;
}
#about .about-speciality-grid button{
min-height:96px!important;
border-radius:18px!important;
padding:13px!important;
display:flex!important;
flex-direction:column;
align-items:flex-start!important;
justify-content:flex-start;
gap:9px!important;
}
#about .about-speciality-grid button span{
width:34px!important;
height:34px!important;
flex:0 0 34px!important;
border-radius:11px!important;
font-size:16px!important;
}
#about .about-speciality-grid button strong{
font-size:11px!important;
line-height:1.28!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
/* FACILITIES: fix the clipped right-side CTA visible in recording */
#about .about-facility-section{
padding-top:4px!important;
padding-bottom:38px!important;
}
#about .about-facility-band{
width:100%!important;
min-width:0!important;
border-radius:24px!important;
padding:24px 20px!important;
display:block!important;
overflow:hidden!important;
}
#about .about-facility-band>div{
min-width:0!important;
width:100%!important;
}
#about .about-facility-band h2{
max-width:290px;
color:#fff!important;
}
#about .about-facility-band p{
font-size:12px!important;
line-height:1.65!important;
color:rgba(255,255,255,.82)!important;
}
#about .about-facility-band .btn{
width:100%!important;
max-width:none!important;
min-height:46px;
margin-top:18px!important;
border-radius:14px;
white-space:normal;
}
/* LEADERSHIP: full-width editorial cards, clean portrait crops */
#about .about-leadership-section{
padding-top:42px!important;
}
#about .leadership-heading{
margin-bottom:20px!important;
}
#about .leadership-showcase{
grid-template-columns:1fr!important;
gap:14px!important;
}
#about .leadership-side{
display:grid!important;
grid-template-columns:1fr!important;
grid-template-rows:auto!important;
gap:14px!important;
}
#about .leader-card,
#about .founder-card,
#about .executive-card{
display:block!important;
min-height:0!important;
border-radius:22px!important;
overflow:hidden!important;
}
#about .founder-card .leader-photo-wrap{
height:300px!important;
}
#about .executive-card .leader-photo-wrap{
height:265px!important;
}
#about .leader-photo{
object-fit:cover!important;
object-position:center 18%!important;
}
#about .leader-role-badge,
#about .executive-card .leader-role-badge{
left:14px!important;
bottom:14px!important;
max-width:calc(100% - 28px);
padding:8px 10px!important;
font-size:7.5px!important;
letter-spacing:.07em!important;
white-space:normal;
}
#about .leader-body,
#about .executive-card .leader-body{
padding:18px!important;
display:block!important;
}
#about .leader-eyebrow{
font-size:8px!important;
letter-spacing:.11em!important;
}
#about .leader-body h3,
#about .executive-card .leader-body h3{
font-size:24px!important;
line-height:1.08!important;
margin:7px 0 5px!important;
}
#about .leader-title{
font-size:11px!important;
line-height:1.45!important;
margin-bottom:11px!important;
}
#about .leader-note{
font-size:11.5px!important;
line-height:1.58!important;
}
#about .leader-experience{
margin:13px 0!important;
padding:11px 0!important;
}
#about .leader-experience strong{
font-size:34px!important;
}
#about .leader-experience span{
font-size:10px!important;
}
#about .leadership-team-action{
margin-top:14px!important;
padding:16px!important;
border-radius:18px!important;
display:block!important;
}
#about .leadership-team-action p{
font-size:11.5px!important;
line-height:1.5;
margin-bottom:12px!important;
}
#about .leadership-team-action .btn{
width:100%;
min-height:44px;
}
/* Closing CTA: compact and clean above fixed bottom nav */
#about .about-closing-section{
padding-top:40px!important;
padding-bottom:calc(var(--nav) + 30px)!important;
}
#about .about-closing{
padding:24px 18px;
border:1px solid #dcebe4;
border-radius:22px;
background:linear-gradient(180deg,#fff,#f4faf7);
box-shadow:0 10px 30px rgba(7,59,45,.055);
}
#about .about-closing .about-inline-actions{
grid-template-columns:1fr 1fr!important;
margin-top:18px!important;
}
/* Motion on touch should stay subtle and never fight scrolling */
#about .about-value-card,
#about .about-speciality-grid button,
#about .leader-card,
#about .leadership-team-action,
#about .about-trust-panel,
#about .about-facility-band{
will-change:auto!important;
}
#about .about-speciality-grid button:active,
#about .about-inline-actions .btn:active,
#about .leadership-team-action .btn:active{
transform:scale(.985)!important;
}
}
@media(max-width:380px){
#about .about-hero h1{font-size:34px!important}
#about .about-speciality-grid button{padding:11px!important}
#about .about-speciality-grid button strong{font-size:10.2px!important}
#about .about-inline-actions{grid-template-columns:1fr!important}
#about .about-closing .about-inline-actions{grid-template-columns:1fr!important}
}
/* =========================================================
V8.24.1 — About mobile extra-bottom-space correction
Removes the duplicated nav-height reservation visible after
the final "Our Commitment to Mau" card.
========================================================= */
@media(max-width:767px){
#about .about-closing-section{
padding-bottom:22px!important;
}
#about .about-closing{
margin-bottom:0!important;
}
#about.screen{
padding-bottom:0!important;
}
}
/* V8.24.2 — About mobile hero: restore lighter half-dark treatment */
@media(max-width:767px){
#about .about-hero-image{
filter:brightness(.96) saturate(.94) contrast(1.01)!important;
}
#about .about-hero-shade{
background:
linear-gradient(180deg,
rgba(4,28,21,.08) 0%,
rgba(4,35,26,.14) 38%,
rgba(3,31,23,.58) 100%),
linear-gradient(90deg,
rgba(3,31,23,.38) 0%,
rgba(4,40,29,.18) 62%,
rgba(4,40,29,.06) 100%)!important;
}
}
/* =========================================================
V8.24.3 — About mobile hero matched to approved reference
Bright building on right/top, controlled dark gradient on
left/bottom for text readability, larger editorial typography.
========================================================= */
@media(max-width:767px){
#about .about-hero{
min-height:455px!important;
background:#0b4a3a!important;
}
#about .about-hero-image{
object-position:60% 46%!important;
filter:brightness(1.02) saturate(.98) contrast(1.02)!important;
}
#about .about-hero-shade{
background:
linear-gradient(90deg,
rgba(3,31,23,.68) 0%,
rgba(3,31,23,.54) 28%,
rgba(3,31,23,.24) 58%,
rgba(3,31,23,.04) 100%),
linear-gradient(0deg,
rgba(3,31,23,.74) 0%,
rgba(3,31,23,.54) 30%,
rgba(3,31,23,.18) 62%,
rgba(3,31,23,.04) 100%)!important;
}
#about .about-hero-content{
min-height:455px!important;
justify-content:flex-end!important;
padding:0 18px 70px!important;
max-width:none!important;
}
#about .about-kicker{
font-size:9px!important;
letter-spacing:.14em!important;
color:#eef8f3!important;
text-shadow:0 2px 8px rgba(0,0,0,.28)!important;
}
#about .about-kicker:before{
width:48px!important;
height:3px!important;
}
#about .about-hero h1{
font-size:43px!important;
line-height:.98!important;
letter-spacing:-.05em!important;
margin:13px 0 18px!important;
max-width:330px!important;
color:#fff!important;
text-shadow:0 3px 12px rgba(0,0,0,.28)!important;
}
#about .about-hero p{
font-size:14px!important;
line-height:1.55!important;
max-width:330px!important;
color:rgba(255,255,255,.94)!important;
text-shadow:0 2px 8px rgba(0,0,0,.28)!important;
}
}
@media(max-width:380px){
#about .about-hero{min-height:430px!important}
#about .about-hero-content{min-height:430px!important;padding-bottom:58px!important}
#about .about-hero h1{font-size:39px!important}
#about .about-hero p{font-size:13px!important}
}
/* =========================================================
V8.24.4 — Desktop header collision fix
Prevents Contact nav text from slipping under OPD/Reception.
Keeps all existing navigation items and mobile header untouched.
========================================================= */
@media(min-width:900px){
.topbar{
column-gap:12px!important;
}
.desktop-nav{
min-width:0!important;
flex:1 1 auto!important;
gap:clamp(12px,1.35vw,26px)!important;
justify-content:flex-end!important;
}
.desktop-navbtn{
flex:0 0 auto!important;
white-space:nowrap!important;
}
/* Utility controls must own their width; nav can no longer flow beneath them. */
.header-contact,
.header-opd,
.header-call,
.header-phone,
.lang-switch{
flex-shrink:0!important;
}
}
/* On narrower desktop/laptop widths, tighten navigation progressively
instead of allowing the final Contact item to overlap the OPD card. */
@media(min-width:900px) and (max-width:1500px){
.desktop-nav{
gap:10px!important;
}
.desktop-navbtn{
font-size:13px!important;
padding-left:3px!important;
padding-right:3px!important;
}
}
@media(min-width:900px) and (max-width:1280px){
.desktop-nav{
gap:7px!important;
}
.desktop-navbtn{
font-size:12px!important;
}
.brandcopy small{
max-width:170px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
}
/* =========================================================
V8.24.5 — Mobile More Hub + branded social footer
Mobile only. Desktop Patient Guide/footer remain unchanged.
========================================================= */
.mobile-more-hub,.mobile-more-footer{display:none}
@media(max-width:767px){
#guide{
background:
radial-gradient(circle at 100% 0%,rgba(239,138,34,.07),transparent 28%),
linear-gradient(180deg,#f4f9f6 0%,#f8faf9 55%,#eef7f2 100%);
}
/* More becomes a mobile navigation hub, while Patient Guide stays below. */
#guide>.guide-pagehead{
padding-top:34px!important;
scroll-margin-top:88px;
}
.mobile-more-hub{
display:block;
padding:18px 14px 10px;
}
.more-hero-card{
position:relative;
overflow:hidden;
border-radius:26px;
padding:20px;
background:
radial-gradient(circle at 92% 10%,rgba(255,255,255,.12),transparent 24%),
linear-gradient(135deg,#063f30 0%,#087653 68%,#0b8a59 100%);
box-shadow:0 18px 42px rgba(5,70,48,.16);
}
.more-hero-card:after{
content:"";
position:absolute;
width:170px;height:170px;
border:1px solid rgba(255,255,255,.09);
border-radius:50%;
right:-70px;bottom:-100px;
}
.more-hero-brand{
position:relative;
z-index:1;
display:grid;
grid-template-columns:58px 1fr;
gap:14px;
align-items:start;
}
.more-hero-brand img{
width:58px;height:58px;
border-radius:50%;
object-fit:cover;
background:#fff;
padding:3px;
box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.more-hero-brand span{
display:block;
font-size:8px;
line-height:1.2;
letter-spacing:.15em;
font-weight:900;
color:#bce8d5;
margin:2px 0 6px;
}
.more-hero-brand h1{
margin:0;
color:#fff;
font-size:32px;
line-height:1;
letter-spacing:-.045em;
}
.more-hero-brand p{
margin:9px 0 0;
color:rgba(255,255,255,.82);
font-size:11.5px;
line-height:1.55;
max-width:285px;
}
.more-nav-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:14px;
}
.more-nav-card,
.more-patient-guide-card{
border:1px solid #dbe9e2;
background:rgba(255,255,255,.94);
box-shadow:0 8px 24px rgba(7,59,45,.055);
color:var(--deep);
text-align:left;
transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s ease,border-color .22s ease;
}
.more-nav-card{
position:relative;
min-height:132px;
border-radius:21px;
padding:15px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.more-nav-icon{
width:40px;height:40px;
border-radius:13px;
display:grid;
place-items:center;
background:#e8f6ef;
color:#087a50;
font-size:18px;
margin-bottom:16px;
}
.more-nav-gallery .more-nav-icon{background:#eef1fa;color:#49629c}
.more-nav-contact .more-nav-icon{background:#fff2e7;color:#b86419}
.more-nav-about .more-nav-icon{background:#f5f0ff;color:#6b54a4}
.more-nav-copy{
display:block;
min-width:0;
}
.more-nav-copy strong{
display:block;
font-size:14px;
line-height:1.15;
letter-spacing:-.015em;
color:#073d2f;
}
.more-nav-copy small{
display:block;
margin-top:5px;
color:#74817b;
font-size:9.5px;
line-height:1.35;
}
.more-nav-arrow{
position:absolute;
right:13px;
top:14px;
font-size:20px;
line-height:1;
color:#9aaba3;
}
.more-patient-guide-card{
position:relative;
width:100%;
min-height:78px;
margin-top:10px;
border-radius:21px;
padding:14px 42px 14px 14px;
display:grid;
grid-template-columns:42px 1fr;
gap:12px;
align-items:center;
background:linear-gradient(135deg,#fff,#f0faf5);
}
.more-guide-icon{
width:42px;height:42px;
border-radius:14px;
display:grid;
place-items:center;
background:#087a50;
color:#fff;
font-size:18px;
box-shadow:0 8px 18px rgba(8,122,80,.18);
}
.more-patient-guide-card .more-nav-arrow{
top:50%;
transform:translateY(-50%);
right:16px;
}
.more-utility-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin:10px 1px 0;
}
.more-utility-row button{
min-height:44px;
border:1px solid #dbe9e2;
border-radius:14px;
background:rgba(255,255,255,.72);
color:#52655d;
font-size:10px;
font-weight:800;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
}
.more-nav-card:active,
.more-patient-guide-card:active,
.more-utility-row button:active{
transform:scale(.975);
}
/* Actual Patient Guide follows as a clearly separate content block. */
#guide>.guide-pagehead{
margin-top:8px!important;
background:transparent!important;
}
#guide>.guide-pagehead:before{
content:"PATIENT INFORMATION";
display:block;
color:#0b8a59;
font-size:8px;
letter-spacing:.15em;
font-weight:950;
margin-bottom:7px;
}
#guide>.guide-pagehead h1{
font-size:28px!important;
}
/* Mobile branded footer inside More */
.mobile-more-footer{
display:block;
margin:14px 14px 0;
padding:24px 18px calc(var(--nav) + 26px);
border-radius:26px 26px 0 0;
background:
radial-gradient(circle at 100% 0%,rgba(239,138,34,.10),transparent 30%),
linear-gradient(145deg,#073d2f,#062d24);
box-shadow:0 -12px 38px rgba(7,59,45,.10);
color:#fff;
}
.mobile-footer-brand{
display:grid;
grid-template-columns:54px 1fr;
gap:13px;
align-items:center;
}
.mobile-footer-brand img{
width:54px;height:54px;
border-radius:50%;
object-fit:cover;
background:#fff;
padding:3px;
}
.mobile-footer-brand strong{
display:block;
font-size:18px;
line-height:1.1;
letter-spacing:-.02em;
}
.mobile-footer-brand span{
display:block;
margin-top:4px;
color:rgba(255,255,255,.64);
font-size:10px;
}
.mobile-more-footer>p{
margin:17px 0 20px;
color:rgba(255,255,255,.72);
font-size:11px;
line-height:1.65;
}
.mobile-footer-social{
padding-top:18px;
border-top:1px solid rgba(255,255,255,.10);
}
.mobile-social-title{
display:block;
margin-bottom:12px;
color:#bce8d5;
font-size:8.5px;
font-weight:950;
letter-spacing:.16em;
}
.mobile-social-links{
display:flex;
gap:10px;
}
.mobile-social-links button{
width:42px;height:42px;
border-radius:50%;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.08);
color:#fff;
transition:transform .2s ease,background-color .2s ease,border-color .2s ease;
}
.mobile-social-links button.social-whatsapp{
background:#0b8a59;
border-color:#21a676;
}
.mobile-social-links svg{
width:19px;height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.mobile-social-links button:first-child svg path{
fill:currentColor;
stroke:none;
}
.mobile-social-links button:active{
transform:scale(.92);
}
/* Desktop footer stays hidden on mobile as before. */
.desktop-footer{display:none!important}
}
@media(max-width:370px){
.mobile-more-hub{padding-left:12px;padding-right:12px}
.more-nav-card{min-height:124px;padding:13px}
.more-nav-copy strong{font-size:13px}
.more-nav-copy small{font-size:9px}
.mobile-more-footer{margin-left:12px;margin-right:12px}
}
@media(min-width:768px){
.mobile-more-hub,.mobile-more-footer{display:none!important}
}
/* V8.24.6 — Patient Guide now uses the same mobile menu-card language */
@media(max-width:767px){
.more-nav-guide .more-nav-icon{
background:#e8f6ef;
color:#087a50;
}
.more-nav-guide{
background:linear-gradient(145deg,#ffffff,#f2faf6);
}
}
/* =========================================================
V8.24.7 — More and Patient Guide separated
More now contains only menu choices + branded footer.
Patient Guide opens as its own screen from its menu card.
========================================================= */
@media(max-width:767px){
#guide.more-screen{
padding-bottom:0!important;
}
#guide.more-screen .mobile-more-footer{
margin-top:14px!important;
}
#patientGuide.patient-guide-screen{
background:linear-gradient(180deg,#f6faf8 0%,#ffffff 100%);
padding-bottom:calc(var(--nav) + 24px);
}
#patientGuide .guide-pagehead{
padding-top:28px!important;
scroll-margin-top:88px;
}
#patientGuide .guide-pagehead:before{
content:"PATIENT INFORMATION";
display:block;
color:#0b8a59;
font-size:8px;
letter-spacing:.15em;
font-weight:950;
margin-bottom:7px;
}
#patientGuide .guide-pagehead h1{
font-size:28px!important;
}
}
/* =========================================================
FINAL — Facilities mobile UX refinement
- no horizontal stat scroller
- compact 2×2 summary cards
- no duplicated bottom whitespace
- cleaner owner-voice facility cards
- repeated call CTAs removed in JS; emergency CTA retained
========================================================= */
@media(max-width:767px){
#facilities.facilities-screen{
overflow-x:hidden!important;
}
#facilities .facilities-hero-inner{
padding:28px 16px 22px!important;
gap:17px!important;
}
#facilities .facilities-hero-copy h1{
font-size:31px!important;
line-height:1.05!important;
letter-spacing:-.04em!important;
}
#facilities .facilities-hero-copy>p{
font-size:12px!important;
line-height:1.62!important;
}
#facilities .facilities-hero-actions{
display:block!important;
margin-top:17px!important;
}
#facilities .facilities-hero-actions .btn{
width:100%!important;
min-height:46px!important;
border-radius:15px!important;
font-size:12px!important;
}
/* Replace the old horizontal carousel with a true mobile 2×2 overview. */
#facilities .facilities-stat-panel{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
overflow:visible!important;
padding:9px!important;
border-radius:22px!important;
scroll-snap-type:none!important;
}
#facilities .facility-stat{
min-width:0!important;
width:auto!important;
min-height:96px!important;
padding:14px!important;
border-radius:16px!important;
}
#facilities .facility-stat strong{
font-size:23px!important;
}
#facilities .facility-stat span{
font-size:9px!important;
line-height:1.3!important;
}
#facilities .facilities-main-section{
padding:24px 14px 18px!important;
}
#facilities .facilities-intro-row{
margin-bottom:17px!important;
}
#facilities .facilities-intro-row p{
margin-top:8px!important;
font-size:11px!important;
line-height:1.58!important;
}
#facilities .facility-group{
padding:14px!important;
border-radius:20px!important;
box-shadow:0 9px 28px rgba(7,59,45,.045)!important;
}
#facilities .facility-modern-card{
border-radius:18px!important;
}
/* No action footer inside informational facility cards. */
#facilities .facility-card-action{
display:none!important;
}
#facilities .facility-guidance-grid{
margin-top:14px!important;
gap:10px!important;
}
#facilities .facility-guidance-card{
padding:16px!important;
border-radius:19px!important;
}
#facilities .facility-guidance-card p{
font-size:10.5px!important;
line-height:1.58!important;
}
#facilities .facility-guidance-card.emergency .btn{
min-height:40px!important;
margin-top:10px!important;
border-radius:13px!important;
}
/* The screen itself already reserves room for fixed bottom navigation.
Do not reserve a second large footer gap inside Facilities. */
#facilities.screen{
padding-bottom:calc(var(--nav) + 12px + env(safe-area-inset-bottom))!important;
}
}
@media(max-width:390px){
#facilities .facilities-hero-copy h1{
font-size:29px!important;
}
#facilities .facility-stat{
min-height:90px!important;
padding:12px!important;
}
#facilities .facility-stat strong{
font-size:21px!important;
}
}
/* =========================================================
FINAL — Contact page compact card layout
Fixes oversized empty card areas after Additional Contact removal.
Desktop cards now size to their actual content instead of stretching
to match the taller hospital/location panel.
========================================================= */
@media(min-width:900px){
#contact .contact-layout{
align-items:start!important;
}
#contact .contact-details{
align-content:start!important;
grid-auto-rows:max-content!important;
}
#contact .contact-info-card{
min-height:0!important;
height:auto!important;
align-self:start!important;
padding:18px!important;
row-gap:10px!important;
}
#contact .primary-contact{
min-height:158px!important;
}
#contact .contact-details > .contact-info-card:not(.primary-contact){
min-height:142px!important;
}
#contact .contact-info-card>.btn{
margin-top:4px!important;
min-height:38px!important;
}
#contact .contact-location-card{
align-self:start!important;
height:auto!important;
}
#contact .contact-photo,
#contact .contact-photo img{
min-height:300px!important;
height:300px!important;
}
#contact .contact-location-body{
padding:20px 21px!important;
}
}
/* Tablet and mobile: keep cards content-sized as well. */
@media(max-width:899px){
#contact .contact-layout,
#contact .contact-details{
align-items:start!important;
align-content:start!important;
}
#contact .contact-info-card{
min-height:0!important;
height:auto!important;
}
}