@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/fonts/atkinson-hyperlegible-latin-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/fonts/atkinson-hyperlegible-latin-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/fonts/atkinson-hyperlegible-latin-400-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/assets/fonts/bricolage-grotesque-latin-opsz-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Noto Sans Kannada';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/fonts/noto-sans-kannada-kannada-400-normal.woff2) format('woff2');
  unicode-range: U+0951-0952,U+0964-0965,U+0C80-0CF3,U+1CD0,U+1CD2-1CD3,U+1CDA,U+1CF2,U+1CF4,U+200C-200D,U+20B9,U+25CC,U+A830-A835;
}
@font-face {
  font-family: 'Noto Sans Devanagari';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/fonts/noto-sans-devanagari-devanagari-400-normal.woff2) format('woff2');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;
}
@font-face {
  font-family: 'Noto Sans Kannada';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/fonts/noto-sans-kannada-kannada-700-normal.woff2) format('woff2');
  unicode-range: U+0951-0952,U+0964-0965,U+0C80-0CF3,U+1CD0,U+1CD2-1CD3,U+1CDA,U+1CF2,U+1CF4,U+200C-200D,U+20B9,U+25CC,U+A830-A835;
}
@font-face {
  font-family: 'Noto Sans Devanagari';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/fonts/noto-sans-devanagari-devanagari-700-normal.woff2) format('woff2');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;
}
@font-face {
  font-family: 'Noto Sans Kannada';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/assets/fonts/noto-sans-kannada-kannada-800-normal.woff2) format('woff2');
  unicode-range: U+0951-0952,U+0964-0965,U+0C80-0CF3,U+1CD0,U+1CD2-1CD3,U+1CDA,U+1CF2,U+1CF4,U+200C-200D,U+20B9,U+25CC,U+A830-A835;
}
@font-face {
  font-family: 'Noto Sans Devanagari';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/assets/fonts/noto-sans-devanagari-devanagari-800-normal.woff2) format('woff2');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;
}

:root{
  --ink:#0E2A33;        /* deep lens-glass teal */
  --ink-2:#1E4652;
  --slate:#3B5560;      /* body text */
  --mist:#C9DADF;       /* rules, quiet fills */
  --paper:#F3F7F8;      /* clinical white-blue */
  --white:#FFFFFF;
  --iris:#E8A33D;       /* saffron iris accent */
  --iris-deep:#8A5508;
  --deep:#0E2A33;
  --focus:#0E2A33;
  --fs:100%;
  --ok:#2F7D5B;
  --display:"Bricolage Grotesque", system-ui, sans-serif;
  --body:"Atkinson Hyperlegible", system-ui, sans-serif;
  --wrap:1180px;
  --r-s:6px; --r-m:14px; --r-l:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--slate);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);color:var(--ink);margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.05}
