/* ==========================================================================
   OT Nest Physiotherapy Clinic — language + theme toggles
   Loaded AFTER lumora.css. Additive only; no template rules edited.
   ========================================================================== */

/* ---------- 1. Header toggle controls ---------------------------------- */
.dapdc-toggles{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-inline-end:14px;
}
.dapdc-toggle{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 10px;
  font-family:inherit;font-size:13px;font-weight:600;line-height:1;
  color:#ffffff;                       /* header sits on the dark navy bar in both themes */
  background:transparent;
  border:1.5px solid rgba(255,255,255,.65);
  border-radius:999px;
  cursor:pointer;
  opacity:1;
  transition:background-color .15s ease, border-color .15s ease;
}
.dapdc-toggle:hover{background-color:rgba(255,255,255,.16);border-color:#fff;}
.dapdc-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.dapdc-toggle svg{width:17px;height:17px;display:block;fill:#ffffff;}
.dapdc-lang-label{letter-spacing:.03em;white-space:nowrap;color:#fff;}

/* sun / moon swap */
.dapdc-toggle .dapdc-ico-moon{display:none;}
:root[data-theme="dark"] .dapdc-toggle .dapdc-ico-sun{display:none;}
:root[data-theme="dark"] .dapdc-toggle .dapdc-ico-moon{display:block;}

@media (max-width:479px){
  .dapdc-toggles{gap:6px;margin-inline-end:8px;}
  .dapdc-toggle{min-width:34px;height:34px;padding:0 8px;font-size:12px;}
}

/* ---------- 2. Dark mode ---------------------------------------------- *
 * The template paints backgrounds/text from --primitive-color--* vars
 * (e.g. background-color:var(--primitive-color--neutral-0)). Re-point
 * those primitives and the whole site re-colours.                       */
:root[data-theme="dark"]{
  color-scheme:dark;

  /* ink scale -> soft white (text on every section) */
  --primitive-color--neutral-0:#e9eef7;
  --primitive-color--neutral-100:#e9eef7;
  --primitive-color--primary-900:#e9eef7;
  --primitive-color--primary-800:#dde4f1;
  --primitive-color--primary-700:#c7d3ea;
  --primitive-color--primary-600:#93b0e4;   /* highlighted words */
  --primitive-color--primary-500:#7ea6e0;   /* brand accent */
  --primitive-color--primary-400:#9aabca;
  --primitive-color--black:#e9eef7;

  /* paper scale -> dark slate (backgrounds / hairlines) */
  --primitive-color--neutral-50:#0d1320;
  --primitive-color--neutral-200:#141c2c;
  --primitive-color--neutral-300:#141c2c;
  --primitive-color--neutral-400:#2a3550;
  --primitive-color--gray-400:#0e1420;

  /* muted greys -> cool grey */
  --primitive-color--gray-500:#93a0ba;
  --primitive-color--gray-600:#8b98b2;
  --primitive-color--gray-700:#8a97b0;
  --primitive-color--gray-800:#818fab;

  --dapdc-bg:#0a0e17;        /* page              */
  --dapdc-panel:#111725;     /* dark section      */
  --dapdc-card:#171f30;      /* raised card       */
  --dapdc-line:rgba(255,255,255,.09);
}

:root[data-theme="dark"] body{background-color:var(--dapdc-bg);}

/* sections that are dark or photo-backed in light mode -> flat dark panel */
:root[data-theme="dark"] .section_hero,
:root[data-theme="dark"] .section_story,
:root[data-theme="dark"] .section_team,
:root[data-theme="dark"] .section_testimonial,
:root[data-theme="dark"] .testimonial_block,
:root[data-theme="dark"] .section_cta,
:root[data-theme="dark"] .section_footer,
:root[data-theme="dark"] .our-info_wrap,
:root[data-theme="dark"] .cta_component,
:root[data-theme="dark"] .footer_component{
  background-color:var(--dapdc-panel) !important;
  background-image:none !important;
}
:root[data-theme="dark"] .section_hero *,
:root[data-theme="dark"] .section_team *,
:root[data-theme="dark"] .section_testimonial *,
:root[data-theme="dark"] .section_cta *,
:root[data-theme="dark"] .section_footer *,
:root[data-theme="dark"] .our-info_wrap *{
  border-color:var(--dapdc-line);
}

/* coloured / white cards -> raised dark card */
:root[data-theme="dark"] .service_item,
:root[data-theme="dark"] .team-item_content,
:root[data-theme="dark"] .faq_cta,
:root[data-theme="dark"] .value_item,
:root[data-theme="dark"] .blog-item_icon-wrap,
:root[data-theme="dark"] .story-slider_arrow-wrap,
:root[data-theme="dark"] .awards-tabs_link,
:root[data-theme="dark"] .our-story_item,
:root[data-theme="dark"] .blog-item_wrap,
:root[data-theme="dark"] .blog_item,
:root[data-theme="dark"] .faq_item,
:root[data-theme="dark"] .testimonial-slider_card{
  background-color:var(--dapdc-card) !important;
  background-image:none !important;
}

/* translucent-white chips inside service cards */
:root[data-theme="dark"] .service-item_tag{
  background-color:rgba(255,255,255,.10) !important;
  color:#e9eef7 !important;
}

/* "why choose us" accordion uses a hard-coded near-black text colour */
:root[data-theme="dark"] .tabs-accordion_item,
:root[data-theme="dark"] .tabs-accordion_header,
:root[data-theme="dark"] .tabs-accordion_header-title,
:root[data-theme="dark"] .tabs-accordion_info-inner,
:root[data-theme="dark"] .tabs-accordion_info-inner *{
  color:#e9eef7 !important;
}

/* form card + fields */
:root[data-theme="dark"] .lead-form_card,
:root[data-theme="dark"] [class*="form_card"]{
  background-color:#141c2c !important;color:#e9eef7;border-color:var(--dapdc-line);
}
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select{
  background-color:#0d1320 !important;color:#e9eef7;border-color:var(--dapdc-line);
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder{color:#93a0ba;}

/* primary buttons: dark pill + light label (avoids glaring white in dark mode) */
:root[data-theme="dark"] .button_primary{
  background-color:#1b2740 !important;
  border:1px solid var(--dapdc-line) !important;
}
:root[data-theme="dark"] .button_primary,
:root[data-theme="dark"] .button_primary div,
:root[data-theme="dark"] .button_primary path{color:#e9eef7 !important;stroke:#e9eef7 !important;}
:root[data-theme="dark"] .button_primary:hover{background-color:#2f4d80 !important;}

/* keep real photos looking natural, just take the edge off */
:root[data-theme="dark"] img:not([src*="logo"]){filter:brightness(.92);}

/* ---------- 3. Language: Hindi font --------------------------------- */
:root[lang="hi"] body,
:root[lang="hi"] input,
:root[lang="hi"] textarea,
:root[lang="hi"] button{
  font-family:"Noto Sans Devanagari","Sora",-apple-system,"Segoe UI",sans-serif;
}

/* the hero headline uses a per-character split animation that only makes
   sense for Latin text — show it plainly in Hindi                      */
:root[lang="hi"] .hero-text-split{opacity:1 !important;transform:none !important;}

/* ---------- 4. Overflow guard ----------------------------------------- */
/* clip (not hidden): a body with overflow-x:hidden becomes a scroll container and breaks the sticky header */
html body{overflow-x:clip !important;}
html{overflow-x:clip;}
@supports not (overflow:clip){ html,body{overflow-x:hidden;} }
img,svg,video,iframe{max-width:100%;}

/* ---------- 5. Floating WhatsApp button ---------------------------- */
.dapdc-wa{
  position:fixed;
  right:18px; bottom:18px;
  z-index:2147483000;
  width:56px; height:56px;
  display:flex; align-items:center; justify-content:center;
  background:#25D366;
  border-radius:50%;
  box-shadow:0 8px 24px -4px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.2);
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease;
  animation:dapdc-wa-pulse 2.6s ease-out infinite;
}
.dapdc-wa:hover{ transform:scale(1.06); box-shadow:0 12px 30px -6px rgba(0,0,0,.4); }
.dapdc-wa svg{ width:30px; height:30px; display:block; }
@keyframes dapdc-wa-pulse{
  0%   { box-shadow:0 8px 24px -4px rgba(0,0,0,.35), 0 0 0 0 rgba(37,211,102,.45); }
  70%  { box-shadow:0 8px 24px -4px rgba(0,0,0,.35), 0 0 0 16px rgba(37,211,102,0); }
  100% { box-shadow:0 8px 24px -4px rgba(0,0,0,.35), 0 0 0 0 rgba(37,211,102,0); }
}
@media (max-width:479px){
  .dapdc-wa{ right:14px; bottom:14px; width:52px; height:52px; }
  .dapdc-wa svg{ width:28px; height:28px; }
}
@media (prefers-reduced-motion:reduce){ .dapdc-wa{ animation:none; } }

/* ---------- 6. Logo sizing (30% smaller than template default) ------ */
.footer_brand .brand_logo,
a.footer_brand img,
.brand_logo{ width:98px !important; height:auto !important; }

/* ---------- 7. Site header — liquid glass (every page) ------------- *
 * Clear glass that adapts to what is behind it: i18n-theme.js samples the
 * page under the capsule and sets .tone-light (navy ink) or leaves the
 * default (white ink). In Chromium, html.has-lens adds edge refraction via
 * generated SVG displacement maps (#otn-lens-bar / #otn-lens-dock).
 * The glass lives on ::before, not on the bar itself: an element with
 * backdrop-filter becomes the backdrop root and containing block for its
 * children, which would stop the phone menu card from blurring the page.   */
.otn-hd{
  --ink:#ffffff; --ink-soft:rgba(255,255,255,.86); --ink-shadow:0 1px 2px rgba(0,8,30,.35);
  --pane:rgba(255,255,255,.10); --pane-2:rgba(255,255,255,.04);
  --chip:rgba(255,255,255,.16); --chip-2:rgba(255,255,255,.05);
  --accent-a:#4d7bd0; --accent-b:#2d55a3;
  --spring:cubic-bezier(.32,1.32,.46,1);
  position:-webkit-sticky; position:sticky; top:0; z-index:1000;
  height:84px; padding:12px 20px 0; pointer-events:none; color:var(--ink);
  font-family:Sora,-apple-system,"Segoe UI",Arial,sans-serif; letter-spacing:0; line-height:1.4;
}
.otn-hd.tone-light{
  --ink:#0a1a4a; --ink-soft:rgba(10,26,74,.78); --ink-shadow:none;
  --pane:rgba(255,255,255,.46); --pane-2:rgba(255,255,255,.30);
  --chip:rgba(255,255,255,.62); --chip-2:rgba(255,255,255,.34);
}
.otn-hd--over{ margin-bottom:-84px; }
.otn-hd *{ box-sizing:border-box; letter-spacing:0; }

.otn-hd__bar{
  position:relative; z-index:1; isolation:isolate; pointer-events:auto;
  display:flex; align-items:center; gap:12px;
  max-width:1160px; height:60px; margin:0 auto; padding:0 8px 0 22px; border-radius:999px;
  box-shadow:0 10px 30px -10px rgba(0,10,40,.28), 0 1px 4px rgba(0,10,40,.10);
  transition:height .45s var(--spring), color .35s ease;
}
.otn-hd__bar::before,
.otn-hd__bar::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; }
.otn-hd__bar::before{
  z-index:-2;
  background:linear-gradient(180deg, var(--pane), var(--pane-2));
  -webkit-backdrop-filter:blur(7px) saturate(190%) brightness(1.06);
  backdrop-filter:blur(7px) saturate(190%) brightness(1.06);
  transition:background .35s ease;
}
.has-lens .otn-hd__bar::before{ backdrop-filter:url(#otn-lens-bar) blur(3px) saturate(190%) brightness(1.06); }
/* specular light: bright top edge, soft inner glow, glinting rim, and a sheen that follows the pointer */
.otn-hd__bar::after{
  z-index:-1;
  background:radial-gradient(240px circle at var(--mx,22%) var(--my,-40%), rgba(255,255,255,.28), transparent 60%);
  box-shadow:
    inset 0 1.5px 1px rgba(255,255,255,.85),
    inset 0 -1px 1px rgba(255,255,255,.35),
    inset 1px 0 1px rgba(255,255,255,.25), inset -1px 0 1px rgba(255,255,255,.25),
    inset 0 0 16px rgba(255,255,255,.14),
    inset 0 0 0 .5px rgba(255,255,255,.35);
}
.otn-hd.is-scrolled .otn-hd__bar{ height:54px; }

/* logo: the white artwork over photos/dark sections, crossfading to the navy artwork over light ones */
.otn-hd__logo{ position:relative; display:block; flex:0 0 auto; width:92px; line-height:0; border-radius:8px; }
.otn-hd__logo img{ display:block; width:100% !important; height:auto !important; max-width:none;
  aspect-ratio:auto !important; object-fit:contain !important; transition:opacity .35s ease; }
.otn-hd__logo::after{ content:""; position:absolute; inset:0; opacity:0; transition:opacity .35s ease;
  background:url("/assets/img/otnest-logo-navy.png?v=2") center / contain no-repeat; }
.otn-hd.tone-light .otn-hd__logo img{ opacity:0; }
.otn-hd.tone-light .otn-hd__logo::after{ opacity:1; }
@media (max-width:991px){
  :root:not([data-theme="dark"]).otn-nav-open .otn-hd__logo img{ opacity:0; }
  :root:not([data-theme="dark"]).otn-nav-open .otn-hd__logo::after{ opacity:1; }
}
.otn-hd__logo:focus-visible{ outline:2px solid var(--ink); outline-offset:4px; }

/* desktop navigation + the gliding glass bead */
.otn-hd__nav{ position:relative; flex:1 1 auto; display:flex; justify-content:center; }
.otn-hd__list{ position:relative; display:flex; flex-direction:row; align-items:center; gap:2px; margin:0; padding:0; list-style:none; }
.otn-hd__list li{ margin:0; padding:0; list-style:none; }
.otn-hd__link{
  position:relative; z-index:1; display:block; padding:10px 16px; border-radius:999px;
  color:var(--ink-soft) !important; text-decoration:none !important; white-space:nowrap; text-shadow:var(--ink-shadow);
  font-size:15px; font-weight:500; line-height:20px; transition:color .3s ease;
}
.otn-hd__link:hover, .otn-hd__link[aria-current="page"]{ color:var(--ink) !important; }
.otn-hd__link[aria-current="page"]{ font-weight:600; }
.otn-hd__link:focus-visible{ outline:2px solid var(--ink); outline-offset:1px; }
.otn-hd__bead{
  position:absolute; top:50%; left:0; width:0; height:40px; margin-top:-20px; z-index:0;
  border-radius:999px; pointer-events:none; opacity:0;
  background:linear-gradient(180deg, var(--chip), var(--chip-2));
  box-shadow:inset 0 1.5px 1px rgba(255,255,255,.9), inset 0 -1px 1px rgba(255,255,255,.3),
    inset 0 0 10px rgba(255,255,255,.14), 0 4px 12px -4px rgba(0,10,40,.25);
  transition:left .55s var(--spring), width .55s var(--spring), opacity .25s ease, background .35s ease;
}
.otn-hd.is-ready .otn-hd__bead.is-on{ opacity:1; }
.otn-hd:not(.is-ready) .otn-hd__bead{ transition:none; }
.otn-hd__foot{ display:none; }

/* actions: theme toggle, CTA, menu button */
.otn-hd__actions{ display:flex; align-items:center; gap:8px; flex:0 0 auto; margin-left:auto; }
.otn-hd__actions .dapdc-toggles{ margin:0; }
.otn-hd .dapdc-toggle,
.otn-hd__burger{
  width:42px; height:42px; min-width:42px; padding:0; border:0; border-radius:50%; color:var(--ink);
  background:linear-gradient(180deg, var(--chip), var(--chip-2));
  box-shadow:inset 0 1.5px 1px rgba(255,255,255,.85), inset 0 -1px 1px rgba(255,255,255,.25), 0 4px 12px -4px rgba(0,10,40,.25);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  transition:transform .35s var(--spring), background .35s ease, color .35s ease;
}
.otn-hd .dapdc-toggle svg{ fill:currentColor; }
.otn-hd .dapdc-toggle:active, .otn-hd__burger:active{ transform:scale(.9); }
.otn-hd .dapdc-toggle:focus-visible, .otn-hd__burger:focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }
.otn-hd__cta{
  display:inline-flex; align-items:center; gap:10px; white-space:nowrap; height:44px;
  padding:0 6px 0 18px; border-radius:999px; color:#ffffff !important; text-decoration:none !important;
  font-size:15px; font-weight:600; line-height:20px;
  background:linear-gradient(180deg, var(--accent-a), var(--accent-b));
  box-shadow:inset 0 1.5px 1px rgba(255,255,255,.55), inset 0 -1px 1px rgba(0,0,0,.18), 0 8px 18px -8px rgba(29,61,140,.7);
  transition:transform .35s var(--spring), box-shadow .2s ease;
}
.otn-hd__cta:hover{ transform:translateY(-1px); }
.otn-hd__cta:active{ transform:scale(.96); }
.otn-hd__cta-ico{ width:32px; height:32px; border-radius:50%; color:#fff;
  background:linear-gradient(180deg, rgba(255,255,255,.3), rgba(255,255,255,.12));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.6);
  display:flex; align-items:center; justify-content:center; flex:0 0 32px; }
.otn-hd__cta-ico svg{ width:11px; height:11px; }
.otn-hd__burger{ display:none; flex-direction:column; gap:5px; }
.otn-hd__burger span{ display:block; width:18px; height:2px; border-radius:2px; background:currentColor;
  transition:transform .45s var(--spring), opacity .2s ease; }

@media (min-width:992px) and (max-width:1199px){
  .otn-hd__bar{ padding-left:18px; gap:8px; }
  .otn-hd__link{ padding:9px 10px; font-size:14px; }
  .otn-hd__cta{ font-size:14px; padding-left:14px; }
}

/* ---- phones and tablets ---- */
@media (max-width:991px){
  .otn-hd{ height:74px; padding:10px 10px 0; }
  .otn-hd--over{ margin-bottom:-74px; }
  .otn-hd__bar{ height:56px; padding:0 7px 0 16px; }
  .otn-hd.is-scrolled .otn-hd__bar{ height:52px; }
  .otn-hd__logo{ width:86px; }
  .otn-hd__cta, .otn-hd__bead{ display:none; }
  .otn-hd__burger{ display:flex; }
  .otn-nav-open .otn-hd__burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .otn-nav-open .otn-hd__burger span:nth-child(2){ opacity:0; transform:scaleX(.2); }
  .otn-nav-open .otn-hd__burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
  .otn-nav-open .otn-hd{ --ink:#0a1a4a; --ink-soft:rgba(10,26,74,.78); --ink-shadow:none; --pane:rgba(255,255,255,.55); --pane-2:rgba(255,255,255,.4); --chip:rgba(255,255,255,.7); --chip-2:rgba(255,255,255,.4); }

  /* page behind the open menu: softly dimmed and blurred (tap to close) */
  .otn-hd::before{
    content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
    background:rgba(10,20,50,.16);
    -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
    opacity:0; visibility:hidden; transition:opacity .3s ease, visibility 0s linear .3s;
  }
  .otn-nav-open .otn-hd::before{ opacity:1; visibility:visible; pointer-events:auto; transition:opacity .3s ease; }

  /* the menu: a frosted glass card that springs down from the capsule */
  .otn-hd__nav{
    --m-ink:#0a1a4a; --m-soft:rgba(10,26,74,.7); --m-line:rgba(10,26,74,.1);
    position:absolute; left:0; right:0; top:calc(100% + 10px); z-index:2;
    display:block; max-height:calc(100vh - 100px); max-height:calc(100dvh - 100px);
    overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
    padding:10px; border-radius:30px; color:var(--m-ink);
    background:linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.52));
    -webkit-backdrop-filter:blur(26px) saturate(190%) brightness(1.04);
    backdrop-filter:blur(26px) saturate(190%) brightness(1.04);
    box-shadow:inset 0 1.5px 1px rgba(255,255,255,.95), inset 0 -1px 1px rgba(255,255,255,.4),
      inset 0 0 0 .5px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,.25),
      0 30px 60px -20px rgba(0,10,40,.35), 0 2px 8px rgba(0,10,40,.08);
    opacity:0; visibility:hidden; pointer-events:none;
    transform:translateY(-14px) scale(.92); transform-origin:88% 0;
    transition:opacity .2s ease, transform .5s var(--spring), visibility 0s linear .5s;
  }
  :root[data-theme="dark"] .otn-hd__nav{
    --m-ink:#f1f5fd; --m-soft:rgba(241,245,253,.72); --m-line:rgba(255,255,255,.1);
    background:linear-gradient(180deg, rgba(34,42,66,.62), rgba(18,24,42,.58));
    box-shadow:inset 0 1.5px 1px rgba(255,255,255,.35), inset 0 0 0 .5px rgba(255,255,255,.14),
      inset 0 0 20px rgba(255,255,255,.04), 0 30px 60px -20px rgba(0,0,0,.6);
  }
  :root[data-theme="dark"] .otn-nav-open .otn-hd{ --ink:#ffffff; --ink-soft:rgba(255,255,255,.86); --pane:rgba(30,38,60,.5); --pane-2:rgba(20,26,44,.45); --chip:rgba(255,255,255,.16); --chip-2:rgba(255,255,255,.05); }
  .otn-nav-open .otn-hd__nav{
    opacity:1; visibility:visible; pointer-events:auto; transform:none;
    transition:opacity .22s ease, transform .55s var(--spring), visibility 0s;
  }
  .otn-nav-open{ overflow:hidden; } /* lock the root only: a hidden-overflow body would un-pin the sticky header */
  .otn-hd__list{ flex-direction:column; align-items:stretch; gap:2px; }
  .otn-hd__link{
    display:flex; align-items:center; gap:14px; padding:13px 14px; border-radius:20px;
    font-size:16px; font-weight:600; line-height:22px; color:var(--m-ink) !important; text-shadow:none;
    transition:background-color .2s ease, transform .3s var(--spring);
  }
  .otn-hd__link:hover{ background-color:rgba(255,255,255,.28); }
  :root[data-theme="dark"] .otn-hd__link:hover{ background-color:rgba(255,255,255,.07); }
  .otn-hd__link:active{ transform:scale(.97); }
  .otn-hd__link::before{
    content:""; flex:0 0 22px; width:22px; height:22px; background-color:currentColor; opacity:.9;
    -webkit-mask:var(--ico) center / 22px no-repeat; mask:var(--ico) center / 22px no-repeat;
  }
  .otn-hd__link::after{
    content:""; margin-left:auto; width:7px; height:7px;
    border-right:2px solid var(--m-soft); border-top:2px solid var(--m-soft); opacity:.6;
    transform:rotate(45deg); transition:transform .25s ease;
  }
  .otn-hd__link:hover::after{ transform:translateX(3px) rotate(45deg); }
  .otn-hd__link[aria-current="page"]{
    background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.55));
    box-shadow:inset 0 1.5px 1px #ffffff, inset 0 -1px 1px rgba(255,255,255,.5), 0 6px 16px -8px rgba(0,10,40,.3);
  }
  :root[data-theme="dark"] .otn-hd__link[aria-current="page"]{
    background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
    box-shadow:inset 0 1.5px 1px rgba(255,255,255,.5), 0 6px 16px -8px rgba(0,0,0,.5);
  }
  .otn-nav-open .otn-hd__list li,
  .otn-nav-open .otn-hd__foot{ animation:otnMenuItem .5s var(--spring) both; }
  .otn-nav-open .otn-hd__list li:nth-child(1){ animation-delay:.03s; }
  .otn-nav-open .otn-hd__list li:nth-child(2){ animation-delay:.06s; }
  .otn-nav-open .otn-hd__list li:nth-child(3){ animation-delay:.09s; }
  .otn-nav-open .otn-hd__list li:nth-child(4){ animation-delay:.12s; }
  .otn-nav-open .otn-hd__list li:nth-child(5){ animation-delay:.15s; }
  .otn-nav-open .otn-hd__list li:nth-child(6){ animation-delay:.18s; }
  .otn-nav-open .otn-hd__list li:nth-child(7){ animation-delay:.21s; }
  .otn-nav-open .otn-hd__foot{ animation-delay:.25s; }

  .otn-hd__link[data-i="home"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M9.5 21v-6h5v6'/%3E%3C/svg%3E");}
  .otn-hd__link[data-i="about"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 20c0-3.6 3-6 7-6s7 2.4 7 6'/%3E%3C/svg%3E");}
  .otn-hd__link[data-i="services"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z'/%3E%3C/svg%3E");}
  .otn-hd__link[data-i="visits"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 12 4l9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M12 17s-3-1.9-3-4a1.6 1.6 0 0 1 3-.8 1.6 1.6 0 0 1 3 .8c0 2.1-3 4-3 4Z'/%3E%3C/svg%3E");}
  .otn-hd__link[data-i="video"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='m15 10 6-3v10l-6-3'/%3E%3C/svg%3E");}
  .otn-hd__link[data-i="blog"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E");}
  .otn-hd__link[data-i="login"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3Cpath d='M14 4h5a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-5'/%3E%3C/svg%3E");}

  .otn-hd__foot{ display:flex; flex-direction:column; gap:8px; margin-top:10px; padding:12px 4px 4px; border-top:1px solid var(--m-line); }
  .otn-hd__foot-cta{
    display:flex; align-items:center; justify-content:center; gap:9px; height:50px; border-radius:999px;
    background:linear-gradient(180deg, #4d7bd0, #2d55a3); color:#ffffff !important;
    font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:.04em !important; text-decoration:none !important;
    box-shadow:inset 0 1.5px 1px rgba(255,255,255,.55), inset 0 -1px 1px rgba(0,0,0,.18), 0 10px 22px -10px rgba(29,61,140,.7);
  }
  .otn-hd__foot-row{ display:flex; gap:8px; }
  .otn-hd__foot-row a{
    flex:1; display:flex; align-items:center; justify-content:center; gap:7px; height:46px; border-radius:999px;
    background:linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.4)); color:var(--m-ink) !important;
    box-shadow:inset 0 1.5px 1px #ffffff, 0 4px 12px -6px rgba(0,10,40,.25);
    font-weight:600; font-size:13.5px; text-decoration:none !important;
  }
  :root[data-theme="dark"] .otn-hd__foot-row a{ background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04)); box-shadow:inset 0 1.5px 1px rgba(255,255,255,.4); }
  .otn-hd__foot svg{ width:16px; height:16px; fill:currentColor; flex:0 0 auto; }
  .otn-nav-open .otn-bar, .otn-nav-open .dapdc-wa{ opacity:0 !important; pointer-events:none !important; }
}
@keyframes otnMenuItem{ from{ opacity:0; transform:translateY(-6px) scale(.98); } to{ opacity:1; transform:none; } }

/* no glass support, or the visitor asked for less transparency: solid surfaces */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .otn-hd{ --pane:#16255e; --pane-2:#0d1846; --ink:#fff; --ink-soft:rgba(255,255,255,.86); }
  .otn-hd.tone-light{ --pane:#ffffff; --pane-2:#f1f5fb; }
  @media (max-width:991px){ .otn-hd__nav{ background:#ffffff; } :root[data-theme="dark"] .otn-hd__nav{ background:#141b2e; } }
}
@media (prefers-reduced-transparency:reduce){
  .otn-hd{ --pane:#16255e; --pane-2:#0d1846; }
  .otn-hd.tone-light{ --pane:#ffffff; --pane-2:#f1f5fb; }
  .otn-hd__nav{ background:#ffffff !important; }
  :root[data-theme="dark"] .otn-hd__nav{ background:#141b2e !important; }
}
@media (prefers-reduced-motion:reduce){
  .otn-hd__bar, .otn-hd__bead, .otn-hd__nav, .otn-hd__burger span{ transition:none !important; }
  .otn-nav-open .otn-hd__list li, .otn-nav-open .otn-hd__foot{ animation:none !important; }
}
@media print{ .otn-hd{ display:none; } }

/* ---------- 8. Mobile quick-contact bar — floating glass ----------- */
.otn-bar{ display:none; }
@media (max-width:767px){
  .otn-bar{
    --ink:#ffffff; --pane:rgba(255,255,255,.10); --pane-2:rgba(255,255,255,.04); --chip:rgba(255,255,255,.16); --chip-2:rgba(255,255,255,.05);
    position:fixed; left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:2147482500;
    display:flex; gap:6px; padding:6px; border-radius:999px; isolation:isolate;
    font-family:Sora,-apple-system,"Segoe UI",Arial,sans-serif;
    box-shadow:0 10px 30px -10px rgba(0,10,40,.3), 0 1px 4px rgba(0,10,40,.1);
    transition:opacity .25s ease;
  }
  .otn-bar.tone-light{ --ink:#0a1a4a; --pane:rgba(255,255,255,.5); --pane-2:rgba(255,255,255,.34); --chip:rgba(255,255,255,.7); --chip-2:rgba(255,255,255,.4); }
  .otn-bar::before, .otn-bar::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; }
  .otn-bar::before{
    z-index:-2; background:linear-gradient(180deg, var(--pane), var(--pane-2));
    -webkit-backdrop-filter:blur(7px) saturate(190%) brightness(1.06);
    backdrop-filter:blur(7px) saturate(190%) brightness(1.06);
    transition:background .35s ease;
  }
  .has-lens .otn-bar::before{ backdrop-filter:url(#otn-lens-dock) blur(3px) saturate(190%) brightness(1.06); }
  .otn-bar::after{
    z-index:-1;
    box-shadow:inset 0 1.5px 1px rgba(255,255,255,.85), inset 0 -1px 1px rgba(255,255,255,.35),
      inset 0 0 16px rgba(255,255,255,.14), inset 0 0 0 .5px rgba(255,255,255,.35);
  }
  .otn-bar a{
    flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
    height:46px; border-radius:999px; text-decoration:none;
    color:var(--ink); font-size:13.5px; font-weight:600; letter-spacing:0;
    background:linear-gradient(180deg, var(--chip), var(--chip-2));
    box-shadow:inset 0 1.5px 1px rgba(255,255,255,.8), 0 4px 10px -6px rgba(0,10,40,.3);
    transition:transform .3s cubic-bezier(.32,1.32,.46,1), color .35s ease, background .35s ease;
  }
  .otn-bar svg{ width:17px; height:17px; fill:currentColor; flex:0 0 auto; }
  .otn-bar .otn-bar-wa{ background:linear-gradient(180deg, #2fe072, #1db955); color:#ffffff; box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6), 0 6px 14px -8px rgba(18,140,70,.8); }
  .otn-bar .otn-bar-book{ background:linear-gradient(180deg, #4d7bd0, #2d55a3); color:#ffffff; box-shadow:inset 0 1.5px 1px rgba(255,255,255,.55), 0 6px 14px -8px rgba(29,61,140,.8); }
  .otn-bar .otn-bar-book svg{ fill:none; }
  .otn-bar a:active{ transform:scale(.94); }
  .has-otn-bar body{ padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
  .has-otn-bar .dapdc-wa{ display:none !important; }
}
@media (max-width:767px) and (prefers-reduced-transparency:reduce){ .otn-bar::before{ background:#0d1846; } .otn-bar.tone-light::before{ background:#ffffff; } }
@media print{ .otn-bar{ display:none !important; } }

/* ---------- 9. Footer clinic addresses ---------------------------- */
.otn-footer-clinics{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px;
  padding:32px 0 8px; margin-top:32px; border-top:1px solid rgba(255,255,255,.14);
  font-family:Sora,-apple-system,"Segoe UI",Arial,sans-serif; letter-spacing:0;
}
.otn-footer-clinics .footer-menu_title{ margin-bottom:10px; }
.otn-footer-clinics p{ margin:0 0 8px; font-size:14px; line-height:1.6; color:rgba(255,255,255,.78); }
.otn-footer-clinics a{ color:#ffffff; text-decoration:underline; text-decoration-color:rgba(255,255,255,.35); text-underline-offset:3px; font-size:14px; }
.otn-footer-clinics a:hover{ text-decoration-color:#ffffff; }
.otn-footer-clinics .otn-fc-links a{ display:block; text-decoration:none; margin-bottom:6px; color:rgba(255,255,255,.85); }
.otn-footer-clinics .otn-fc-links a:hover{ color:#ffffff; }
@media (max-width:991px){ .otn-footer-clinics{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:479px){ .otn-footer-clinics{ grid-template-columns:1fr; gap:22px; } }