h2{font-size:clamp(2rem,4.2vw,3.25rem)}
h3{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}
p{margin:0 0 1em;max-width:62ch}
.wrap{width:min(100% - 2.5rem, var(--wrap));margin-inline:auto}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px rgba(232,163,61,.55);border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--deep);color:#fff;padding:.6rem 1rem;z-index:99}
.skip:focus{left:1rem;top:1rem}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;font:700 1rem/1 var(--body);padding:.95rem 1.4rem;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn-primary{background:var(--iris);color:var(--ink)}
.btn-primary:hover{background:#F2B65A}
.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--deep);color:#fff}
.btn-light{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
.btn-light:hover{background:#fff;color:var(--ink)}

/* header */
.site-head{position:sticky;top:0;z-index:20;background:rgba(243,247,248,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--mist)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:72px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}
.brand svg{flex:none}
.brand b{font:800 1.25rem/1 var(--display);letter-spacing:-.02em;display:block}
.brand small{display:block;font-size:.8rem;color:var(--slate);margin-top:.2rem}
.nav{display:flex;gap:1.6rem;align-items:center}
.nav a{text-decoration:none;font-weight:700;font-size:.95rem;color:var(--ink)}
.nav a:not(.btn):hover{color:var(--iris-deep)}
.menu-btn{display:none;background:none;border:2px solid var(--ink);border-radius:999px;padding:.55rem 1rem;font:700 .95rem var(--body);color:var(--ink)}

/* hero: the Snellen descent */
.hero{padding:clamp(3rem,7vw,6rem) 0 clamp(3rem,6vw,5rem)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.chart{margin:0;font-family:var(--display);color:var(--ink);font-weight:800;letter-spacing:-.035em;line-height:.92}
.chart span{display:block;transform-origin:left center}
.chart .l1{font-size:clamp(5rem,15vw,11.5rem)}
.chart .l2{font-size:clamp(3rem,8.4vw,6.4rem)}
.chart .l3{font-size:clamp(2rem,5.2vw,4rem)}
.chart .l4{font-size:clamp(1.35rem,3vw,2.3rem);letter-spacing:-.015em;margin-top:.15em}
.chart .l5{font:400 clamp(1.05rem,1.6vw,1.2rem)/1.45 var(--body);letter-spacing:0;color:var(--slate);margin-top:1.4rem;max-width:44ch}
.chart .l1, .chart .l2, .chart .l3, .chart .l4{animation:focusIn 1.6s cubic-bezier(.2,.7,.2,1) both}
.chart .l2{animation-delay:.12s}.chart .l3{animation-delay:.24s}.chart .l4{animation-delay:.36s}
@keyframes focusIn{0%{filter:blur(14px);opacity:.25}60%{filter:blur(2px);opacity:1}100%{filter:blur(0)}}
.chart-rule{display:flex;align-items:center;gap:1rem;margin-top:1.6rem;font-size:.85rem;color:var(--slate)}
.chart-rule i{flex:1;height:2px;background:linear-gradient(90deg,var(--iris),transparent)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

/* branch finder in hero */
.finder{background:var(--deep);color:#DCE8EB;border-radius:var(--r-l);padding:1.6rem}
.finder h2{color:#fff;font-size:1.5rem;letter-spacing:-.01em;margin-bottom:.3rem}
.finder > p{font-size:.95rem;color:#A9C1C8;margin-bottom:1.1rem}
.branch-row{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;padding:1rem 0;border-top:1px solid rgba(201,218,223,.18);text-decoration:none;color:inherit}
.branch-row:hover strong{color:var(--iris)}
.branch-row strong{font:600 1.15rem/1.2 var(--display);color:#fff;transition:color .2s}
.branch-row span.area{font-size:.9rem;color:#A9C1C8;grid-column:1}
.status{grid-row:1 / span 2;grid-column:2;font-size:.82rem;font-weight:700;padding:.35rem .7rem;border-radius:999px;background:rgba(255,255,255,.08);color:#DCE8EB;white-space:nowrap}
.status.open{background:rgba(47,125,91,.25);color:#9FE0C0}
.status.open::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#5BD39A;margin-right:.4rem;vertical-align:.05em}

/* ratings strip */
.proof{border-block:1px solid var(--mist);background:var(--white)}
.proof .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.proof div{padding:1.4rem 1.2rem;border-left:1px solid var(--mist)}
.proof div:first-child{border-left:0;padding-left:0}
.proof strong{font:800 2rem/1 var(--display);color:var(--ink);letter-spacing:-.02em}
.proof strong small{font-size:1rem;color:var(--slate);font-weight:600}
.proof p{margin:.35rem 0 0;font-size:.92rem}

/* sections */
section{scroll-margin-top:80px}
.block{padding:clamp(4rem,9vw,7rem) 0}
.lead{font-size:1.2rem;color:var(--slate);margin-top:1rem}

/* cataract feature with clarity slider */
.cataract .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.lens-demo{background:var(--white);border:1px solid var(--mist);border-radius:var(--r-l);padding:1.4rem}
.scene{position:relative;border-radius:var(--r-m);overflow:hidden;aspect-ratio:4/3;background:#BFD6DC}
.scene svg{width:100%;height:100%;display:block;transition:filter .15s}
.scene .haze{position:absolute;inset:0;background:radial-gradient(ellipse at center, rgba(232,205,150,.55), rgba(214,190,140,.75));pointer-events:none;transition:opacity .15s}
.slider{margin-top:1.1rem}
.slider label{display:flex;justify-content:space-between;font-weight:700;color:var(--ink);font-size:.95rem;margin-bottom:.5rem}
.slider output{font-weight:400;color:var(--slate)}
input[type=range]{width:100%;accent-color:var(--iris-deep);height:2rem}
.demo-note{font-size:.85rem;margin:.6rem 0 0;color:var(--slate)}
.ticks{list-style:none;padding:0;margin:1.6rem 0 2rem}
.ticks li{padding:.75rem 0 .75rem 2rem;border-top:1px solid var(--mist);position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:1.05rem;width:1rem;height:1rem;border-radius:50%;border:3px solid var(--iris)}
.ticks strong{color:var(--ink)}

/* services */
.services{background:var(--white);border-block:1px solid var(--mist)}
.services-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:3rem}
.svc-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:clamp(2rem,5vw,4.5rem);margin:0}
.svc{padding:1.4rem 0;border-top:1px solid var(--mist);display:grid;grid-template-columns:2.4rem 1fr;gap:1rem}
.svc dt{grid-column:2;font:600 1.3rem/1.2 var(--display);color:var(--ink);letter-spacing:-.01em}
.svc dd{grid-column:2;margin:.35rem 0 0}
.svc svg{grid-row:1 / span 2;margin-top:.15rem}

/* visit process: true sequence, numbered */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;list-style:none;padding:0;margin:3rem 0 0;counter-reset:s}
.steps li{counter-increment:s;padding-top:1.2rem;border-top:3px solid var(--ink)}
.steps li::before{content:counter(s);font:800 2.6rem/1 var(--display);color:var(--iris-deep);display:block;margin-bottom:.8rem}
.steps h3{margin-bottom:.4rem}
.steps p{font-size:.98rem}

/* doctors */
.doctors{background:var(--deep);color:#C9DADF}
.doctors h2{color:#fff}
.doctors .lead{color:#A9C1C8}
.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem}
.doc{border-top:1px solid rgba(201,218,223,.25);padding-top:1.3rem}
.avatar{width:72px;height:72px;border-radius:50%;background:var(--ink-2);display:grid;place-items:center;font:800 1.5rem var(--display);color:var(--iris);margin-bottom:1rem;border:2px solid rgba(232,163,61,.4)}
.doc h3{color:#fff}
.doc .q{font-size:.92rem;color:#A9C1C8;margin:.35rem 0 .7rem}
.doc .meta{font-size:.92rem;margin:0}
.doc .meta b{color:#fff}

/* branches */
.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}
.branch{background:var(--white);border:1px solid var(--mist);border-radius:var(--r-m);padding:1.6rem;display:flex;flex-direction:column}
.branch h3{font-size:1.55rem}
.branch .area{font-weight:700;color:var(--iris-deep);margin:.3rem 0 1rem}
.branch address{font-style:normal;margin-bottom:1rem}
.hours{width:100%;border-collapse:collapse;font-size:.95rem;margin-bottom:1.2rem}
.hours th{text-align:left;font-weight:700;color:var(--ink);padding:.45rem 0;border-top:1px solid var(--mist);width:42%}
.hours td{padding:.45rem 0;border-top:1px solid var(--mist)}
.hours tr.today th,.hours tr.today td{color:var(--ink);background:linear-gradient(90deg,rgba(232,163,61,.18),transparent)}
.branch .links{margin-top:auto;display:flex;flex-wrap:wrap;gap:.6rem}
.branch .links .btn{padding:.75rem 1.1rem;font-size:.92rem}
.branch .phone{font-weight:700;color:var(--ink);text-decoration:none}

/* insurance */
.insure .wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0}
.chips li{border:1px solid var(--mist);background:var(--white);border-radius:999px;padding:.55rem 1rem;font-weight:700;color:var(--ink);font-size:.95rem}
.insure h3{margin:0 0 .9rem}
.insure .group + .group{margin-top:2rem}

/* faq */
.faq{background:var(--white);border-block:1px solid var(--mist)}
.faq .wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(2rem,6vw,5rem)}
details{border-top:1px solid var(--mist)}
details:last-child{border-bottom:1px solid var(--mist)}
summary{list-style:none;cursor:pointer;padding:1.25rem 2.5rem 1.25rem 0;font:600 1.2rem/1.3 var(--display);color:var(--ink);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:.4rem;top:50%;width:.75rem;height:.75rem;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .25s}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details p{padding-bottom:1.2rem}

/* booking */
.book .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start}
form{background:var(--white);border:1px solid var(--mist);border-radius:var(--r-l);padding:clamp(1.4rem,3vw,2.2rem);display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.field{display:flex;flex-direction:column;gap:.4rem}
.field.full{grid-column:1 / -1}
.field label{font-weight:700;color:var(--ink);font-size:.95rem}
.field input,.field select,.field textarea{font:400 1rem var(--body);color:var(--ink);padding:.85rem 1rem;border:1.5px solid #A8C0C7;border-radius:var(--r-s);background:var(--paper)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(232,163,61,.45)}
.field .err{font-size:.85rem;color:#A3361F;min-height:1em}
form .btn{justify-self:start}
.form-msg{grid-column:1 / -1;margin:0;font-weight:700;color:var(--ok)}
.contact-list{list-style:none;padding:0;margin:2rem 0 0}
.contact-list li{padding:.9rem 0;border-top:1px solid var(--mist)}
.contact-list a{font-weight:700;color:var(--ink)}

/* footer */
footer{background:var(--deep);color:#A9C1C8;padding:3.5rem 0 2rem;font-size:.95rem}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
footer h3{color:#fff;font-size:1.05rem;margin-bottom:.8rem}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:.35rem 0}
footer a{text-decoration:none}
footer a:hover{color:#fff}
footer .brand b{color:#fff}
footer .brand small{color:#A9C1C8}
.fine{grid-column:1 / -1;border-top:1px solid rgba(201,218,223,.18);padding-top:1.4rem;margin-top:1rem;font-size:.85rem}

/* sticky mobile call bar */
.mobile-bar{display:none}

/* responsive */
@media (max-width:980px){
  .hero .wrap,.cataract .wrap,.insure .wrap,.faq .wrap,.book .wrap,.services-head{grid-template-columns:1fr}
  .doc-grid{grid-template-columns:repeat(2,1fr)}
  .branch-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  footer .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:1.2rem 1.25rem 1.6rem;border-bottom:1px solid var(--mist)}
  .nav.open{display:flex}
  .menu-btn{display:block}
  .svc-list{grid-template-columns:1fr}
  .proof .wrap{grid-template-columns:1fr}
  .proof div{border-left:0;border-top:1px solid var(--mist);padding-left:0}
  .proof div:first-child{border-top:0}
  form{grid-template-columns:1fr}
  .steps,.doc-grid{grid-template-columns:1fr}
  footer .wrap{grid-template-columns:1fr}
  .mobile-bar{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;position:fixed;left:0;right:0;bottom:0;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:var(--deep);z-index:30}
  .mobile-bar .btn{justify-content:center;padding:.85rem}
  body{padding-bottom:76px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ---------- multi-page additions ---------- */
.nav a[aria-current="page"]{color:var(--iris-deep)}
.nav .has-sub{position:relative}
.page-hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,5vw,3.5rem);border-bottom:1px solid var(--mist)}
.crumbs{font-size:.9rem;margin:0 0 1.4rem;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.crumbs li+li::before{content:"/";margin-right:.4rem;color:#8AA3AA}
.crumbs a{color:var(--slate)}
.page-hero h1{font-size:clamp(2.5rem,6.2vw,4.8rem);max-width:18ch;letter-spacing:-.03em}
.page-hero .sub{font-size:clamp(1.1rem,1.6vw,1.25rem);margin-top:1.2rem;max-width:56ch}
.page-hero .hero-actions{margin-top:1.8rem}
.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.prose h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:2.6rem 0 1rem}
.prose h2:first-child{margin-top:0}
.prose h3{margin:1.8rem 0 .6rem}
.prose ul,.prose ol{padding-left:1.3rem;margin:0 0 1.2em}
.prose li{margin:.45rem 0;max-width:60ch}
.prose a{color:var(--ink);font-weight:700;text-decoration-color:var(--iris);text-underline-offset:3px;text-decoration-thickness:2px}
.prose blockquote{margin:1.6rem 0;padding:1rem 1.3rem;border-left:4px solid var(--iris);background:var(--white);border-radius:0 var(--r-s) var(--r-s) 0}
.prose table{border-collapse:collapse;width:100%;margin:1rem 0 1.6rem;font-size:.97rem}
.prose th,.prose td{text-align:left;padding:.7rem .6rem;border-top:1px solid var(--mist);vertical-align:top}
.prose th{color:var(--ink)}
.side{position:sticky;top:96px;display:grid;gap:1.25rem}
.side-card{background:var(--deep);color:#DCE8EB;border-radius:var(--r-l);padding:1.6rem}
.side-card h2{color:#fff;font-size:1.4rem;letter-spacing:-.01em;margin-bottom:.6rem}
.side-card p{font-size:.97rem;color:#A9C1C8}
.side-card .btn{width:100%;justify-content:center;margin-top:.6rem}
.side-links{background:var(--white);border:1px solid var(--mist);border-radius:var(--r-m);padding:1.4rem}
.side-links h2{font-size:1.15rem;margin-bottom:.6rem}
.side-links ul{list-style:none;margin:0;padding:0}
.side-links li{border-top:1px solid var(--mist)}
.side-links a{display:block;padding:.7rem 0;font-weight:700;color:var(--ink);text-decoration:none}
.side-links a:hover{color:var(--iris-deep)}
.map{border:0;width:100%;aspect-ratio:16/10;border-radius:var(--r-m);background:var(--mist);display:block}
.chips.areas li{font-weight:400}
.post-list{list-style:none;padding:0;margin:3rem 0 0}
.post-row{display:grid;grid-template-columns:10rem 1fr;gap:1.5rem;padding:1.8rem 0;border-top:1px solid var(--mist)}
.post-row:last-child{border-bottom:1px solid var(--mist)}
.post-row .tag{font-weight:700;color:var(--iris-deep);font-size:.92rem}
.post-row h2,.post-row h3{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-bottom:.5rem}
.post-row h2 a,.post-row h3 a{text-decoration:none}
.post-row h2 a:hover,.post-row h3 a:hover{color:var(--iris-deep)}
.post-meta{font-size:.92rem;color:var(--slate);margin-top:1rem}
.cta-band{background:var(--iris);color:var(--ink)}
.cta-band .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(2.5rem,5vw,3.5rem) 0}
.cta-band h2{font-size:clamp(1.7rem,3.4vw,2.5rem);max-width:22ch}
.cta-band .btn-ghost{border-color:var(--ink)}
.svc dt a{text-decoration:none}
.svc dt a:hover{color:var(--iris-deep)}
.loc-hours{max-width:440px}
.note{font-size:.92rem;color:var(--slate)}
@media (max-width:980px){
  .two-col{grid-template-columns:1fr}
  .side{position:static}
}
@media (max-width:760px){
  .post-row{grid-template-columns:1fr;gap:.4rem}
}
.hero-sub{font:400 clamp(1.05rem,1.6vw,1.2rem)/1.5 var(--body);color:var(--slate);margin:1.6rem 0 0;max-width:46ch}

.logo-img{width:48px;height:48px;border-radius:50%;flex:none;box-shadow:0 0 0 2px rgba(232,163,61,.55)}
footer .logo-img{width:44px;height:44px}
/* locations dropdown */
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;padding:.4rem 0;font:700 .95rem var(--body);color:var(--ink);cursor:pointer}
.dd-btn[aria-current="page"],.dd-btn:hover{color:var(--iris-deep)}
.dd-btn svg{transition:transform .2s}
.dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.dd-menu{display:none;position:absolute;top:calc(100% + .7rem);left:50%;transform:translateX(-50%);min-width:270px;background:var(--white);border:1px solid var(--mist);border-radius:var(--r-m);padding:.5rem;box-shadow:0 18px 40px -18px rgba(14,42,51,.35);z-index:40}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-.8rem;height:.8rem}
.dd-menu a{display:block;padding:.7rem .85rem;border-radius:var(--r-s);text-decoration:none;color:var(--ink)}
.dd-menu a:hover,.dd-menu a:focus-visible{background:var(--paper)}
.dd-menu b{display:block;font-weight:700}
.dd-menu small{display:block;font-weight:400;color:var(--slate);font-size:.85rem;margin-top:.1rem}
.dd-menu .dd-all{border-top:1px solid var(--mist);margin-top:.3rem;border-radius:0 0 var(--r-s) var(--r-s);font-weight:700;color:var(--iris-deep)}
.dd.open .dd-menu{display:block}
@media (hover:hover) and (min-width:761px){.dd:hover .dd-menu{display:block}}
@media (max-width:760px){
  .dd{width:100%}
  .dd-menu{position:static;transform:none;box-shadow:none;border:0;padding:.2rem 0 .4rem .8rem;min-width:0;background:transparent}
  .dd-menu::before{display:none}
}
/* ---------- E-E-A-T components ---------- */
.reviewed{display:flex;align-items:center;gap:.75rem;margin:1.4rem 0 0;font-size:.95rem;max-width:62ch}
.reviewed a{color:var(--ink);font-weight:700}
.rv-avatar{flex:none;width:40px;height:40px;border-radius:50%;background:var(--deep);color:var(--iris);display:grid;place-items:center;font:800 .9rem var(--display)}
.takeaways{background:var(--white);border:1px solid var(--mist);border-left:4px solid var(--iris);border-radius:var(--r-m);padding:1.3rem 1.5rem;margin:0 0 2.4rem}
.takeaways h2{font-size:1.25rem!important;margin:0 0 .6rem!important}
.takeaways ul{margin:0;padding-left:1.2rem}
.refs{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--mist)}
.refs h2{font-size:1.25rem!important;margin:0 0 .6rem!important}
.refs ol{font-size:.95rem}
.refs a{font-weight:400!important}
.author-box{display:grid;grid-template-columns:72px 1fr;gap:1.2rem;margin-top:2.4rem;padding:1.5rem;background:var(--deep);color:#C9DADF;border-radius:var(--r-l)}
.author-box .avatar{margin:0}
.author-box h2{color:#fff;font-size:1.35rem!important;margin:.1rem 0 .5rem!important}
.author-box h2 a{color:#fff!important;text-decoration:none}
.author-box p{color:#C9DADF;font-size:.97rem}
.author-box .ab-k{margin:0;font-weight:700;color:var(--iris);font-size:.88rem}
.author-box .note a{color:#fff!important}
.founder{border-top:1px solid var(--mist)}
.founder-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.founder-mark{aspect-ratio:1;max-width:320px;width:100%;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--iris) 0 22%,var(--ink) 22.5% 46%,#C9DADF 46.5% 48%,transparent 48.5%),var(--ink);display:grid;place-items:center;justify-self:center}
.founder-mark span{font:800 clamp(2rem,5vw,3.4rem)/1 var(--display);color:var(--ink);letter-spacing:-.04em}
.founder-mark.big{max-width:280px}
.facts{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}
.facts li{border:1px solid var(--mist);background:var(--white);border-radius:999px;padding:.5rem 1rem;font-size:.95rem}
.facts b{color:var(--ink)}
.profile-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:3rem;align-items:center}
.timeline{list-style:none;padding:0!important;counter-reset:t}
.timeline li{position:relative;padding:0 0 1.2rem 2rem!important;border-left:2px solid var(--mist);margin:0 0 0 .5rem!important}
.timeline li::before{content:"";position:absolute;left:-.55rem;top:.25rem;width:1rem;height:1rem;border-radius:50%;background:var(--iris);border:3px solid var(--paper)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem}
.chip-btn{font:700 .92rem var(--body);padding:.55rem 1rem;border-radius:999px;border:1.5px solid var(--mist);background:var(--white);color:var(--ink);cursor:pointer}
.chip-btn[aria-pressed="true"]{background:var(--deep);color:#fff;border-color:var(--ink)}
.post-row[hidden]{display:none}
@media (max-width:980px){.founder-grid,.profile-hero{grid-template-columns:1fr}.founder-mark{max-width:200px;justify-self:start}}
footer .wrap{grid-template-columns:1.3fr repeat(5,1fr)}
footer h3 a{color:#fff}
@media (max-width:1100px){footer .wrap{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr 1fr}footer .wrap>div:first-child{grid-column:1/-1}}
.fine{max-width:none}
.founder-photo{width:100%;height:auto;max-width:320px;aspect-ratio:1;border-radius:50%;object-fit:cover;justify-self:center;border:6px solid var(--white);box-shadow:0 0 0 3px var(--iris),0 24px 50px -24px rgba(14,42,51,.5)}
.profile-hero .founder-photo{max-width:280px}
img.avatar{object-fit:cover;padding:0}
img.rv-avatar{object-fit:cover;border:2px solid var(--iris)}
@media (max-width:980px){.founder-photo{max-width:200px;justify-self:start}}
.scene img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .15s}
/* vision simulators */
.scene .fx{position:absolute;inset:0;pointer-events:none;transition:opacity .15s}
.sim-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1rem}
.sim-tabs .chip-btn{font-size:.85rem;padding:.45rem .85rem}
.prose .lens-demo{margin:0 0 2.4rem!important}
.prose .lens-demo .slider label{font-size:.95rem}
.sim-section{border-top:1px solid var(--mist)}
/* dropdowns everywhere */
.dd-menu.wide{min-width:300px}
.dd-menu a b{font-weight:700}
@media (max-width:1100px){
  .nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:1.2rem 1.25rem 1.6rem;border-bottom:1px solid var(--mist);max-height:calc(100vh - 72px);overflow:auto;gap:1rem}
  .nav.open{display:flex}
  .menu-btn{display:block}
  .dd{width:100%}
  .dd-menu,.dd-menu.wide{position:static;transform:none;box-shadow:none;border:0;padding:.2rem 0 .4rem .8rem;min-width:0;background:transparent}
  .dd-menu::before{display:none}
}
@media (hover:hover) and (min-width:1101px){.dd:hover .dd-menu{display:block}}
@media (max-width:1100px){.dd:hover .dd-menu{display:none}.dd.open .dd-menu{display:block}}
@media (min-width:1101px){.dd-menu.cols{column-count:2;column-gap:.3rem;min-width:460px;left:auto;right:0;transform:none}.dd-menu.cols a{break-inside:avoid}.dd-menu.cols .dd-all{column-span:all}}
/* WhatsApp + reviews */
.btn-wa{background:#0E7A3A;color:#fff;border-color:#0E7A3A}
.btn-wa:hover{background:#0A5F2D;border-color:#0A5F2D}
.btn svg{flex:none}
.wa-float{position:fixed;right:1.4rem;bottom:1.4rem;z-index:35;display:flex;align-items:center;gap:.55rem;background:#0E7A3A;color:#fff;text-decoration:none;font-weight:700;padding:.75rem 1.1rem .75rem .85rem;border-radius:999px;box-shadow:0 12px 28px -10px rgba(14,42,51,.55)}
.wa-float:hover{background:#0A5F2D}
.review-box{margin-top:1.6rem;padding:1.4rem;background:var(--white);border:1px solid var(--mist);border-left:4px solid var(--iris);border-radius:var(--r-m)}
.review-box h3{margin:0 0 .4rem}
.review-box .btn{margin:.3rem .4rem .2rem 0}
.side-card .btn-light svg{margin-right:.1rem}
@media (max-width:760px){.wa-float{display:none}.mobile-bar{grid-template-columns:1fr 1.3fr 1fr}}
/* review pages */
.review-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.rate{background:var(--white);border:1px solid var(--mist);border-radius:var(--r-l);padding:clamp(1.4rem,3vw,2.2rem)}
.rate fieldset{border:0;padding:0;margin:0}
.rate legend{font:600 1.5rem/1.25 var(--display);color:var(--ink);margin-bottom:1rem}
.stars{display:inline-flex;flex-direction:row-reverse;gap:.3rem}
.stars input{position:absolute;opacity:0;width:1px;height:1px}
.stars label{font-size:3.2rem;line-height:1;color:#C9DADF;cursor:pointer;transition:color .12s,transform .12s}
.stars label:hover,.stars label:hover~label,.stars input:checked~label{color:var(--iris)}
.stars input:focus-visible+label{outline:3px solid var(--iris);outline-offset:3px;border-radius:6px}
.stars label:active{transform:scale(.92)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rate-hint{font-weight:700;color:var(--ink);margin:.8rem 0 1.2rem}
.rate .btn[disabled]{opacity:.45;cursor:not-allowed}
.qr-card{text-align:center;background:var(--white);border:1px solid var(--mist);border-radius:var(--r-l);padding:1.8rem}
.qr-card img{margin:0 auto 1rem;width:min(260px,100%);height:auto}
.qr-card h2{font-size:1.4rem}
.qr-card p{margin-inline:auto}
.qr-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.qr-mini{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;background:var(--white);border:1px solid var(--mist);border-radius:var(--r-m);padding:1.4rem}
.qr-mini b{font:600 1.3rem var(--display);color:var(--ink)}
.rb-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.rb-qr{border-radius:8px;border:1px solid var(--mist)}
@media (max-width:760px){.review-grid,.qr-list{grid-template-columns:1fr}}
form.rate{display:block}.rate .btn{margin-top:.2rem}.rate .note{margin-top:1rem}
/* prominent review band */
.review-band{background:var(--deep);color:#C9DADF}
.review-band h2{color:#fff}
.review-band .lead{color:#A9C1C8}
.review-band-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.review-band .rate{margin-top:1.6rem;color:var(--slate)}
.review-band .rate legend{font-size:1.2rem}
.qr-big{background:#fff;border-radius:var(--r-l);padding:1.8rem;text-align:center;border:4px solid var(--iris);justify-self:center;max-width:380px;width:100%}
.qr-big img{width:100%;max-width:300px;height:auto;margin:0 auto}
.qr-big p{color:var(--slate);margin:.8rem auto .6rem}
.qr-big b{color:var(--ink);font:600 1.25rem var(--display)}
.qr-big a{color:var(--ink);font-weight:700;font-size:.95rem}
.rb-head{margin-bottom:2rem}
.qr-mini.big{border:3px solid var(--iris);padding:1.6rem}
.qr-mini.big img{width:220px;height:auto}
.qr-mini .rb-stars{color:var(--iris);font-size:1.4rem;letter-spacing:.2rem}
.qr-mini span{color:var(--slate)}
@media (max-width:980px){.review-band-grid{grid-template-columns:1fr}}
.toast{position:fixed;left:50%;bottom:6rem;transform:translate(-50%,20px);background:var(--deep);color:#fff;padding:.9rem 1.2rem;border-radius:12px;max-width:min(92vw,440px);font-size:.95rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}.toast.show{opacity:1;transform:translate(-50%,0)}
/* animated stars */
@keyframes starFill{0%,6%{color:#C9DADF;transform:scale(1)}12%{color:var(--iris);transform:scale(1.35) rotate(-8deg)}18%{transform:scale(1) rotate(0)}78%{color:var(--iris)}88%,100%{color:#C9DADF;transform:scale(1)}}
.rb-stars{display:inline-flex;gap:.25rem}
.rb-stars i{font-style:normal;display:inline-block;color:#C9DADF;animation:starFill 3.4s ease-in-out infinite}
.rb-stars i:nth-child(2){animation-delay:.15s}.rb-stars i:nth-child(3){animation-delay:.3s}.rb-stars i:nth-child(4){animation-delay:.45s}.rb-stars i:nth-child(5){animation-delay:.6s}
.qr-mini:hover .rb-stars i,.qr-mini:focus-visible .rb-stars i{animation:none;color:var(--iris);transform:scale(1.15)}
/* idle hint on interactive stars until a rating is chosen (labels are in reverse DOM order) */
.rate:not(:has(input:checked)) .stars label{animation:starFill 3.4s ease-in-out infinite}
.rate:not(:has(input:checked)) .stars label:nth-of-type(5){animation-delay:0s}
.rate:not(:has(input:checked)) .stars label:nth-of-type(4){animation-delay:.15s}
.rate:not(:has(input:checked)) .stars label:nth-of-type(3){animation-delay:.3s}
.rate:not(:has(input:checked)) .stars label:nth-of-type(2){animation-delay:.45s}
.rate:not(:has(input:checked)) .stars label:nth-of-type(1){animation-delay:.6s}
.rate .stars:hover label{animation:none!important}
@media (prefers-reduced-motion:reduce){.rb-stars i,.stars label{animation:none!important;color:var(--iris)}}
/* AEO answer boxes */
.answer{background:var(--white);border:1px solid var(--mist);border-left:4px solid var(--ink);border-radius:var(--r-m);padding:1.2rem 1.4rem;margin:0 0 2rem}
.answer h2{font-size:1.15rem!important;margin:0 0 .6rem!important}
.answer.quick{margin:1.4rem 0 0;max-width:68ch}
.answer.quick p{margin:0}
.glance{margin:0;display:grid;gap:.5rem}
.glance div{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.35rem 0;border-top:1px solid var(--mist)}
.glance dt{font-weight:700;color:var(--ink)}
.glance dd{margin:0}
@media (max-width:600px){.glance div{grid-template-columns:1fr;gap:.1rem}}
.scene picture{display:block;width:100%;height:100%}
.ticks a{color:inherit;text-decoration-color:var(--iris);text-underline-offset:3px}

/* =========================================================
   EYE ACCESSIBILITY: text size, themes, contrast, spacing
   ========================================================= */
html{font-size:var(--fs)}
html[data-size="1"]{--fs:112.5%}
html[data-size="2"]{--fs:125%}
html[data-size="3"]{--fs:140%}
html[data-size="2"] .nav a, html[data-size="3"] .nav a, html[data-size="2"] .dd-btn, html[data-size="3"] .dd-btn{font-size:.9rem}

/* Dark theme */
html[data-theme="dark"]{--paper:#0F1E23;--white:#16292F;--ink:#E8F1F3;--slate:#B9CBD0;--mist:#2C4650;--deep:#08161A;--iris:#F0B355;--iris-deep:#F0B355;--focus:#F0B355;color-scheme:dark}
html[data-theme="dark"] .site-head{background:rgba(15,30,35,.94)}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .cta-band,html[data-theme="dark"] .cta-band h2{color:#0E2A33}
html[data-theme="dark"] .cta-band .btn-ghost{border-color:#0E2A33;color:#0E2A33}
html[data-theme="dark"] .cta-band .btn-ghost:hover{background:#0E2A33;color:#fff}
html[data-theme="dark"] .btn-ghost:hover{background:var(--ink);color:#0F1E23}
html[data-theme="dark"] .chip-btn[aria-pressed="true"]{background:var(--iris);color:#0E2A33;border-color:var(--iris)}
html[data-theme="dark"] .svc svg,html[data-theme="dark"] .brand svg{background:#E8F1F3;border-radius:50%}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#0F1E23;color:var(--ink);border-color:#4A6670}
html[data-theme="dark"] .scene img{filter:brightness(.92)}
html[data-theme="dark"] .qr-big p,html[data-theme="dark"] .qr-mini span{color:#3B5560}
html[data-theme="dark"] .qr-mini b,html[data-theme="dark"] .qr-big b,html[data-theme="dark"] .qr-big a{color:#0E2A33}
html[data-theme="dark"] .qr-mini.big{background:#fff}
html[data-theme="dark"] .hours tr.today th,html[data-theme="dark"] .hours tr.today td{background:linear-gradient(90deg,rgba(240,179,85,.22),transparent)}

/* High contrast: yellow on black, maximum legibility */
html[data-contrast="high"]{--paper:#000;--white:#000;--ink:#FFF;--slate:#FFF;--mist:#FFF;--deep:#000;--iris:#FFD400;--iris-deep:#FFD400;--focus:#FFD400;color-scheme:dark}
html[data-contrast="high"] body{background:#000;color:#fff}
html[data-contrast="high"] .site-head{background:#000;border-bottom:2px solid #fff}
html[data-contrast="high"] a{color:#FFD400!important;text-decoration:underline!important;text-underline-offset:3px}
html[data-contrast="high"] .btn{border:2px solid #FFD400!important;text-decoration:none!important}
html[data-contrast="high"] .btn-primary,html[data-contrast="high"] .btn-wa{background:#FFD400!important;color:#000!important}
html[data-contrast="high"] .btn-ghost,html[data-contrast="high"] .btn-light{background:#000!important;color:#FFD400!important}
html[data-contrast="high"] .side-card,html[data-contrast="high"] .finder,html[data-contrast="high"] .answer,html[data-contrast="high"] .takeaways,html[data-contrast="high"] .branch,html[data-contrast="high"] .rate,html[data-contrast="high"] .lens-demo,html[data-contrast="high"] .side-links,html[data-contrast="high"] .dd-menu,html[data-contrast="high"] .author-box,html[data-contrast="high"] form{border:2px solid #fff!important;background:#000!important}
html[data-contrast="high"] .cta-band{background:#000;border-top:2px solid #fff;border-bottom:2px solid #fff}
html[data-contrast="high"] .cta-band h2{color:#fff}
html[data-contrast="high"] .chip-btn{background:#000;color:#fff;border:2px solid #fff}
html[data-contrast="high"] .chip-btn[aria-pressed="true"]{background:#FFD400;color:#000}
html[data-contrast="high"] .status{background:#000;border:1px solid #fff;color:#fff}
html[data-contrast="high"] .field input,html[data-contrast="high"] .field select,html[data-contrast="high"] .field textarea{background:#000;color:#fff;border:2px solid #fff}
html[data-contrast="high"] .svc svg{background:#fff;border-radius:50%}
html[data-contrast="high"] *{box-shadow:none!important;text-shadow:none!important}
html[data-contrast="high"] .rb-stars i,html[data-contrast="high"] .stars label{color:#FFD400}

/* Reading spacing */
html[data-spacing="wide"] body{line-height:1.9;letter-spacing:.035em;word-spacing:.14em}
html[data-spacing="wide"] p,html[data-spacing="wide"] li{margin-bottom:.9em}

/* Highlight links */
html[data-links="on"] main a:not(.btn):not(.branch-row):not(.qr-mini){text-decoration:underline!important;text-decoration-thickness:3px!important;text-underline-offset:4px;background:rgba(255,212,0,.28);border-radius:3px}

/* Pause motion */
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Read-aloud highlight */
.reading{outline:3px dashed var(--iris)!important;outline-offset:4px;background:rgba(232,163,61,.14)!important;border-radius:4px}

/* Accessibility button + panel */
.a11y-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--white);border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:.5rem .85rem;font:700 .9rem var(--body);cursor:pointer;min-height:44px}
.a11y-btn:hover{background:var(--ink);color:var(--paper)}
.a11y-panel{position:fixed;top:80px;right:1rem;z-index:80;width:min(380px,calc(100vw - 2rem));max-height:calc(100vh - 100px);overflow:auto;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-m);padding:1.2rem;box-shadow:0 24px 60px -20px rgba(0,0,0,.5)}
.a11y-panel[hidden]{display:none}
.a11y-panel h2{font-size:1.25rem;margin:0 0 .3rem}
.a11y-panel p.hint{font-size:.9rem;color:var(--slate);margin:0 0 1rem}
.a11y-group{border:0;padding:0;margin:0 0 1rem}
.a11y-group legend{font-weight:700;margin-bottom:.45rem;font-size:.95rem}
.a11y-opts{display:flex;flex-wrap:wrap;gap:.4rem}
.a11y-opts button{min-height:44px;min-width:44px;padding:.45rem .8rem;border-radius:10px;border:2px solid var(--mist);background:var(--paper);color:var(--ink);font:700 .95rem var(--body);cursor:pointer}
.a11y-opts button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html[data-contrast="high"] .a11y-opts button[aria-pressed="true"]{background:#FFD400;color:#000}
.a11y-opts .sz1{font-size:1rem}.a11y-opts .sz2{font-size:1.15rem}.a11y-opts .sz3{font-size:1.3rem}.a11y-opts .sz4{font-size:1.45rem}
.a11y-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.a11y-row .btn{padding:.7rem 1rem;font-size:.92rem}
.a11y-close{position:absolute;top:.6rem;right:.6rem;min-width:44px;min-height:44px;border:0;background:transparent;font-size:1.6rem;color:var(--ink);cursor:pointer}
.head-tools{display:flex;align-items:center;gap:.5rem}
@media (max-width:1100px){.a11y-btn .lbl{display:none}}
.head-tools{order:3}.site-head .wrap{gap:1rem}@media (max-width:1100px){.head-tools{order:2;margin-left:auto}}
.tts-pill{position:fixed;left:50%;bottom:5.5rem;transform:translateX(-50%);z-index:85;background:var(--deep);color:#fff;border:2px solid var(--iris);border-radius:999px;padding:.8rem 1.4rem;font:700 1rem var(--body);min-height:48px;cursor:pointer;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}

/* larger text sizes: always use compact menu */
html[data-size="2"] .nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:1.2rem 1.25rem 1.6rem;border-bottom:1px solid var(--mist);max-height:calc(100vh - 72px);overflow:auto;gap:1rem}
html[data-size="2"] .nav.open{display:flex}
html[data-size="2"] .menu-btn{display:block}
html[data-size="2"] .dd{width:100%}
html[data-size="2"] .dd-menu,html[data-size="2"] .dd-menu.wide,html[data-size="2"] .dd-menu.cols{position:static;transform:none;box-shadow:none;border:0;padding:.2rem 0 .4rem .8rem;min-width:0;background:transparent;column-count:1}
html[data-size="2"] .dd-menu::before{display:none}
html[data-size="2"] .dd:hover .dd-menu{display:none}.dd.open .dd-menu{display:block}
html[data-size="2"] .head-tools{order:2;margin-left:auto}
html[data-size="2"] .a11y-btn .lbl{display:none}
html[data-size="3"] .nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:1.2rem 1.25rem 1.6rem;border-bottom:1px solid var(--mist);max-height:calc(100vh - 72px);overflow:auto;gap:1rem}
html[data-size="3"] .nav.open{display:flex}
html[data-size="3"] .menu-btn{display:block}
html[data-size="3"] .dd{width:100%}
html[data-size="3"] .dd-menu,html[data-size="3"] .dd-menu.wide,html[data-size="3"] .dd-menu.cols{position:static;transform:none;box-shadow:none;border:0;padding:.2rem 0 .4rem .8rem;min-width:0;background:transparent;column-count:1}
html[data-size="3"] .dd-menu::before{display:none}
html[data-size="3"] .dd:hover .dd-menu{display:none}.dd.open .dd-menu{display:block}
html[data-size="3"] .head-tools{order:2;margin-left:auto}
html[data-size="3"] .a11y-btn .lbl{display:none}
@media (max-width:1300px){html[data-size="1"] .nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:1.2rem 1.25rem 1.6rem;border-bottom:1px solid var(--mist);max-height:calc(100vh - 72px);overflow:auto;gap:1rem}
html[data-size="1"] .nav.open{display:flex}
html[data-size="1"] .menu-btn{display:block}
html[data-size="1"] .dd{width:100%}
html[data-size="1"] .dd-menu,html[data-size="1"] .dd-menu.wide,html[data-size="1"] .dd-menu.cols{position:static;transform:none;box-shadow:none;border:0;padding:.2rem 0 .4rem .8rem;min-width:0;background:transparent;column-count:1}
html[data-size="1"] .dd-menu::before{display:none}
html[data-size="1"] .dd:hover .dd-menu{display:none}.dd.open .dd-menu{display:block}
html[data-size="1"] .head-tools{order:2;margin-left:auto}
html[data-size="1"] .a11y-btn .lbl{display:none}}
html[data-contrast="high"] .wa-float{background:#FFD400!important;color:#000!important}html[data-contrast="high"] .wa-float span{color:#000}
html[data-size="2"] .site-head .wrap,html[data-size="3"] .site-head .wrap{height:auto;min-height:72px}
/* booking form */
.tel-wrap{display:flex;align-items:stretch}
.tel-pre{display:flex;align-items:center;padding:0 .8rem;border:1.5px solid #A8C0C7;border-right:0;border-radius:var(--r-s) 0 0 var(--r-s);background:var(--white);font-weight:700;color:var(--ink)}
.tel-wrap input{flex:1;border-radius:0 var(--r-s) var(--r-s) 0!important;min-width:0}
.field .hint{font-size:.85rem;color:var(--slate)}
.field input,.field select,.field textarea{min-height:48px;font-size:1.05rem}
fieldset.field{border:0;padding:0;margin:0}
fieldset.field legend{font-weight:700;color:var(--ink);font-size:.95rem;margin-bottom:.5rem}
.radio-row{display:flex;flex-wrap:wrap;gap:.5rem}
.radio-row label{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border:1.5px solid #A8C0C7;border-radius:10px;cursor:pointer;min-height:48px;font-weight:700;color:var(--ink);background:var(--paper)}
.radio-row label small{font-weight:400;color:var(--slate)}
.radio-row input{width:20px;height:20px;accent-color:var(--deep)}
.radio-row label:has(input:checked){border-color:var(--ink);background:var(--white);box-shadow:inset 0 0 0 1px var(--ink)}
.consent label{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;color:var(--slate);font-size:.95rem}
.consent input{width:22px;height:22px;margin-top:.15rem;flex:none;accent-color:var(--deep)}
.field.invalid input,.field.invalid select{border-color:#A3361F;box-shadow:0 0 0 2px rgba(163,54,31,.25)}
.checklist{list-style:none;padding:0!important}
.checklist li{position:relative;padding-left:2rem}
.checklist li::before{content:"✓";position:absolute;left:0;top:0;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--deep);color:#fff;font-size:.85rem;display:grid;place-items:center;font-weight:700}
.res{padding:1.6rem 0 2rem;border-top:1px solid var(--mist)}
.res:first-child{border-top:0;padding-top:0}
.res h2{margin-top:0!important}
table.drops td{height:2.4rem}
@media print{.site-head,footer,.mobile-bar,.wa-float,.side,.page-hero .crumbs,.cta-band,.a11y-panel,.hero-actions{display:none!important}.res{display:none}.res.print-me{display:block}body{background:#fff}}
.notice{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.8rem 3.2rem .8rem 1.25rem;background:var(--iris);color:#0E2A33;position:relative;font-weight:700;text-align:center}
.notice p{margin:0;max-width:none}
.notice a{color:#0E2A33;text-decoration:underline}
.notice-warning{background:#A3361F;color:#fff}.notice-warning a{color:#fff}
.notice-x{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);min-width:44px;min-height:44px;border:0;background:transparent;font-size:1.6rem;color:inherit;cursor:pointer}
html[data-contrast="high"] .notice{background:#FFD400;color:#000}

/* Language switcher: compact button in the header */
.lang-sw{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--white);border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:.5rem .8rem;font:700 .9rem var(--body);cursor:pointer;min-height:44px;white-space:nowrap}
.lang-btn:hover{background:var(--paper)}
.lang-btn .chev{transition:transform .2s}
.lang-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.lang-short{display:none}
.lang-menu{position:absolute;right:0;top:calc(100% + .5rem);list-style:none;margin:0;padding:.4rem;min-width:190px;background:var(--white);border:1px solid var(--mist);border-radius:var(--r-m);box-shadow:0 18px 40px -18px rgba(14,42,51,.35);z-index:45}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border-radius:var(--r-s);text-decoration:none;color:var(--ink);font-weight:700;font-size:1.05rem;min-height:44px}
.lang-menu a:hover,.lang-menu a:focus-visible{background:var(--paper)}
.lang-menu a[aria-current]{color:var(--iris-deep)}
@media (max-width:1500px){.lang-cur{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lang-short{display:inline}}
@media (max-width:640px){.lang-btn{padding:.5rem .6rem;gap:.3rem}.lang-btn > svg:first-child{display:none}}
html[data-contrast="high"] .lang-btn{background:#000;color:#fff;border-color:#fff}
html[data-contrast="high"] .lang-menu{background:#000;border:2px solid #fff}
html[data-contrast="high"] .lang-menu a[aria-current]{color:#000!important;background:#FFD400;text-decoration:none!important}
html[data-theme="dark"] .lang-btn{background:transparent}
/* Indic scripts: matching fonts, no negative tracking, taller lines so marks above and below letters are not clipped */
html[lang="kn"]{--body:"Atkinson Hyperlegible","Noto Sans Kannada",system-ui,sans-serif;--display:"Bricolage Grotesque","Noto Sans Kannada",system-ui,sans-serif}
html[lang="hi"]{--body:"Atkinson Hyperlegible","Noto Sans Devanagari",system-ui,sans-serif;--display:"Bricolage Grotesque","Noto Sans Devanagari",system-ui,sans-serif}
html[lang="kn"] body,html[lang="hi"] body{line-height:1.75}
html[lang="kn"] :is(h1,h2,h3,h4,.chart,.btn,.dd-btn),html[lang="hi"] :is(h1,h2,h3,h4,.chart,.btn,.dd-btn){letter-spacing:0;line-height:1.35}
html[lang="kn"] .chart,html[lang="hi"] .chart{line-height:1.3}
html[lang="kn"] .btn,html[lang="hi"] .btn{line-height:1.3}

/* Kannada and Hindi labels are longer: switch to the compact menu earlier */
html[lang="kn"] .nav a,html[lang="kn"] .dd-btn,html[lang="hi"] .nav a,html[lang="hi"] .dd-btn{white-space:nowrap}

/* Never scroll sideways: small phones, large text sizes and long Kannada or Hindi words */
h1,h2,h3,h4,p,li,dd,dt,td,th,label,summary,figcaption,blockquote,.btn{overflow-wrap:break-word}
html[lang="kn"] :is(h1,h2,h3,h4,.chart span,.btn,b,strong),html[lang="hi"] :is(h1,h2,h3,h4,.chart span,.btn,b,strong){overflow-wrap:anywhere}
main :is(div,section,article,form,figure,aside,fieldset,ul,ol,dl,table){min-width:0}
.brand{min-width:0}
.brand span{min-width:0}
@media (max-width:640px){
  .chart .l1{font-size:min(5rem,21vw)}
  .chart .l2{font-size:min(3rem,12.5vw)}
  .chart .l3{font-size:min(2rem,8.6vw)}
  .chart .l4{font-size:min(1.35rem,6.4vw)}
  html[data-size] .site-head .wrap{gap:.5rem}
  html[data-size] .brand small{display:none}
  html[data-size] .brand b{font-size:1.05rem}
  html[data-size] .a11y-btn,html[data-size] .menu-btn{padding-left:.7rem;padding-right:.7rem}
}
@media (max-width:440px){
  html[data-size="3"] .brand span,html[data-size="2"][lang="kn"] .brand span,html[data-size="3"][lang="kn"] .brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html[lang="kn"] .brand b{font-size:1.05rem}
}
footer :is(div,ul,li,p,a){min-width:0;overflow-wrap:break-word}
.stars label{font-size:min(3.2rem,13vw)}
@media (max-width:640px){html[data-size] .status,html[lang="kn"] .status,html[lang="hi"] .status{white-space:normal;text-align:center;max-width:46vw}}
@media (max-width:640px){main table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}main th,main td{min-width:7.5rem}}
.mobile-bar a,.menu-btn,.a11y-btn{white-space:nowrap}
html[data-size] .mobile-bar a,html[lang="kn"] .mobile-bar a,html[lang="hi"] .mobile-bar a{font-size:min(1em,4.4vw);padding-left:.4rem;padding-right:.4rem}
html[lang="kn"] .chart{line-height:1.28}

/* Simulator: the current stage is a clear chip, stacked under the title on phones */
.slider label{flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.slider output{display:inline-flex;align-items:center;font-weight:700;color:var(--ink);background:var(--paper);border:2px solid var(--iris);border-radius:999px;padding:.3rem .85rem;font-size:.95rem;line-height:1.3}
@media (max-width:640px){.slider label{flex-direction:column;align-items:flex-start}}
html[data-contrast="high"] .slider output{background:#000;color:#FFD400;border-color:#FFD400}
.nav a,.dd-btn{white-space:nowrap}
.lang-short{font-size:1rem;min-width:1.4em;text-align:center}
@media (max-width:480px){html[lang="kn"] .brand small,html[lang="hi"] .brand small{display:none}html[lang="kn"] .brand b,html[lang="hi"] .brand b{line-height:1.3}}
html[lang] .brand b{overflow-wrap:normal;word-break:keep-all}
@media (max-width:480px){html[lang="kn"] .brand b{font-size:.98rem}.lang-btn .chev{display:none}.lang-btn{min-width:44px;justify-content:center}}

/* ---------- symptom checker */
.triage-note{background:#FFF6E5;border:1px solid #E8C27A;border-radius:var(--r-m);padding:.9rem 1.1rem;color:var(--ink);font-size:.95rem;margin:0 0 1.5rem}
.triage{max-width:46rem}
.tstep{border:0;padding:0;margin:0}
.tstep legend{font-family:var(--display);font-size:clamp(1.3rem,3vw,1.7rem);color:var(--ink);font-weight:700;margin-bottom:1rem;padding:0}
.tnum{display:block;font:700 .85rem/1.4 var(--body);color:var(--iris-deep);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}
.checks{display:grid;gap:.6rem}
.check{display:flex;gap:.8rem;align-items:flex-start;background:var(--white);border:1px solid var(--mist);border-radius:var(--r-m);padding:.85rem 1rem;cursor:pointer;min-height:48px;line-height:1.45}
.check input{width:1.35rem;height:1.35rem;margin:.1rem 0 0;flex:none;accent-color:var(--ink)}
.check:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#EEF5F6}
.tnav{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.tres{border-radius:var(--r-l);padding:1.4rem 1.5rem;margin-top:1rem;border:2px solid}
.tres:focus{outline:3px solid var(--focus);outline-offset:3px}
.tres h2{margin-top:0}
.tres-emergency{background:#FDECEA;border-color:#A3361F;color:#3A0F07}
.tres-emergency h2,.tres-emergency h3{color:#7A1E0E}
.tres-today{background:#FFF4E0;border-color:#8A5508}
.tres-routine{background:#EAF5EF;border-color:var(--ok)}
.tres .hero-actions{margin-top:1rem}
html[data-theme="dark"] .check{background:#0F1E23;border-color:#4A6670}
html[data-theme="dark"] .check:has(input:checked){background:#16313A}
html[data-theme="dark"] .tres,html[data-theme="dark"] .triage-note{background:#0F1E23;color:var(--ink)}
html[data-theme="dark"] .tres-emergency h2,html[data-theme="dark"] .tres-emergency h3{color:#FFB4A6}
html[data-contrast="high"] .check,html[data-contrast="high"] .tres,html[data-contrast="high"] .triage-note{background:#000!important;color:#fff!important;border:2px solid #fff!important}
html[data-contrast="high"] .tres h2,html[data-contrast="high"] .tres h3{color:#ff0!important}

/* ---------- home vision checks */
.vc-tool{display:grid;grid-template-columns:minmax(0,22rem) 1fr;gap:2rem;align-items:start;margin:1.2rem 0 1.6rem}
@media (max-width:760px){.vc-tool{grid-template-columns:1fr}}
.amsler{width:100%;max-width:22rem;height:auto;display:block;background:#fff;border-radius:var(--r-s)}
.am-bg{fill:#fff}.am-lines line{stroke:#111;stroke-width:1.1}.am-dot{fill:#111}
.steps-list{padding-left:1.3rem;margin:0}.steps-list li{margin-bottom:.4rem}
.near-card{background:#fff;color:#111;border:1px solid var(--mist);border-radius:var(--r-m);padding:1.4rem 1.5rem;margin:1rem 0 1.6rem;font-family:Georgia,"Times New Roman",serif}
.near-card .nl{margin:0 0 .9rem;line-height:1.35;max-width:none}
.nl-n{display:inline-block;min-width:1.6rem;font:700 .8rem var(--body);color:#555;vertical-align:middle}
html[data-theme="dark"] .near-card,html[data-contrast="high"] .near-card{background:#fff!important;color:#111!important}
.plates{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.4rem;margin:1.2rem 0}
.plate img{width:100%;max-width:15rem;height:auto;display:block;border-radius:50%;margin-bottom:.6rem}
.plate label{display:block;font-weight:700;color:var(--ink);margin-bottom:.3rem}
.pl-in{width:6rem;min-height:48px;font-size:1.3rem;padding:.3rem .6rem;border:2px solid var(--slate);border-radius:var(--r-s);background:var(--white);color:var(--ink)}
.plate .note{margin:.4rem 0 0}
html[data-contrast="high"] .plate img{filter:none!important}

/* ---------- condition hubs and comparisons */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}
a.svc{display:block;background:var(--white);border:1px solid var(--mist);border-radius:var(--r-m);padding:1.2rem 1.3rem;text-decoration:none;color:var(--slate)}
a.svc h3{margin:0 0 .4rem;color:var(--ink);font-size:1.15rem}
a.svc p{margin:0;font-size:.95rem}
a.svc:hover,a.svc:focus-visible{border-color:var(--ink);box-shadow:0 4px 18px rgba(14,42,51,.08)}
html[data-theme="dark"] a.svc{background:#0F1E23;border-color:#4A6670}
html[data-contrast="high"] a.svc{background:#000!important;border:2px solid #fff!important}
.cmp-links li{margin-bottom:.4rem}
.tbl-wrap{overflow-x:auto;margin:1.4rem 0 2rem;border:1px solid var(--mist);border-radius:var(--r-m)}
.tbl-wrap:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
table.cmp{border-collapse:collapse;width:100%;min-width:36rem;display:table!important;font-size:.95rem}
table.cmp th,table.cmp td{padding:.75rem .9rem;border-bottom:1px solid var(--mist);text-align:left;vertical-align:top}
table.cmp thead th{background:var(--ink);color:#fff;font-weight:700}
table.cmp thead td{background:var(--ink)}
table.cmp tbody th{color:var(--ink);background:var(--paper);width:9.5rem}
html[data-theme="dark"] table.cmp tbody th{background:#0F1E23}
html[data-contrast="high"] table.cmp th,html[data-contrast="high"] table.cmp td{border:1px solid #fff!important;background:#000!important;color:#fff!important}

/* ---------- procedure explainers */
.xp-section{background:var(--paper)}
.xp{max-width:52rem;margin:0 auto}
.xp-steps{list-style:none;margin:0;padding:0}
.xp-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem;align-items:center;min-height:14rem}
@media (max-width:700px){.xp-step{grid-template-columns:1fr;gap:.8rem}}
.xp-art{background:var(--white);border:1px solid var(--mist);border-radius:var(--r-l);padding:1rem}
.xp-art svg{width:100%;height:auto;display:block}
.xp-cap h3{margin:.2rem 0 .5rem}
.xp-n{font-weight:700;color:var(--iris-deep);margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.xp-ctl{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.xp-dots{display:flex;gap:.5rem;margin-top:1rem}
.xp-dot{width:2.75rem;height:2.75rem;border:0;background:transparent;padding:0;cursor:pointer;position:relative}
.xp-dot::before{content:"";position:absolute;inset:50% auto auto 50%;width:.8rem;height:.8rem;border-radius:50%;transform:translate(-50%,-50%);background:var(--mist);border:2px solid var(--slate)}
.xp-dot[aria-current="step"]::before{background:var(--ink);border-color:var(--ink)}
.xs-white{fill:#F7FBFC;stroke:#8BA6AE;stroke-width:2}
.xs-cornea{fill:none;stroke:#2A7FA0;stroke-width:4}
.xs-iris{fill:#6B4A2B}
.xs-lens-cloudy{fill:#D9D2B8;stroke:#A99E78;stroke-width:2}
.xs-lens-new{fill:#DDF1F7;stroke:#2A7FA0;stroke-width:2}
.xs-frag circle{fill:#D9D2B8;stroke:#A99E78}
.xs-tool{stroke:#55636A;stroke-width:4;stroke-linecap:round;fill:none}
.xs-drop path{fill:#4BA3C7}
.xs-waves path{fill:none;stroke:#E8A33D;stroke-width:2}
.xs-rays line{stroke:#E8A33D;stroke-width:2;stroke-dasharray:6 5}
.xs-laser line{stroke:#2F7D5B;stroke-width:3}
.xs-flap{fill:none;stroke:#E8A33D;stroke-width:3}
.xs-flap-open{fill:none;stroke:#E8A33D;stroke-width:3;stroke-dasharray:4 4}
@media (prefers-reduced-motion:no-preference){.xp-step:not([hidden]) .xp-art{animation:xpIn .45s ease-out}.xs-waves path,.xs-laser line{animation:xpPulse 1.2s ease-in-out infinite}}
@keyframes xpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes xpPulse{50%{opacity:.25}}
html[data-theme="dark"] .xp-section{background:#0B171B}
html[data-theme="dark"] .xp-art{background:#E8F1F3}

/* ---------- screening enquiry */
form.enquiry{background:var(--white);border:1px solid var(--mist);border-radius:var(--r-l);padding:1.4rem 1.5rem;margin-top:2rem;display:grid;gap:.9rem}
form.enquiry h2{margin:0}
form.enquiry .field{display:grid;gap:.3rem}
form.enquiry label{font-weight:700;color:var(--ink)}
form.enquiry input,form.enquiry textarea{border:2px solid #7A8F96;border-radius:var(--r-s);padding:.6rem .7rem;font:inherit;background:var(--white);color:var(--ink)}
form.enquiry .err{color:#A3361F;margin:0;font-size:.9rem;min-height:0}
form.enquiry .field.invalid input{border-color:#A3361F}
html[data-theme="dark"] form.enquiry,html[data-theme="dark"] form.enquiry input,html[data-theme="dark"] form.enquiry textarea{background:#0F1E23;border-color:#4A6670}
.xp-step[hidden],.tstep[hidden],.tres[hidden]{display:none!important}
.tres .btn-light{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.tres .btn-light:hover{background:var(--paper)}
html[data-theme="dark"] .tres .btn-light{background:#0F1E23;color:var(--ink);border-color:#9FB8BF}

/* ---------- FAQ assistant */
.ask-btn .lbl{display:none}
@media (min-width:1400px){html:not([lang="kn"]):not([lang="hi"]):not([data-size]) .ask-btn .lbl{display:inline}}
.ask-btn{padding-left:.6rem;padding-right:.6rem}
.ask-dlg{width:min(40rem,calc(100vw - 1.5rem));max-height:calc(100dvh - 2rem);border:0;border-radius:var(--r-l);padding:0;color:var(--slate);background:var(--paper);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.ask-dlg::backdrop{background:rgba(14,42,51,.55)}
.ask-dlg[open]{display:flex;flex-direction:column}
.ask-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;background:var(--ink);color:#fff;position:sticky;top:0}
.ask-head h2{color:#fff;font-size:1.3rem}
.ask-close{background:transparent;border:2px solid #fff;color:#fff;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1;cursor:pointer;flex:none}
.ask-dlg > :not(.ask-head){margin-left:1.3rem;margin-right:1.3rem}
.ask-note{font-size:.88rem;margin-top:1rem;margin-bottom:.8rem}
.ask-form label{display:block;font-weight:700;color:var(--ink);margin-bottom:.35rem}
.ask-row{display:flex;gap:.5rem}
.ask-row input{flex:1;min-width:0;min-height:48px;border:2px solid #7A8F96;border-radius:var(--r-s);padding:.5rem .7rem;font:inherit;font-size:1.05rem;background:var(--white);color:var(--ink)}
.ask-sugg p{font-weight:700;color:var(--ink);margin:1rem 0 .4rem;font-size:.92rem}
.ask-sugg ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}
.ask-chip{background:var(--white);border:1px solid var(--slate);border-radius:999px;padding:.45rem .8rem;font:inherit;font-size:.9rem;color:var(--ink);cursor:pointer;min-height:40px;text-align:left}
.ask-chip:hover{border-color:var(--ink);background:#EEF5F6}
.ask-status{font-weight:700;color:var(--ink);margin-top:1rem;margin-bottom:.4rem}
.ask-status:empty{display:none}
.ask-res{list-style:none;padding:0;margin-top:0;margin-bottom:0}
.ask-res li{background:var(--white);border:1px solid var(--mist);border-radius:var(--r-m);padding:.9rem 1rem;margin-bottom:.6rem}
.ask-res h3{font-size:1.02rem;margin:0 0 .35rem;font-family:var(--body);letter-spacing:0;line-height:1.35}
.ask-res p{margin:0 0 .4rem;font-size:.95rem}
.ask-hand{border-top:1px solid var(--mist);padding:1rem 0 1.3rem;margin-top:1rem}
.ask-hand .hero-actions{margin-top:.6rem}
html[data-theme="dark"] .ask-dlg{background:#0B171B}
html[data-theme="dark"] .ask-res li,html[data-theme="dark"] .ask-chip,html[data-theme="dark"] .ask-row input{background:#0F1E23;border-color:#4A6670;color:var(--ink)}
html[data-contrast="high"] .ask-dlg{background:#000!important;color:#fff!important;border:2px solid #fff}
html[data-contrast="high"] .ask-res li,html[data-contrast="high"] .ask-chip{background:#000!important;color:#fff!important;border:2px solid #fff!important}
a.svc h2.svc-h{margin:0 0 .4rem;color:var(--ink);font-size:1.15rem;letter-spacing:-.01em;line-height:1.2}
table.cmp thead th,table.cmp thead td{background:#0E2A33!important;color:#fff!important}
html:not([data-theme="dark"]) .block.doctors .wrap > .note{color:#DCE8EB}
html[data-contrast="high"] .block.doctors .wrap > .note{color:#fff!important}
html[data-contrast="high"] .qr-big{background:#000!important;color:#fff!important}
html[data-contrast="high"] .qr-big img{background:#fff;padding:8px}
.ask-dlg{overflow-y:auto;overscroll-behavior:contain}
.ask-dlg form.ask-form{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;margin-top:0}
.ask-row .btn{flex:none}
.ask-dlg > :not(.ask-head){width:auto!important;max-width:none!important;align-self:stretch}
.ask-row{width:100%;max-width:100%;min-width:0}
.ask-row input{width:0!important;flex:1 1 auto}

/* ---------- header: brand never squeezed; compact menu whenever the full menu does not fit */
.site-head .brand{flex:none}
.site-head .brand b,.site-head .brand small{white-space:nowrap}
html.nav-compact .site-head .nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:1.2rem 1.25rem 1.6rem;border-bottom:1px solid var(--mist);max-height:calc(100vh - 72px);overflow:auto;gap:1rem}
html.nav-compact .site-head .nav.open{display:flex}
html.nav-compact .menu-btn{display:block}
html.nav-compact .head-tools{order:2;margin-left:auto}
html.nav-compact .dd{width:100%}
html.nav-compact .dd-menu,html.nav-compact .dd-menu.wide{position:static;transform:none;box-shadow:none;border:0;padding:.2rem 0 .4rem .8rem;min-width:0;background:transparent;column-count:auto}
html.nav-compact .dd-menu::before{display:none}
html.nav-compact .dd:hover .dd-menu{display:none}
html.nav-compact .dd.open .dd-menu{display:block}
html[data-theme="dark"].nav-compact .site-head .nav{background:var(--paper)}
.site-head .wrap{max-width:min(calc(100% - 2.5rem),1560px);width:100%}
html.nav-tight .head-tools .lbl{display:none!important}
html.nav-tight .lang-cur{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.nav-tight .lang-short{display:inline}
html.nav-tight .a11y-btn{padding-left:.6rem;padding-right:.6rem}
.qr-mini{min-width:0;max-width:100%}
.qr-mini.big img{width:min(220px,100%)}

/* ---------- calmer header: icon-only utilities, lighter menu */
.site-head .wrap{max-width:min(calc(100% - 2.5rem),1320px)}
.head-tools{gap:.35rem}
.head-tools .a11y-btn,.head-tools .lang-btn{min-height:42px;height:42px;border-width:1.5px;border-color:#9DB2B9;background:transparent;font-weight:700;font-size:.85rem;padding:0 .65rem;gap:.3rem}
.head-tools .a11y-btn{width:42px;padding:0;justify-content:center}
.head-tools .a11y-btn .lbl{display:none!important}
.head-tools .lang-cur{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.head-tools .lang-short{display:inline}
.head-tools .a11y-btn:hover,.head-tools .lang-btn:hover{border-color:var(--ink);background:var(--white);color:var(--ink)}
.head-tools .a11y-btn:focus-visible,.head-tools .lang-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.nav{gap:1.35rem}
.nav a,.dd-btn{font-weight:600}
.site-head .nav .btn{padding:.6rem 1.15rem;font-size:.92rem;min-height:42px}
html[data-theme="dark"] .head-tools .a11y-btn,html[data-theme="dark"] .head-tools .lang-btn{border-color:#4A6670}
html[data-contrast="high"] .head-tools .a11y-btn,html[data-contrast="high"] .head-tools .lang-btn{border:2px solid #fff;background:#000;color:#fff}
@media (max-width:600px){
  .site-head .brand{flex:0 1 auto;min-width:0;gap:.5rem}
  .site-head .brand b{white-space:normal;font-size:1.05rem;line-height:1.1}
  .site-head .brand small{display:none}
  .site-head .logo-img{width:40px;height:40px}
  .site-head .wrap{gap:.5rem}
  .head-tools{gap:.25rem}
  .head-tools .a11y-btn,.head-tools .lang-btn{height:40px;min-height:40px}
  .head-tools .a11y-btn{width:40px}
  .menu-btn{padding:.5rem .75rem}
}
@media (max-width:900px){html[data-size] .site-head .brand{flex:0 1 auto;min-width:0}html[data-size] .site-head .brand b{white-space:normal}html[data-size] .site-head .brand small{display:none}}
@media (max-width:600px){.site-head .brand{min-width:min-content}}
@media (max-width:420px){
  .site-head .wrap{width:calc(100% - 1.5rem);max-width:none}
  .site-head .logo-img{width:36px;height:36px}
  .site-head .brand{gap:.4rem}
  .site-head .brand b{font-size:.98rem}
  .head-tools{gap:.2rem}
  .head-tools .a11y-btn,.head-tools .lang-btn{height:38px;min-height:38px;padding:0 .5rem}
  .head-tools .a11y-btn{width:38px;padding:0}
  .head-tools .a11y-btn svg{width:18px;height:18px}
  .menu-btn{padding:.45rem .6rem;font-size:.85rem}
}
.nav-ask{display:none}
@media (max-width:480px){
  .head-tools .ask-btn{display:none}
  .site-head .nav.open .nav-ask{display:inline-flex}
  html[data-size] .site-head .logo-img{display:none}
}
@media (max-width:560px){html[data-size] .head-tools .ask-btn{display:none}html[data-size] .site-head .nav.open .nav-ask{display:inline-flex}html[data-size] .site-head .logo-img{display:none}}
@media (max-width:360px){html[data-size="3"] .site-head .brand b{font-size:.9rem}html[data-size="3"] .menu-btn{padding:.4rem .5rem}}

/* ---------- urgent symptom checker entry */
.urgent-cta{display:flex;align-items:center;gap:.75rem;margin-top:1.4rem;max-width:36rem;padding:.85rem 1.1rem;border-radius:var(--r-m);background:#FDECEA;border:1.5px solid #E2A79C;color:#5A1A0E;text-decoration:none;line-height:1.4}
.urgent-cta svg{flex:none;color:#A3361F}
.urgent-cta strong{color:#7A1E0E}
.urgent-cta span{text-decoration:underline;text-decoration-color:transparent}
.urgent-cta:hover,.urgent-cta:focus-visible{border-color:#A3361F;background:#FBE1DD}
.urgent-cta:hover span{text-decoration-color:currentColor}
article.prose .urgent-cta{margin:0 0 1.6rem}
html[data-theme="dark"] .urgent-cta{background:#2A1512;border-color:#7A3A2E;color:#F4D3CC}
html[data-theme="dark"] .urgent-cta strong{color:#FFB4A6}
html[data-theme="dark"] .urgent-cta svg{color:#FFB4A6}
html[data-contrast="high"] .urgent-cta{background:#000!important;color:#fff!important;border:2px solid #ff0!important}
html[data-contrast="high"] .urgent-cta strong,html[data-contrast="high"] .urgent-cta svg{color:#ff0!important}
.urgent-cta{max-width:42rem;width:fit-content}

/* ---------- WhatsApp clinic chooser */
.wa-dlg{width:min(28rem,calc(100vw - 1.5rem))}
.wa-list{list-style:none;padding:0;margin:0 1.3rem 1.3rem;display:grid;gap:.6rem}
.wa-opt{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;border:1.5px solid var(--mist);border-radius:var(--r-m);background:var(--white);text-decoration:none;color:var(--ink);min-height:64px}
.wa-opt svg{flex:none;width:28px;height:28px;color:#1F7A4D}
.wa-opt > span{display:grid;gap:.1rem}
.wa-opt strong{font-size:1.08rem}
.wa-num{font-weight:700;color:#1F7A4D}
.wa-area{font-size:.88rem;color:var(--slate)}
.wa-opt:hover,.wa-opt:focus-visible{border-color:#1F7A4D;background:#EAF5EF}
html[data-theme="dark"] .wa-opt{background:#0F1E23;border-color:#4A6670}
html[data-theme="dark"] .wa-num,html[data-theme="dark"] .wa-opt svg{color:#7FD3A6}
html[data-contrast="high"] .wa-opt{background:#000!important;color:#fff!important;border:2px solid #fff!important}
html[data-contrast="high"] .wa-num{color:#ff0!important}

/* ---------- trust band */
.trust{background:var(--white);border-block:1px solid var(--mist);padding:1.6rem 0}
.trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
@media (max-width:860px){.trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.trust li{display:grid;gap:.2rem;border-left:3px solid var(--sun,#E8A33D);padding-left:.9rem}
.trust strong{font-family:var(--display);font-size:clamp(1.25rem,2.4vw,1.6rem);color:var(--ink);line-height:1.1}
.trust span{font-size:.92rem;color:var(--slate);line-height:1.35}
html[data-theme="dark"] .trust{background:#0F1E23;border-color:#2A4048}
html[data-contrast="high"] .trust{background:#000!important}html[data-contrast="high"] .trust strong,html[data-contrast="high"] .trust span{color:#fff!important}

/* ---------- photos */
figure.photo{margin:0 0 1.6rem}
figure.photo img{display:block;width:100%;height:auto;border-radius:var(--r-l);background:var(--mist)}
figure.photo figcaption{font-size:.88rem;color:var(--slate);margin-top:.5rem}
.gallery-sec{padding-bottom:1rem}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:860px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.gallery{grid-template-columns:1fr}}
.gallery figure.photo{margin:0}
.gallery figure.photo img{aspect-ratio:4/3;object-fit:cover}
html[data-contrast="high"] figure.photo figcaption{color:#fff!important}
.gallery-sec h2{margin-bottom:1.2rem}

/* ---------- common reasons to visit */
.symptoms{padding-top:2.6rem}
.sym-grid{list-style:none;margin:1.2rem 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
@media (max-width:860px){.sym-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.sym-grid{grid-template-columns:1fr}}
.sym-grid a{display:grid;gap:.2rem;height:100%;padding:.95rem 1.1rem;background:var(--white);border:1.5px solid var(--mist);border-radius:var(--r-m);text-decoration:none;color:var(--slate)}
.sym-grid strong{color:var(--ink);font-size:1.08rem}
.sym-grid span{font-size:.92rem;line-height:1.4}
.sym-grid a:hover,.sym-grid a:focus-visible{border-color:var(--ink)}
html[data-theme="dark"] .sym-grid a{background:#0F1E23;border-color:#4A6670}
html[data-contrast="high"] .sym-grid a{background:#000!important;color:#fff!important;border:2px solid #fff!important}
/* brand: "& Polyclinic" always visible under the name */
.site-head .brand small{display:block!important;font-weight:700;color:var(--ink);opacity:.8;letter-spacing:.01em}
@media (max-width:600px){.site-head .brand small{font-size:.72rem;margin-top:.05rem;white-space:nowrap}}
footer .brand small{display:block}
@media (max-width:380px){html[data-size] .site-head .brand small{white-space:normal;font-size:.68rem}}

/* ---------- hero: photo above the clinic finder, no empty space */
.hero{padding-top:clamp(2rem,5vw,4rem)}
.hero .wrap{align-items:start}
.hero-side{display:grid;gap:1rem;align-content:start}
.hero-side figure.hero-photo{margin:0}
.hero-side figure.hero-photo img{aspect-ratio:16/10;object-fit:cover;object-position:50% 45%;box-shadow:0 10px 30px rgba(14,42,51,.12)}
@media (max-width:900px){.hero-side figure.hero-photo{order:2}}
@media (max-width:420px){.trust ul{grid-template-columns:1fr}}
.trust strong{overflow-wrap:anywhere}
table.hours{display:block;max-width:100%;overflow-x:auto}
@media (max-width:380px){html[data-size] table.hours td,html[data-size] table.hours th{white-space:normal}}

/* ---------- motto band */
.motto{background:linear-gradient(135deg,#1C2F8C,#2A45B8);color:#fff;padding:clamp(2.2rem,5vw,3.4rem) 0;text-align:center}
.motto blockquote{margin:0 auto;max-width:44rem;border:0;padding:0;background:none}
.motto .sk{font:600 clamp(1.6rem,4vw,2.4rem)/1.35 "Noto Sans Devanagari","Noto Sans Kannada",serif;margin:0;color:#fff}
.motto .tl{font:italic 400 clamp(1.05rem,2vw,1.25rem)/1.4 Georgia,"Times New Roman",serif;margin:.5rem 0 0;color:#DCE4FF}
.motto .mean{margin:.8rem auto 0;font-size:1.05rem;color:#fff;max-width:36ch}
.motto-inline{border-left:4px solid #2A45B8!important;background:#EEF1FB!important;padding:1rem 1.2rem!important;border-radius:0 var(--r-m) var(--r-m) 0}
.motto-inline .sk{font:600 1.35rem/1.4 "Noto Sans Devanagari","Noto Sans Kannada",serif;margin:0 0 .4rem;color:#1C2F8C}
.motto-inline .mean{margin:0}
html[data-theme="dark"] .motto-inline{background:#141C3A!important}html[data-theme="dark"] .motto-inline .sk{color:#C7D2FF}
html[data-contrast="high"] .motto,html[data-contrast="high"] .motto-inline{background:#000!important;color:#fff!important;border:2px solid #fff!important}
html[data-contrast="high"] .motto *,html[data-contrast="high"] .motto-inline *{color:#fff!important}
html[lang="hi"] .motto .tl{display:none}

/* ---------- photo carousel */
.carousel{position:relative}
.car-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.car-head h2{margin:0}
.car-ctl{display:flex;gap:.5rem;flex:none}
.car-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid #9DB2B9;background:var(--white);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.car-btn:hover{border-color:var(--ink)}
.car-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.car-play .i-play{display:none}.car-play.paused .i-play{display:block}.car-play.paused .i-pause{display:none}
.car-track{list-style:none;margin:0;padding:0 0 .6rem;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2rem)/3);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;cursor:grab;-webkit-overflow-scrolling:touch}
.car-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.car-track:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:var(--r-l)}
@media (max-width:1000px){.car-track{grid-auto-columns:calc((100% - 1rem)/2)}}
@media (max-width:600px){.car-track{grid-auto-columns:85%}}
.car-slide{scroll-snap-align:start}
.car-slide figure.photo{margin:0}
.car-slide figure.photo img{aspect-ratio:4/3;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
@media (prefers-reduced-motion:reduce){.car-track{scroll-behavior:auto}}
html[data-theme="dark"] .car-btn{background:#0F1E23;border-color:#4A6670}
html[data-contrast="high"] .car-btn{background:#000!important;color:#fff!important;border:2px solid #fff!important}
@media (min-width:901px){.hero .wrap{align-items:center}}
footer .wrap{grid-template-columns:1.3fr repeat(6,minmax(0,1fr))}
@media (max-width:1280px){footer .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}footer .wrap>div:first-child{grid-column:1/-1}}
@media (max-width:1100px){footer .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr 1fr}}

/* ---------- first fold: whole hero fits on one laptop screen */
@media (min-width:901px){
  .hero{padding:clamp(1.25rem,4vh,3rem) 0 clamp(1.5rem,4vh,3rem)}
  .hero .wrap{align-items:center}
  .chart .l1{font-size:min(clamp(5rem,15vw,11.5rem),15.5vh)}
  .chart .l2{font-size:min(clamp(3rem,8.4vw,6.4rem),8.6vh)}
  .chart .l3{font-size:min(clamp(2rem,5.2vw,4rem),5.4vh)}
  .chart .l4{font-size:min(clamp(1.35rem,3vw,2.3rem),3.5vh)}
  .hero-sub{margin-top:min(1.6rem,2.4vh)}
  .hero .hero-actions{margin-top:min(2rem,3vh)}
  .hero .urgent-cta{margin-top:min(1.4rem,2.2vh)}
  .finder{padding:min(1.6rem,2.6vh) 1.6rem}
  .finder .branch-row{padding-top:min(.9rem,1.6vh);padding-bottom:min(.9rem,1.6vh)}
}
@media (min-width:901px){
  html[lang="kn"] .chart .l1{font-size:min(clamp(4rem,12vw,9rem),12.5vh)}
  html[lang="kn"] .chart .l2{font-size:min(clamp(2.6rem,7vw,5.4rem),7.4vh)}
  html[lang="kn"] .chart .l3{font-size:min(clamp(1.8rem,4.5vw,3.4rem),4.8vh)}
  html[lang="kn"] .chart .l4{font-size:min(clamp(1.25rem,2.6vw,2rem),3.2vh)}
}
html[lang="kn"] .chart,html[lang="hi"] .chart{line-height:1.12}
/* same header behaviour in every language: Kannada and Hindi menu labels slightly smaller so the full menu fits as in English */
@media (min-width:1101px){
  html[lang="kn"] .site-head .nav a,html[lang="kn"] .site-head .dd-btn,html[lang="hi"] .site-head .nav a,html[lang="hi"] .site-head .dd-btn{font-size:.9rem}
  html[lang="kn"] .site-head .nav,html[lang="hi"] .site-head .nav{gap:1.05rem}
  html[lang="kn"] .site-head .brand b,html[lang="hi"] .site-head .brand b{font-size:1.15rem}
}

/* ---------- trust band v2: real badges */
.trust{background:var(--white);padding:2rem 0}
.trust ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;align-items:start}
.trust li{border-left:0!important;padding-left:0!important;display:grid;justify-items:center;text-align:center;gap:.3rem}
.trust li img,.trust .num-badge{height:88px;width:auto;margin-bottom:.5rem;object-fit:contain}
.trust strong{font-family:var(--body);font-size:1.02rem;font-weight:800;color:var(--ink);line-height:1.3}
.trust li>span:not(.num-badge){font-size:.9rem;color:var(--slate)}
.num-badge{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1C4452,#0E2A33);border:4px solid #D9A441;box-shadow:inset 0 0 0 3px #0E2A33,inset 0 0 0 5px rgba(217,164,65,.6)}
.num-badge b{font:800 1.05rem/1 var(--display);color:#F4D27A;letter-spacing:-.01em}
@media (max-width:860px){.trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}.trust li img,.trust .num-badge{height:72px}}
html[data-theme="dark"] .trust li img{background:#F4F1EA;border-radius:12px;padding:6px}
html[data-contrast="high"] .trust li img{background:#fff;border-radius:8px;padding:4px}

/* ---------- motto band v2: site palette (ink, paper, gold) */
.motto{background:var(--deep,#0E2A33);color:#DCE8EB;padding:clamp(2rem,4.5vw,3rem) 0}
.motto .sk{color:#F4D27A;font-size:clamp(1.5rem,3.4vw,2.1rem);display:flex;align-items:center;justify-content:center;gap:1rem}
.motto .sk::before,.motto .sk::after{content:"";height:1px;flex:0 1 4.5rem;background:linear-gradient(90deg,transparent,#D9A441)}
.motto .sk::after{background:linear-gradient(90deg,#D9A441,transparent)}
.motto .tl{color:#A9C1C8}
.motto .mean{color:#fff}
.motto-inline{border-left-color:#D9A441!important;background:var(--white)!important}
.motto-inline .sk{color:var(--ink)}
html[data-theme="dark"] .motto-inline{background:#0F1E23!important}html[data-theme="dark"] .motto-inline .sk{color:#F4D27A}
.num-badge b{white-space:nowrap;font-size:1rem}
@media (max-width:420px){.num-badge b{font-size:.82rem}}
.motto blockquote{padding:0!important;margin:0 auto!important;border:0!important;text-align:center;background:none!important}.motto .tl,.motto .mean{margin-left:auto;margin-right:auto;text-align:center}

/* ---------- trust band v3: logos for certifications, clean numerals for figures */
.trust li img{height:84px}
.trust .stat-num{display:flex;align-items:center;justify-content:center;height:84px;margin-bottom:.5rem;font:800 clamp(2.6rem,4.4vw,3.4rem)/1 var(--display);letter-spacing:-.03em;color:var(--ink);position:relative}
.trust .stat-num i{font-style:normal;color:#D9A441;margin-left:.04em}
.trust .stat-num::after{content:"";position:absolute;bottom:6px;left:50%;width:2.2rem;height:3px;border-radius:2px;background:#D9A441;transform:translateX(-50%)}
html[data-theme="dark"] .trust .stat-num{color:#E8F1F3}
html[data-contrast="high"] .trust .stat-num{color:#fff!important}
.trust li>span.stat-num{font-size:clamp(2.6rem,4.4vw,3.4rem);color:var(--ink);font-weight:800;font-family:var(--display)}html[data-theme="dark"] .trust li>span.stat-num{color:#E8F1F3}

/* ---------- motto v4: aurora light, self-drawing eye, word-by-word focus reveal */
.motto{position:relative;overflow:hidden;isolation:isolate;background:#0B232B;padding:clamp(3rem,7vw,4.75rem) 0}
.motto .sk::before,.motto .sk::after{content:none!important}
.motto .sk{display:block;color:#F6D98C;font-size:clamp(1.7rem,3.8vw,2.5rem);line-height:1.7;letter-spacing:.005em;margin:0;padding:0;background:none}
.motto .tl{margin-top:.35rem;color:#9FB8BF}
.motto .mean{margin-top:.9rem;color:#E9F1F3;font-size:1.08rem}
.motto-aura{position:absolute;inset:0;z-index:-1;pointer-events:none}
.motto-aura i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.motto-aura i:nth-child(1){width:42vw;max-width:560px;aspect-ratio:1;left:8%;top:-40%;background:radial-gradient(circle,#2F6B78 0,transparent 70%);animation:auraA 22s ease-in-out infinite alternate}
.motto-aura i:nth-child(2){width:36vw;max-width:480px;aspect-ratio:1;right:6%;bottom:-55%;background:radial-gradient(circle,#8A6A2A 0,transparent 70%);opacity:.45;animation:auraB 26s ease-in-out infinite alternate}
.motto-aura i:nth-child(3){width:24vw;max-width:320px;aspect-ratio:1;left:50%;top:10%;margin-left:-12vw;background:radial-gradient(circle,#1E4C57 0,transparent 70%);opacity:.6;animation:auraA 30s ease-in-out infinite alternate-reverse}
@keyframes auraA{to{transform:translate3d(12%,18%,0) scale(1.15)}}
@keyframes auraB{to{transform:translate3d(-14%,-12%,0) scale(1.1)}}
.motto-eye{display:block;margin:0 auto 1.1rem;overflow:visible}
.motto-eye .almond{fill:none;stroke:#F6D98C;stroke-width:1.6;stroke-linejoin:round}
.motto-eye .iris{fill:none;stroke:#F6D98C;stroke-width:1.6}
.motto-eye .pupil{fill:#F6D98C}
.motto-eye .glint{fill:#0B232B}
.motto-eye .lid{transform-box:view-box;transform-origin:50% 50%}
.motto .w{display:inline-block}
/* animated state (JS adds data-anim before it scrolls into view) */
.motto[data-anim] .almond{stroke-dasharray:1;stroke-dashoffset:1}
.motto[data-anim] .iris,.motto[data-anim] .pupil,.motto[data-anim] .glint{opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center}
.motto[data-anim] .w,.motto[data-anim] .tl,.motto[data-anim] .mean{opacity:0;filter:blur(10px);transform:translate3d(0,.45em,0)}
.motto.in .almond{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1)}
.motto.in .iris,.motto.in .pupil,.motto.in .glint{opacity:1;transform:none;transition:opacity .5s ease .75s,transform .7s cubic-bezier(.34,1.56,.64,1) .75s}
.motto.in .pupil{transition-delay:.9s}.motto.in .glint{transition-delay:1.05s}
.motto.in .lid{animation:mottoBlink .42s ease-in-out 2.1s 1}
.motto.in .w,.motto.in .tl,.motto.in .mean{opacity:1;filter:blur(0);transform:none;transition:opacity .9s ease,filter .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.motto.in .w{transition-delay:calc(.55s + var(--i,0) * .14s)}
.motto.in .tl{transition-delay:1.15s}.motto.in .mean{transition-delay:1.35s}
@keyframes mottoBlink{0%,100%{transform:scaleY(1)}45%,55%{transform:scaleY(.08)}}
@media (prefers-reduced-motion:reduce){.motto-aura i{animation:none}.motto[data-anim] *{transition:none!important;animation:none!important;opacity:1!important;filter:none!important;transform:none!important;stroke-dashoffset:0!important}}
html[data-motion="off"] .motto-aura i{animation:none}
html[data-contrast="high"] .motto{background:#000!important}
html[data-contrast="high"] .motto-aura{display:none}
html[data-contrast="high"] .motto-eye .almond,html[data-contrast="high"] .motto-eye .iris{stroke:#fff}html[data-contrast="high"] .motto-eye .pupil{fill:#fff}

/* carousel: eased glide (JS) and soft crossfade when looping back */
.car-track.gliding{scroll-snap-type:none;scroll-behavior:auto}
.car-track{transition:opacity .38s ease}
.car-track.fading{opacity:0}
@media (prefers-reduced-motion:reduce){.car-track{transition:none}}

/* ---------- home: eye care guides as cards */
.guides-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}
.guides-head h2{margin:0 0 .4rem}.guides-head .lead{margin:0}
.guide-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.guide-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--mist);border-radius:var(--r-l);padding:1.5rem 1.5rem 1.3rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.guide-card::before{content:"";position:absolute;left:1.5rem;top:0;width:48px;height:4px;border-radius:0 0 4px 4px;background:#D9A441}
.guide-card .g-tag{align-self:flex-start;font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--iris-deep);background:rgba(217,164,65,.14);padding:.25rem .65rem;border-radius:999px;margin:.4rem 0 1rem}
.guide-card h3{font-size:1.25rem;line-height:1.3;margin:0 0 .6rem}
.guide-card h3 a{text-decoration:none;color:var(--ink)}
.guide-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.guide-card p{margin:0 0 1.2rem;color:var(--ink-soft,#3D545C);font-size:.98rem}
.guide-card .g-more{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--iris-deep)}
.guide-card .g-more svg{transition:transform .25s ease}
.guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,41,51,.10);border-color:#C9D6DA}
.guide-card:hover .g-more svg{transform:translateX(4px)}
.guide-card:focus-within{outline:3px solid var(--focus);outline-offset:3px}
.guide-card h3 a:focus-visible{outline:none}
@media (max-width:900px){.guide-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.guide-card,.guide-card .g-more svg{transition:none}.guide-card:hover{transform:none}}
html[data-theme="dark"] .guide-card{background:#0F1E23;border-color:#2B434B}
html[data-theme="dark"] .guide-card h3 a{color:#EAF1F3}
html[data-contrast="high"] .guide-card{background:#000!important;border:2px solid #fff!important}
html[data-contrast="high"] .guide-card *{color:#fff!important;background:none!important}
html[data-theme="dark"] .guide-card p{color:#B7C8CD}

/* ---------- footer v2: brand + actions band, then six tidy columns */
footer .wrap.ft{display:block}
footer .ft-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-bottom:2.2rem;margin-bottom:2.4rem;border-bottom:1px solid rgba(169,193,200,.18)}
footer .ft-brand{max-width:34rem}
footer .ft-brand p{margin:.9rem 0 0;line-height:1.6}
footer .ft-cta{display:flex;gap:.7rem;flex-wrap:wrap}
footer .ft-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:.6rem 1.15rem;border-radius:999px;border:1.5px solid rgba(169,193,200,.45);color:#fff;font-weight:700;font-size:.95rem;white-space:nowrap;transition:background .2s,border-color .2s}
footer .ft-btn:hover{border-color:#fff;background:rgba(255,255,255,.06)}
footer .ft-btn.ft-wa{background:#0E7A3E;border-color:#0E7A3E}
footer .ft-btn.ft-wa:hover{background:#0B6633}
footer .ft-btn.ft-book{background:#F4D27A;border-color:#F4D27A;color:#10262D}
footer .ft-btn.ft-book:hover{background:#FFE29A}
footer .ft-cols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem 1.75rem}
footer .ft-cols h3{font-size:1rem;letter-spacing:.01em;margin:0 0 .9rem}
footer .ft-cols h3 a{display:inline-flex;align-items:center;gap:.4rem;color:#fff}
footer .ft-cols h3 a .ft-arw{opacity:.55;transition:transform .2s,opacity .2s;flex:none}
footer .ft-cols h3 a:hover .ft-arw{opacity:1;transform:translateX(3px)}
footer .ft-cols h3.ft-sub{margin-top:1.6rem}
footer .ft-cols li{margin:0 0 .55rem;line-height:1.4;font-size:.93rem}
footer .ft-cols a{color:#A9C1C8}
footer .ft-cols a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer .ft-cols a[href^="mailto"]{word-break:break-all}
footer .fine{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid rgba(169,193,200,.18);font-size:.85rem;line-height:1.6}
@media (max-width:1200px){footer .ft-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){footer .ft-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1.2rem}footer .ft-cta{width:100%}footer .ft-btn{flex:1 1 auto;justify-content:center}}
@media (prefers-reduced-motion:reduce){footer .ft-cols h3 a .ft-arw{transition:none}}
html[data-contrast="high"] footer .ft-btn{background:#000!important;color:#fff!important;border:2px solid #fff!important}

/* ---------- carousel v3: transform-driven (smooth at any pixel density) */
.carousel.car-js .car-vp{overflow:hidden;border-radius:var(--r-l);padding-bottom:.2rem}
.carousel.car-js .car-track{overflow:visible;scroll-snap-type:none;scroll-behavior:auto;will-change:transform;touch-action:pan-y;padding:0;backface-visibility:hidden;transform:translate3d(0,0,0);user-select:none;-webkit-user-select:none}
.carousel.car-js .car-track.dragging{cursor:grabbing}
.carousel.car-js .car-slide{transform:translateZ(0)}
footer .ft-cols h3 a{display:inline}
footer .ft-cols h3 a .ft-arw{display:inline-block;vertical-align:-1px;margin-left:.35rem}

/* ---------- footer v3: Apple-style chevrons, review card */
footer .nw{white-space:nowrap}
footer .ft-cols h3 a .ft-arw{display:inline-block;vertical-align:0;margin-left:.3rem;opacity:.6;transition:transform .2s ease,opacity .2s ease}
footer .ft-cols h3 a:hover .ft-arw{opacity:1;transform:translateX(2px)}
footer .ft-review{margin-top:1.6rem;padding:1rem 1rem 1.05rem;border:1px solid rgba(169,193,200,.2);border-radius:14px;background:rgba(255,255,255,.03)}
footer .ft-rv-h{display:flex;align-items:center;gap:.5rem;color:#fff!important;font-weight:700;font-size:.95rem;text-decoration:none!important}
footer .ft-rv-h svg:first-child{flex:none}
footer .ft-rv-h .ft-arw{display:inline-block;margin-left:.3rem;opacity:.6;transition:transform .2s ease,opacity .2s}
footer .ft-rv-h:hover .ft-arw{opacity:1;transform:translateX(2px)}
footer .ft-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}
footer .ft-chips a{font-size:.85rem;padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(169,193,200,.3);color:#C9DADF!important;text-decoration:none!important;line-height:1.3;transition:border-color .2s,background .2s}
footer .ft-chips a:hover{border-color:#F4D27A;background:rgba(244,210,122,.08);color:#fff!important}
html[data-contrast="high"] footer .ft-review,html[data-contrast="high"] footer .ft-chips a{border-color:#fff!important}
footer .ft-review{display:flex;align-items:center;gap:1rem 1.25rem;flex-wrap:wrap;margin:2.4rem 0 0;padding:1rem 1.25rem}
footer .ft-chips{margin:0}
footer .ft-rv-h{white-space:nowrap}

/* tighter rhythm right under page heroes (inner pages) */
.page-hero + .block{padding-top:clamp(2rem,4vw,3rem)}
.triage-form[hidden]{display:none!important}

/* ---------- Diwali 2026 (only while html.diwali is set by site.js, until 10 Nov) */
.dv-toran{position:absolute;left:0;right:0;top:100%;height:30px;pointer-events:none;z-index:2;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Cpath d='M0 3 Q30 11 60 3' stroke='%238A5A1E' stroke-width='1.3' fill='none'/%3E%3Cpath d='M12 6q-4 9 0 19q4-10 0-19z' fill='%232E7D32'/%3E%3Cpath d='M48 6q-4 9 0 19q4-10 0-19z' fill='%23388E3C'/%3E%3Ccircle cx='30' cy='10' r='6.5' fill='%23EF7D12'/%3E%3Ccircle cx='30' cy='10' r='4.4' fill='%23F9A825'/%3E%3Ccircle cx='30' cy='10' r='1.8' fill='%23E05A0C'/%3E%3Ccircle cx='30' cy='21' r='3.6' fill='%23F9A825'/%3E%3Ccircle cx='30' cy='21' r='1.4' fill='%23EF7D12'/%3E%3C/svg%3E") repeat-x top left/60px 30px;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
.dv-bar{background:linear-gradient(90deg,#5E1414,#8A2A0E 50%,#5E1414);color:#FFF4DC;font-size:.92rem;line-height:1.45;position:relative;z-index:61}
.dv-bar .wrap{display:flex;align-items:center;gap:.8rem;padding-top:.55rem;padding-bottom:.55rem}
.dv-bar p{margin:0;flex:1}
.dv-bar strong{color:#FFD873}
.dv-bar a{color:#FFF4DC;text-decoration:underline;text-underline-offset:3px;font-weight:700;white-space:nowrap}
.dv-bar a:hover{color:#fff}
.dv-x{flex:none;background:none;border:1.5px solid rgba(255,244,220,.5);color:#FFF4DC;border-radius:50%;width:32px;height:32px;font-size:1.2rem;line-height:1;cursor:pointer}
.dv-x:hover{border-color:#fff}
.dv-diya{flex:none;width:26px;height:22px;background:radial-gradient(circle at 50% 35%,#FFF6C8 0,#FFC531 22%,transparent 40%),radial-gradient(ellipse at 50% 100%,#D9743C 0,#B4532A 38%,transparent 40%);background-size:100% 70%,100% 60%;background-repeat:no-repeat;background-position:top center,bottom center}
.dv-hero{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;
  background:radial-gradient(60% 50% at 85% 100%,rgba(255,180,60,.16),transparent 70%),radial-gradient(40% 40% at 10% 0%,rgba(255,200,90,.10),transparent 70%)}
.hero>.wrap{position:relative;z-index:1}
.dv-hero i{position:absolute;width:var(--s,3px);height:var(--s,3px);border-radius:50%;background:#FFC531;box-shadow:0 0 8px 2px rgba(255,197,49,.55);opacity:.0;animation:dvTwinkle 4s ease-in-out infinite}
.dv-diyas{position:absolute;right:3%;bottom:10px;display:flex;gap:10px}
.dv-diyas svg:nth-child(2){transform:translateY(-6px) scale(1.12)}
.dv-flame{transform-box:fill-box;transform-origin:50% 100%;animation:dvFlicker 1.6s ease-in-out infinite alternate}
.dv-diyas svg:nth-child(2) .dv-flame{animation-duration:1.3s}.dv-diyas svg:nth-child(3) .dv-flame{animation-duration:1.9s}
.dv-halo{transform-box:fill-box;transform-origin:center;animation:dvHalo 2.4s ease-in-out infinite alternate}
@keyframes dvTwinkle{0%,100%{opacity:0;transform:scale(.6)}50%{opacity:.85;transform:scale(1)}}
@keyframes dvFlicker{0%{transform:scale(1,1) skewX(0)}50%{transform:scale(.94,1.06) skewX(2deg)}100%{transform:scale(1.03,.95) skewX(-2deg)}}
@keyframes dvHalo{to{transform:scale(1.15);opacity:.2}}
@media (max-width:700px){.dv-diyas{right:4%;bottom:6px;transform:scale(.7);transform-origin:right bottom}.dv-bar{font-size:.85rem}.dv-toran{height:22px;background-size:44px 22px}}
@media (prefers-reduced-motion:reduce){.dv-hero i,.dv-flame,.dv-halo{animation:none}.dv-hero i{opacity:.6}}
html[data-motion="off"] .dv-hero i,html[data-motion="off"] .dv-flame,html[data-motion="off"] .dv-halo{animation:none}
html[data-contrast="high"] .dv-toran,html[data-contrast="high"] .dv-hero{display:none}
html[data-contrast="high"] .dv-bar{background:#000;border-bottom:2px solid #fff}
.dv-tip-s{display:none}
@media (max-width:700px){.dv-tip{display:none}.dv-tip-s{display:inline}.dv-bar .wrap{padding-top:.45rem;padding-bottom:.45rem}}
.dv-halo{opacity:.12}

/* phone bottom bar: no sticky white "hover" after a tap on touch screens; book link lands on the form */
@media (hover:none){
  .mobile-bar .btn-light:hover,.mobile-bar .btn-light:focus{background:transparent;color:#fff}
  .btn-light:hover{background:transparent;color:#fff}
  .btn-ghost:hover{background:transparent;color:var(--ink)}
}
.mobile-bar .btn:active{transform:scale(.97);filter:brightness(.92)}
#book-form{scroll-margin-top:96px}
.call-dlg .call-item{display:grid;gap:.25rem;padding:.8rem 0;border-bottom:1px solid var(--mist)}
.call-dlg .call-item:last-child{border-bottom:0}
.call-dlg .call-item>strong{font-size:1.05rem}
.call-dlg .call-nums{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}
.call-dlg .call-opt{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .9rem;min-height:44px;border-radius:999px;border:1.5px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:700;width:auto}
.call-dlg .call-opt .wa-num{font-size:1rem}
html[data-theme="dark"] .call-dlg .call-opt{border-color:#EAF1F3;color:#EAF1F3}

/* call chooser v2: dark teal like the clinic finder, cards per clinic, numbers side by side */
.call-dlg{background:#0E2A33;color:#EAF1F3;border:0}
.call-dlg .ask-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.1)}
.call-dlg .ask-note{color:#A9C1C8}
.call-dlg .wa-list{display:grid;gap:.7rem;padding:0 0 .4rem}
.call-dlg .call-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}
.call-dlg .call-item:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.call-dlg .call-item>strong{color:#fff;font-size:1.08rem}
.call-dlg .call-item .wa-area{color:#A9C1C8;font-size:.88rem}
.call-dlg .call-nums{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}
.call-dlg .call-opt{justify-content:center;border:1.5px solid rgba(255,255,255,.35);color:#fff;background:transparent;padding:.6rem .5rem;font-size:.95rem}
.call-dlg .call-opt .wa-num{color:inherit;font-size:.95rem;white-space:nowrap}
.call-dlg .call-opt:first-child{background:#F4D27A;border-color:#F4D27A;color:#10262D}
.call-dlg .call-opt:active{transform:scale(.97)}
.call-dlg .call-opt svg{flex:none}
@media (max-width:360px){.call-dlg .call-nums{grid-template-columns:1fr}}
html[data-contrast="high"] .call-dlg{background:#000}
html[data-contrast="high"] .call-dlg .call-opt{background:#000!important;color:#FFD400!important;border-color:#FFD400!important}
.call-dlg .call-nums{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.call-dlg .call-opt{min-width:0;gap:.35rem;padding:.6rem .4rem;font-size:.9rem}
.call-dlg .call-opt svg{width:16px;height:16px}
.call-dlg .call-opt .wa-num{font-size:.9rem;letter-spacing:-.01em}
.call-dlg .call-opt svg,.call-dlg .call-opt svg *{color:inherit;stroke:currentColor}

/* WhatsApp chooser: same dark teal look */
.wa-dlg:not(.call-dlg){background:#0E2A33;color:#EAF1F3;border:0}
.wa-dlg:not(.call-dlg) .ask-head{background:transparent;border-bottom:1px solid rgba(255,255,255,.1)}
.wa-dlg:not(.call-dlg) .ask-note{color:#A9C1C8}
.wa-dlg:not(.call-dlg) .wa-list{display:grid;gap:.7rem;padding:0 0 .4rem}
.wa-dlg:not(.call-dlg) .wa-opt{display:flex;align-items:center;gap:.9rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.9rem 1rem;color:#fff;text-decoration:none}
.wa-dlg:not(.call-dlg) .wa-opt:hover,.wa-dlg:not(.call-dlg) .wa-opt:focus-visible{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25)}
.wa-dlg:not(.call-dlg) .wa-opt:active{transform:scale(.98)}
.wa-dlg:not(.call-dlg) .wa-opt>svg{flex:none;width:44px;height:44px;padding:10px;border-radius:50%;background:#1FA855;color:#fff}
.wa-dlg:not(.call-dlg) .wa-opt>span{display:grid;gap:.15rem}
.wa-dlg:not(.call-dlg) .wa-opt strong{color:#fff;font-size:1.05rem}
.wa-dlg:not(.call-dlg) .wa-num{color:#F4D27A;font-weight:700}
.wa-dlg:not(.call-dlg) .wa-area{color:#A9C1C8;font-size:.88rem}
html[data-contrast="high"] .wa-dlg:not(.call-dlg){background:#000}
html[data-contrast="high"] .wa-dlg:not(.call-dlg) .wa-opt{background:#000;border:2px solid #FFD400}
/* choosers keep their own dark design in every theme */
html .call-dlg .call-opt,html[data-theme] .call-dlg .call-opt{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}
html .call-dlg .call-opt:first-child,html[data-theme] .call-dlg .call-opt:first-child{background:#F4D27A!important;border-color:#F4D27A!important;color:#10262D!important}
html .call-dlg .call-opt svg,html .call-dlg .call-opt .wa-num{color:inherit!important;stroke:currentColor}
html .call-dlg,html[data-theme] .call-dlg,html .wa-dlg,html[data-theme] .wa-dlg{background:#0E2A33!important;color:#EAF1F3}
.call-dlg .call-opt:focus-visible,.wa-dlg .wa-opt:focus-visible{outline:3px solid #F4D27A;outline-offset:2px}
.call-dlg .call-opt:focus:not(:focus-visible),.wa-dlg .wa-opt:focus:not(:focus-visible){outline:none;box-shadow:none}

/* audit fixes: largest text size on small phones */
.svc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}
form.enquiry{padding:1.2rem 1rem;min-width:0}
form.enquiry .field,form.enquiry input,form.enquiry textarea{min-width:0;max-width:100%}
.prose{min-width:0}
@media (max-width:520px){.trust ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}}
html[data-size="2"] .trust ul,html[data-size="3"] .trust ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.trust li,.trust li>*{min-width:0;overflow-wrap:anywhere}
html[data-size="3"] .stat-num{font-size:clamp(2rem,10vw,3rem)}
footer .ft-cols h3 a{overflow-wrap:anywhere}
.mobile-bar{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)!important}
.mobile-bar .btn{min-width:0;overflow:hidden;text-overflow:ellipsis}
.car-head,.gallery-head{flex-wrap:wrap;gap:.8rem}
html[data-size="2"] footer .ft-cols,html[data-size="3"] footer .ft-cols{grid-template-columns:1fr}
html[data-size] .mobile-bar,html[lang="kn"] .mobile-bar,html[lang="hi"] .mobile-bar{gap:.4rem;padding-left:.6rem;padding-right:.6rem}
footer .ft-rv-h{white-space:normal}footer .ft-rv-h>span{min-width:0;overflow-wrap:anywhere}
html[data-theme="dark"] .qr-mini{background:#fff;border-color:#C9D6DA}