/* Smile Oasis — night wall (the clinic's backlit sign) alternating with mint clinic-white bands.
   Doctor framed in an oasis arch; one bold moment = "customer" struck out in gold. */
@font-face{font-family:"Lama Sans";src:url("../fonts/LamaSans-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Lama Sans";src:url("../fonts/LamaSans-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Lama Sans";src:url("../fonts/LamaSans-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Lama Sans";src:url("../fonts/LamaSans-Black.woff2") format("woff2");font-weight:900;font-display:swap}

:root{
  --night:#1B1F2E; --night2:#242A3D; --line:#363E57;
  --mint:#EDF6F3; --paper:#FBFDFC; --ink:#18202A; --muted:#56666D; --muted-d:#A9B3C7; --rule:#D5E3DF;
  --teal:#6EC6BD; --teal-d:#2C8A81; --gold:#C9985B; --gold-lt:#EED690; --danger:#E0826F;
  --f-sans:"Lama Sans","Readex Pro","Segoe UI",Tahoma,system-ui,sans-serif;
  --f-callig:"Aref Ruqaa","Lama Sans","Readex Pro",serif;
  --f-latin-it:"Fraunces",Georgia,serif;
  --gl:max(16px, env(safe-area-inset-left,0px));
  --gr:max(16px, env(safe-area-inset-right,0px));
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--f-sans);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:root[dir="ltr"] body{line-height:1.7}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:var(--night)}
img{max-width:100%}
[hidden]{display:none!important}
:root[data-l="ar"] .en, :root[data-l="en"] .ar{display:none!important}
.wrap{max-width:1180px;margin-inline:auto;padding-left:var(--gl);padding-right:var(--gr)}
h1,h2,h3,h4{font-family:var(--f-sans);text-wrap:balance;margin:0;line-height:1.45;font-weight:700}
:root[dir="ltr"] :is(h1,h2,h3,h4){line-height:1.12;letter-spacing:-.015em}
p{margin:0}
a{color:inherit}
button{font:inherit}
:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px;border-radius:8px}
.light :focus-visible,.mint :focus-visible{outline-color:var(--teal-d)}

.eyebrow{font-weight:500;font-size:.82rem;letter-spacing:.06em;color:var(--gold);display:inline-flex;align-items:center;gap:10px;line-height:1.4}
:root[dir="ltr"] .eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}
.eyebrow::before{content:"";width:28px;height:1.5px;background:currentColor}
.gold-text{background:linear-gradient(100deg,var(--gold) 10%,var(--gold-lt) 55%,var(--gold) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.callig{font-family:var(--f-callig);font-weight:700;color:var(--teal);line-height:1.6}
:root[dir="ltr"] .callig{font-family:var(--f-latin-it);font-style:italic;font-weight:500}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 24px;font-weight:600;font-size:.98rem;line-height:1.3;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn-gold{background:linear-gradient(110deg,var(--gold),var(--gold-lt));color:var(--night);box-shadow:0 10px 30px -12px rgba(201,152,91,.75)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px rgba(201,152,91,.9)}
.btn-ghost{background:transparent;color:#fff;border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}
.btn-dark{background:var(--night);color:#fff}
.btn-dark:hover{background:var(--night2)}
.btn-line{background:transparent;color:var(--ink);border:1.5px solid var(--rule)}
.btn-line:hover{border-color:var(--teal-d);color:var(--teal-d)}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}

/* NAV */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--night) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;line-height:1.15}
.brand img{width:34px;height:auto}
.brand b{font-weight:700;letter-spacing:.08em;font-size:.98rem;display:block}
.brand small{display:block;font-size:.66rem;color:var(--gold);letter-spacing:.16em}
.nav-links{display:flex;gap:24px;font-size:.92rem;color:var(--muted-d)}
.nav-links a{text-decoration:none;padding-block:6px}
.nav-links a:hover{color:#fff}
.nav-r{display:flex;gap:10px;align-items:center}
.lang{background:none;border:1px solid var(--line);color:#fff;border-radius:999px;padding:7px 14px;font-size:.82rem;cursor:pointer;line-height:1.2}
.lang:hover{border-color:var(--gold)}
.nav .btn{padding:9px 18px;font-size:.88rem}
@media (max-width:980px){.nav-links{display:none}.menu-btn{display:inline-flex}}
@media (max-width:480px){.nav .btn-gold{display:none}}

/* HERO */
.hero{position:relative;color:#fff;overflow:hidden;padding-block:56px 88px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero-copy{min-width:0;display:flex;flex-direction:column;gap:24px}
.hero .callig{font-size:clamp(1.5rem,3vw,2.1rem)}
.hero h1{font-weight:900;font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.38}
:root[dir="ltr"] .hero h1{font-size:clamp(2.6rem,6vw,4.9rem);line-height:1.04;letter-spacing:-.03em}
.hero h1 .thin{font-weight:300;display:block;color:var(--muted-d);font-size:.42em;line-height:1.6;letter-spacing:0;margin-bottom:.4em}
.hero-lead{color:var(--muted-d);max-width:34em;font-size:1.06rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-note{font-size:.88rem;color:var(--muted-d);display:flex;align-items:center;gap:10px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex:none;animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(110,198,189,.6)}70%{box-shadow:0 0 0 10px rgba(110,198,189,0)}100%{box-shadow:0 0 0 0 rgba(110,198,189,0)}}

.arch-wrap{position:relative;justify-self:center;width:min(440px,100%)}
.glow{position:absolute;inset:-14% -18% 10%;background:radial-gradient(closest-side,rgba(238,214,144,.36),rgba(201,152,91,.12) 55%,transparent 75%);filter:blur(10px);animation:breathe 6s ease-in-out infinite}
@keyframes breathe{50%{opacity:.7;transform:scale(1.04)}}
.arch{position:relative;z-index:1;border-radius:999px 999px 28px 28px;overflow:hidden;aspect-ratio:4/5;border:1.5px solid rgba(238,214,144,.5);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.arch-ring{position:absolute;inset:-14px;border-radius:999px 999px 40px 40px;border:1px dashed rgba(110,198,189,.35)}
.badge{position:absolute;z-index:2;background:rgba(27,31,46,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:12px}
.badge b{font-size:1.8rem;font-weight:900;line-height:1}
.badge span{font-size:.78rem;color:var(--muted-d);line-height:1.45}
.badge.b1{inset-inline-start:-28px;top:18%}
.badge.b2{inset-inline-end:-22px;bottom:12%}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:60px}
  .arch-wrap{width:min(360px,84%)}
  .badge.b1{inset-inline-start:-16px}.badge.b2{inset-inline-end:-16px}
}
.rise{animation:rise .9s var(--ease) both}
.d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.42s}.d5{animation-delay:.55s}
@keyframes rise{from{opacity:.001;transform:translateY(18px)}}

/* Trust strip */
.trust{border-top:1px solid var(--line);background:var(--night)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding-block:22px;display:flex;flex-direction:column;gap:2px;color:#fff;padding-inline:20px;border-inline-start:1px solid var(--line);line-height:1.5}
.trust-item:first-child{border-inline-start:0;padding-inline-start:0}
.trust-item b{font-size:1.25rem;font-weight:700}
.trust-item span{font-size:.84rem;color:var(--muted-d)}
.trust-item a{color:var(--gold-lt);text-decoration:none}
.trust-item a:hover{text-decoration:underline}
@media (max-width:760px){.trust .wrap{grid-template-columns:1fr 1fr}.trust-item:nth-child(3){border-inline-start:0;padding-inline-start:0}.trust-item:nth-child(n+3){border-top:1px solid var(--line)}}

/* Ticker */
.ticker{background:linear-gradient(90deg,var(--gold),var(--gold-lt),var(--gold));color:var(--night);overflow:hidden;padding-block:13px;font-weight:600;font-size:1.02rem;line-height:1.5}
.ticker-track{display:flex;width:max-content;animation:slide 44s linear infinite}
:root[dir="rtl"] .ticker-track{animation-name:slide-rtl}
.ticker-track span{display:inline-flex;align-items:center;gap:22px;padding-inline:11px;white-space:nowrap}
.ticker-track span::after{content:"";width:9px;height:9px;background:var(--night);transform:rotate(45deg);border-radius:2px}
@keyframes slide{to{transform:translateX(-50%)}}
@keyframes slide-rtl{to{transform:translateX(50%)}}

/* Sections */
.light{background:var(--paper);color:var(--ink)}
.mint{background:var(--mint);color:var(--ink)}
.dark{background:var(--night);color:#fff}
.sec{padding-block:100px}
@media (max-width:700px){.sec{padding-block:70px}}
.sec-head{display:flex;flex-direction:column;gap:12px;max-width:42em;margin-bottom:48px}
.sec-head h2{font-size:clamp(1.85rem,4vw,2.9rem);font-weight:700}
.sec-head p{color:var(--muted)}
.dark .sec-head p{color:var(--muted-d)}
.sec-head.row{max-width:none;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}
.sec-head.row > div{display:flex;flex-direction:column;gap:12px;max-width:40em;min-width:0}

/* About */
.exp{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.exp-photo{position:relative;min-width:0}
.exp-photo img{width:100%;border-radius:28px;display:block;aspect-ratio:1/1;object-fit:cover;object-position:30% 50%}
.exp-photo .tag{position:absolute;bottom:18px;inset-inline-start:18px;background:var(--paper);border-radius:999px;padding:8px 16px;font-size:.84rem;font-weight:500;line-height:1.4;box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
.exp-copy{min-width:0;display:flex;flex-direction:column;gap:26px}
.exp-copy h2{font-size:clamp(1.85rem,3.8vw,2.7rem)}
.nums{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--rule)}
.num{padding:22px 0;display:flex;flex-direction:column;gap:8px}
.num + .num{border-inline-start:1px solid var(--rule);padding-inline-start:24px}
.num b{font-weight:900;font-size:clamp(3rem,7vw,4.6rem);line-height:1;color:var(--teal-d);font-variant-numeric:tabular-nums}
.num b sup{font-size:.4em;color:var(--gold);vertical-align:top;margin-inline-start:2px}
.num span{font-size:.94rem;color:var(--muted);line-height:1.5}
.promise{font-size:1.08rem;color:#33424A}
.pillars{display:flex;flex-wrap:wrap;gap:10px}
.pill{border:1px solid #CFE2DD;background:var(--mint);border-radius:999px;padding:6px 15px;font-size:.88rem;font-weight:500;display:inline-flex;gap:8px;align-items:center;line-height:1.5}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--teal-d)}
@media (max-width:860px){.exp{grid-template-columns:1fr;gap:36px}}

/* Human, not customer */
.human{text-align:center;position:relative;overflow:hidden}
.human::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 50% 0%,rgba(110,198,189,.14),transparent 70%)}
.human .wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px}
.big-line{font-weight:900;font-size:clamp(2.2rem,6.6vw,5rem);line-height:1.45;max-width:14em}
:root[dir="ltr"] .big-line{line-height:1.12;letter-spacing:-.03em}
.strike{position:relative;display:inline-block;color:var(--muted-d);font-weight:300}
.strike svg{position:absolute;inset:-6% -6%;width:112%;height:112%;overflow:visible;pointer-events:none}
.strike path{fill:none;stroke:url(#gstroke);stroke-width:7;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:0}
.strike.go path{animation:draw 1.1s .2s cubic-bezier(.6,0,.2,1) both}
@keyframes draw{from{stroke-dashoffset:420}}
.human p{color:var(--muted-d);max-width:36em;font-size:1.06rem}
.human .callig{font-size:clamp(1.6rem,3.4vw,2.3rem)}

/* Symptom picker */
.picker{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:stretch}
.chips{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;min-width:0}
.chip{border:1.5px solid #CDDFDA;background:var(--paper);color:var(--ink);border-radius:16px;padding:12px 18px;font-size:.98rem;font-weight:500;line-height:1.5;cursor:pointer;transition:all .2s;text-align:start}
.chip:hover{border-color:var(--teal-d)}
.chip[aria-pressed="true"]{background:var(--night);color:#fff;border-color:var(--night);box-shadow:0 12px 26px -12px rgba(27,31,46,.6)}
.answer{background:var(--night);color:#fff;border-radius:28px;padding:34px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;min-width:0;min-height:300px}
.answer::after{content:"";position:absolute;width:260px;height:260px;inset-inline-end:-80px;top:-80px;background:radial-gradient(closest-side,rgba(238,214,144,.25),transparent);pointer-events:none}
.answer .k{font-size:.82rem;letter-spacing:.06em;color:var(--teal)}
.answer h3{font-size:clamp(1.45rem,3vw,2rem)}
.answer p{color:var(--muted-d)}
.answer .fine{font-size:.8rem;color:#8590A8;margin-top:auto;line-height:1.6}
.swap{animation:fade .45s ease both}
@keyframes fade{from{opacity:.001;transform:translateY(8px)}}
@media (max-width:860px){.picker{grid-template-columns:1fr}}

/* Services */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:24px;overflow:hidden}
.svc{background:var(--paper);padding:28px 24px 30px;display:flex;flex-direction:column;gap:10px;transition:background .25s}
.svc:hover{background:var(--mint)}
.svc svg{width:40px;height:40px;stroke:var(--teal-d);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.svc h3{font-size:1.1rem;line-height:1.5}
.svc p{font-size:.93rem;color:var(--muted);line-height:1.7}
@media (max-width:980px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.svc-grid{grid-template-columns:1fr}}

/* Videos */
.vids{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,300px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.vid{scroll-snap-align:start;background:var(--night2);border:1px solid var(--line);border-radius:22px;overflow:hidden;cursor:pointer;text-align:start;color:#fff;padding:0;display:flex;flex-direction:column;transition:transform .25s var(--ease),border-color .25s}
.vid:hover{transform:translateY(-4px);border-color:rgba(238,214,144,.5)}
.vid-cover{position:relative;aspect-ratio:9/12;background:linear-gradient(160deg,#2A3150,#151927);overflow:hidden}
.vid-cover img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:transform .5s var(--ease)}
.vid:hover .vid-cover img{transform:scale(1.05)}
.vid-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,24,38,.85))}
.play{position:absolute;z-index:1;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(251,253,252,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.6);display:grid;place-items:center;transition:background .25s,transform .25s}
.vid:hover .play{background:var(--gold);transform:scale(1.08)}
.play svg{width:22px;height:22px;fill:#fff;margin-inline-start:4px}
.play svg{margin:0 0 0 4px}
.vid-meta{padding:14px 18px 18px;display:flex;flex-direction:column;gap:4px}
.vid-meta b{font-weight:600;font-size:.98rem;line-height:1.55}
.vid-meta span{font-size:.78rem;color:var(--muted-d);display:flex;gap:6px;align-items:center}
.fb-ico{width:14px;height:14px;fill:#7FA4F5}
.empty{border:1.5px dashed var(--line);border-radius:22px;padding:34px;color:var(--muted-d);text-align:center;line-height:1.7}
.light .empty,.mint .empty{border-color:#C5D9D3;color:var(--muted)}
.preview-tag{display:inline-block;background:rgba(238,214,144,.16);color:var(--gold-lt);border:1px solid rgba(238,214,144,.35);border-radius:999px;font-size:.74rem;padding:2px 10px;line-height:1.6}
.light .preview-tag,.mint .preview-tag{color:#8A6327;background:#FBF3E2;border-color:#EBD6AE}

/* Modal (video player) */
.modal{position:fixed;inset:0;z-index:60;background:rgba(10,12,20,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:calc(20px + env(safe-area-inset-top,0px)) var(--gr) calc(20px + env(safe-area-inset-bottom,0px)) var(--gl)}
.modal-box{position:relative;width:min(720px,100%);max-height:100%;display:flex;flex-direction:column;gap:12px}
.modal-box.vertical{width:min(400px,100%)}
.modal-frame{background:#000;border-radius:18px;overflow:hidden;aspect-ratio:16/9;max-height:80vh}
.modal-box.vertical .modal-frame{aspect-ratio:9/16}
.modal-frame iframe{width:100%;height:100%;border:0;display:block}
.modal-close{align-self:flex-end;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:999px;padding:8px 16px;cursor:pointer}
.modal-close:hover{background:rgba(255,255,255,.22)}

/* Before / after */
.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.case{display:flex;flex-direction:column;gap:12px;min-width:0}
.ba{direction:ltr;position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#dfe9e6;user-select:none;touch-action:pan-y;cursor:ew-resize}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba .after{clip-path:inset(0 0 0 var(--p,50%))}
.ba .handle{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}
.ba .handle::after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:var(--night);display:grid;place-items:center;font-size:18px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ba .lab{position:absolute;top:12px;background:rgba(27,31,46,.75);color:#fff;font-size:.74rem;border-radius:999px;padding:3px 10px;line-height:1.6;pointer-events:none}
.ba .lab.l{left:12px}.ba .lab.r{right:12px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.case b{font-weight:600}

/* Reviews */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review{background:var(--paper);border:1px solid var(--rule);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.stars{color:var(--gold);letter-spacing:2px;font-size:1rem;line-height:1}
.review p{color:#33424A;line-height:1.85}
.review footer{margin-top:auto;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.92rem}
.review footer i{width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--teal-d);display:grid;place-items:center;font-style:normal;font-weight:700}
@media (max-width:900px){.reviews{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.reviews{grid-template-columns:1fr}}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.step{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:64px;min-width:0}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:0;inset-inline-start:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--paper);border:1.5px solid var(--gold);color:var(--gold);line-height:1}
.step::after{content:"";position:absolute;top:23px;inset-inline-start:58px;inset-inline-end:-10px;height:1.5px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px);opacity:.6}
.step:last-child::after{display:none}
.step h3{font-size:1.1rem;line-height:1.5}
.step p{font-size:.95rem;color:var(--muted)}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr;row-gap:36px}.step::after{display:none}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* Kids */
.kids{display:grid;grid-template-columns:1.2fr .8fr;background:var(--night);border-radius:32px;overflow:hidden;color:#fff}
.kids img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px}
.kids-copy{padding:40px;display:flex;flex-direction:column;gap:16px;justify-content:center;min-width:0}
.kids-copy h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}
.kids-copy p{color:var(--muted-d)}
@media (max-width:860px){.kids{grid-template-columns:1fr}.kids-copy{padding:30px 24px}}

/* FAQ */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--rule);max-width:860px}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;font-weight:600;font-size:1.06rem;line-height:1.6}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--rule);display:grid;place-items:center;font-weight:400;color:var(--teal-d);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:22px;color:var(--muted);max-width:44em}

/* ===== Online booking ===== */
.booking{position:relative;overflow:hidden}
.bk-flag{margin-bottom:22px}
.bk{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.bk-main{background:var(--paper);border:1px solid var(--rule);border-radius:28px;padding:28px;min-width:0;display:flex;flex-direction:column;gap:30px}
.bk-step{display:flex;flex-direction:column;gap:14px}
.bk-step > h3{display:flex;align-items:center;gap:12px;font-size:1.12rem}
.bk-step > h3 i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal-d);font-size:.88rem;font-weight:700;flex:none;line-height:1}
.bk-step.done > h3 i{background:var(--teal-d);color:#fff}
.bk-step.locked{opacity:.45;pointer-events:none}
.opt-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opt{border:1.5px solid var(--rule);background:var(--paper);border-radius:18px;padding:14px 16px;text-align:start;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:2px;line-height:1.5;transition:border-color .2s,background .2s}
.opt:hover{border-color:var(--teal-d)}
.opt[aria-pressed="true"]{border-color:var(--night);background:var(--night);color:#fff}
.opt b{font-weight:700;font-size:1.05rem}
.opt span{font-size:.82rem;color:var(--muted)}
.opt[aria-pressed="true"] span{color:var(--muted-d)}
.svc-chips{display:flex;flex-wrap:wrap;gap:8px}
.svc-chips .chip{padding:8px 14px;font-size:.9rem;border-radius:999px}
.days{display:grid;grid-auto-flow:column;grid-auto-columns:76px;gap:8px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.day{scroll-snap-align:start;border:1.5px solid var(--rule);background:var(--paper);border-radius:16px;padding:10px 4px;text-align:center;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:2px;line-height:1.3}
.day small{font-size:.72rem;color:var(--muted)}
.day b{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}
.day em{font-style:normal;font-size:.68rem;color:var(--teal-d)}
.day:hover:not([disabled]){border-color:var(--teal-d)}
.day[aria-pressed="true"]{background:var(--night);border-color:var(--night);color:#fff}
.day[aria-pressed="true"] small,.day[aria-pressed="true"] em{color:var(--gold-lt)}
.day[disabled]{opacity:.38;cursor:not-allowed}
.day[disabled] em{color:var(--muted)}
.slots{display:flex;flex-direction:column;gap:14px}
.slot-group{display:flex;flex-direction:column;gap:8px}
.slot-group > span{font-size:.82rem;color:var(--muted)}
.slot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.slot{border:1.5px solid var(--rule);background:var(--paper);border-radius:12px;padding:9px 6px;cursor:pointer;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;direction:ltr}
.slot:hover{border-color:var(--teal-d)}
.slot[aria-pressed="true"]{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.skeleton{height:42px;border-radius:12px;background:linear-gradient(90deg,#EAF2EF,#F6FAF9,#EAF2EF);background-size:200% 100%;animation:shimmer 1.2s infinite}
@keyframes shimmer{to{background-position:-200% 0}}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
.field label{font-size:.86rem;font-weight:500;color:#33424A}
.field input,.field textarea{font:inherit;font-size:1rem;line-height:1.5;padding:12px 14px;border:1.5px solid var(--rule);border-radius:14px;background:#fff;color:var(--ink);width:100%}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--teal-d);box-shadow:0 0 0 4px rgba(44,138,129,.12)}
.field .err{font-size:.8rem;color:#B5482F;min-height:1em}
.field input[aria-invalid="true"]{border-color:#D9765F}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.bk-side{position:sticky;top:96px;background:var(--night);color:#fff;border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:16px;min-width:0}
.bk-side h4{font-size:1.05rem}
.sum{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sum div{display:flex;justify-content:space-between;gap:12px;padding-block:11px;border-bottom:1px solid var(--line);font-size:.92rem;line-height:1.5}
.sum dt{color:var(--muted-d)}
.sum dd{margin:0;font-weight:600;text-align:end}
.sum dd.ph{color:#6F7891;font-weight:400}
.bk-side .note{font-size:.8rem;color:var(--muted-d);line-height:1.7}
.bk-side .btn{width:100%}
.form-err{background:#FCEDE8;color:#8E3420;border-radius:14px;padding:12px 16px;font-size:.9rem;line-height:1.6}
.bk-done{background:var(--paper);border:1px solid var(--rule);border-radius:28px;padding:44px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.bk-done .tick{width:72px;height:72px;border-radius:50%;background:var(--mint);display:grid;place-items:center}
.bk-done .tick svg{width:36px;height:36px;stroke:var(--teal-d);stroke-width:2.5;fill:none;stroke-dasharray:40;animation:drawtick .7s .2s var(--ease) both}
@keyframes drawtick{from{stroke-dashoffset:40}}
.bk-done .ref{font-size:1.5rem;font-weight:700;letter-spacing:.08em;direction:ltr;background:var(--mint);border-radius:12px;padding:6px 18px}
.bk-done p{color:var(--muted);max-width:32em}
@media (max-width:920px){.bk{grid-template-columns:1fr}.bk-side{position:static}}
@media (max-width:560px){.opt-row,.field-grid{grid-template-columns:1fr}.bk-main{padding:20px}}

/* Branches */
.branches{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.branch{background:var(--night2);border:1px solid var(--line);border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;min-width:0}
.branch.main{border-color:rgba(238,214,144,.45)}
.branch .area{font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1.3}
.branch .clinic{color:var(--teal);font-weight:500;line-height:1.5}
.branch .addr{color:var(--muted-d);font-size:.96rem}
.tagline{position:absolute;top:22px;inset-inline-end:22px;font-size:.7rem;letter-spacing:.1em;color:var(--night);background:var(--gold-lt);border-radius:999px;padding:3px 11px;font-weight:700;line-height:1.6}
.phone{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--night);border:1px dashed var(--line);border-radius:18px;padding:12px 16px}
.phone .n{font-weight:700;font-size:clamp(1.25rem,3vw,1.65rem);letter-spacing:.04em;direction:ltr;unicode-bidi:isolate;-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums;line-height:1.4}
.copy{background:none;border:1px solid var(--line);color:var(--muted-d);border-radius:999px;padding:6px 12px;font-size:.8rem;cursor:pointer;white-space:nowrap;line-height:1.3}
.copy:hover{color:#fff;border-color:var(--teal)}
.copy.ok{color:var(--night);background:var(--teal);border-color:var(--teal)}
.branch-ctas{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:820px){.branches{grid-template-columns:1fr}.branch{padding:26px 22px}}


/* Mobile call bar */
.callbar{position:fixed;inset:auto 0 0 0;z-index:35;background:rgba(20,24,38,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px var(--gr) calc(10px + env(safe-area-inset-bottom,0px)) var(--gl);display:none;gap:10px}
.callbar .btn{flex:1;padding:10px;font-size:.88rem;flex-direction:column;gap:0;line-height:1.4}
.callbar small{display:block;font-weight:400;font-size:.72rem;opacity:.8;direction:ltr}
@media (max-width:760px){.callbar{display:flex}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Nav: current page + mobile menu */
.nav-links a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--gold)}
.menu-btn{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:36px;border-radius:10px;border:1px solid var(--line);background:none;cursor:pointer;padding:0 10px}
.menu-btn span{display:block;height:1.5px;background:#fff;border-radius:2px}
.mnav{border-top:1px solid var(--line);background:var(--night)}
.mnav .wrap{display:flex;flex-direction:column;padding-block:8px 14px}
.mnav a{color:#fff;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line);font-size:1.02rem}
.mnav a:last-child{border-bottom:0}
@media (min-width:981px){.mnav{display:none!important}}

/* Footer */
.foot{background:#141826;color:var(--muted-d);font-size:.88rem;line-height:1.7}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding-block:44px 28px}
.fcol{display:flex;flex-direction:column;gap:6px;min-width:0}
.fcol b{color:#fff;font-weight:600}
.fcol a{text-decoration:none}
.fcol a:hover{color:#fff}
.foot-base{border-top:1px solid var(--line);padding-block:18px 110px;font-size:.8rem}
@media (min-width:761px){.foot-base{padding-bottom:20px}}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}}

.btn-dark:focus-visible{outline-color:var(--teal-d)}

/* Post cards (home teaser + blog) */
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);border-radius:22px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s;min-width:0}
.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(27,31,46,.35)}
.post-card img,.post-ph{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:linear-gradient(135deg,var(--mint),#d7ebe6)}
.post-ph{background:radial-gradient(circle at 70% 30%,rgba(238,214,144,.5),transparent 50%),linear-gradient(135deg,#2A3150,var(--night))}
.pc-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.pc-body b{font-size:1.12rem;line-height:1.55;font-weight:600}
.pc-body p{color:var(--muted);font-size:.92rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-meta{font-size:.78rem;color:var(--teal-d)}
.feature-first .post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.feature-first .post-card:first-child img,.feature-first .post-card:first-child .post-ph{aspect-ratio:auto;height:100%;min-height:280px}
.feature-first .post-card:first-child .pc-body{justify-content:center;padding:32px}
.feature-first .post-card:first-child b{font-size:1.6rem}
@media (max-width:900px){.posts-grid{grid-template-columns:1fr 1fr}.feature-first .post-card:first-child{grid-template-columns:1fr}.feature-first .post-card:first-child img{min-height:0;aspect-ratio:16/9}}
@media (max-width:600px){.posts-grid{grid-template-columns:1fr}}

/* Blog index */
.blog-hero{padding-block:64px 48px;color:#fff;position:relative;overflow:hidden}
.blog-hero::before{content:"";position:absolute;inset:-40% -10% auto auto;width:520px;height:520px;background:radial-gradient(closest-side,rgba(110,198,189,.18),transparent);pointer-events:none}
.blog-hero .wrap{position:relative;display:flex;flex-direction:column;gap:14px}
.blog-hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:700}
.blog-hero p{color:var(--muted-d);max-width:36em}
.blog-search{display:flex;gap:8px;max-width:520px;margin-top:6px}
.blog-search input{flex:1;min-width:0;font:inherit;font-size:1rem;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:var(--night2);color:#fff}
.blog-search input:focus{outline:none;border-color:var(--gold)}
.cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cat-chips a{border:1px solid var(--line);border-radius:999px;padding:5px 14px;text-decoration:none;font-size:.88rem;color:var(--muted-d);line-height:1.6}
.cat-chips a small{opacity:.6}
.cat-chips a.on,.cat-chips a:hover{background:var(--gold-lt);color:var(--night);border-color:var(--gold-lt)}
.pager{display:flex;gap:8px;justify-content:center;margin-top:40px}
.pager a{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1.5px solid var(--rule);text-decoration:none;font-weight:600}
.pager a[aria-current]{background:var(--night);color:#fff;border-color:var(--night)}

/* Article */
.post-head{padding-block:48px 28px}
.post-narrow{max-width:760px}
.crumbs{font-size:.86rem;color:var(--muted);margin-bottom:12px}
.crumbs a{color:var(--teal-d);text-decoration:none}
.post-head h1{font-size:clamp(1.9rem,4.6vw,3rem);font-weight:700}
.post-meta{display:flex;align-items:center;gap:12px;margin-top:18px}
.post-meta img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.post-meta span{display:flex;flex-direction:column;line-height:1.45}
.post-meta small{color:var(--muted);font-size:.82rem}
.post-cover{max-width:1000px}
.post-cover img{width:100%;border-radius:24px;display:block;aspect-ratio:16/8;object-fit:cover}
.post > .light{padding-block:36px 72px}
.prose{font-size:1.1rem;line-height:2;color:#26323A}
:root[dir="ltr"] .prose{line-height:1.8}
.prose > * + *{margin-top:1.1em}
.prose h2{font-size:1.65rem;margin-top:1.8em;color:var(--ink)}
.prose h3{font-size:1.3rem;margin-top:1.5em}
.prose h4{font-size:1.1rem;margin-top:1.3em}
.prose a{color:var(--teal-d);text-underline-offset:3px}
.prose img{border-radius:16px;display:block;margin-inline:auto}
.prose blockquote{margin-inline:0;border-inline-start:4px solid var(--gold);padding:6px 20px;background:var(--mint);border-radius:0 14px 14px 0;font-size:1.12rem}
:root[dir="rtl"] .prose blockquote{border-radius:14px 0 0 14px}
.prose ul,.prose ol{padding-inline-start:1.4em}
.prose li + li{margin-top:.4em}
.prose hr{border:0;height:1px;background:var(--rule);margin-block:2em}
.prose .embed{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.prose .embed.vertical{aspect-ratio:9/16;max-width:380px;margin-inline:auto}
.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose table{border-collapse:collapse;width:100%;font-size:.96rem;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid var(--rule);padding:8px 12px}
.prose .callout{background:#FBF3E2;border-radius:14px;padding:14px 18px}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.post-tags span{background:var(--mint);color:var(--teal-d);border-radius:999px;padding:3px 12px;font-size:.84rem}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid var(--rule)}
.share span{font-weight:600;margin-inline-end:6px}
.share a,.share .copy{border:1.5px solid var(--rule);border-radius:999px;padding:6px 14px;font-size:.88rem;text-decoration:none;color:var(--ink);background:none}
.share a:hover{border-color:var(--teal-d)}
.share .copy{color:var(--ink)}
.share .copy.ok{background:var(--teal-d);color:#fff;border-color:var(--teal-d)}
.author-box{display:flex;gap:18px;align-items:flex-start;background:var(--mint);border-radius:22px;padding:22px;margin-top:32px}
.author-box img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
.author-box div{display:flex;flex-direction:column;gap:4px;min-width:0}
.author-box p{color:var(--muted);font-size:.94rem}
.author-box a{color:var(--teal-d);font-weight:600;text-decoration:none}
.post-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--night);color:#fff;border-radius:22px;padding:22px 26px;margin-top:20px}
.post-cta b{font-size:1.15rem}

/* About page */
.about-hero{padding-block:56px 0;color:#fff;overflow:hidden}
.about-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.about-hero-copy{display:flex;flex-direction:column;gap:16px;padding-bottom:56px;min-width:0}
.about-hero h1{font-size:clamp(2.6rem,7vw,5rem);font-weight:700;line-height:1.25}
:root[dir="ltr"] .about-hero h1{line-height:1.02}
.about-role{color:var(--muted-d);font-size:1.1rem}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:12px}
.about-stats div{padding:18px 0;display:flex;flex-direction:column;gap:4px}
.about-stats div + div{border-inline-start:1px solid var(--line);padding-inline-start:18px}
.about-stats b{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1}
.about-stats span{font-size:.84rem;color:var(--muted-d);line-height:1.5}
.about-portrait{margin:0;align-self:end;justify-self:center;width:min(420px,100%)}
.about-portrait img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:35% 30%;border-radius:999px 999px 0 0;border:1.5px solid rgba(238,214,144,.45);border-bottom:0}
@media (max-width:860px){.about-hero-grid{grid-template-columns:1fr}.about-hero-copy{padding-bottom:0}.about-portrait{width:min(340px,88%)}.about-stats{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:420px){.about-stats div + div{padding-inline-start:10px}}
.about-body{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:start}
.about-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:12px}
.hint-q{font-size:1.25rem;font-weight:500;color:var(--ink);line-height:1.8}
@media (max-width:860px){.about-body{grid-template-columns:1fr;gap:24px}.about-side{position:static}}
.creds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:c}
.creds li{background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:16px 18px 16px 18px;display:flex;gap:14px;align-items:flex-start;line-height:1.7}
.creds li::before{content:"";flex:none;width:10px;height:10px;margin-top:.6em;background:var(--gold);transform:rotate(45deg);border-radius:2px}
@media (max-width:700px){.creds{grid-template-columns:1fr}}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.values div{background:var(--night);padding:26px 22px;display:flex;flex-direction:column;gap:8px}
.values h3{font-size:1.15rem;color:var(--gold-lt)}
.values p{color:var(--muted-d);font-size:.94rem}
@media (max-width:900px){.values{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.values{grid-template-columns:1fr}}
.about-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--mint);border-radius:28px;padding:32px}
.about-cta h2{font-size:clamp(1.5rem,3vw,2rem)}
.about-cta p{color:var(--muted)}
.about-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:980px){.menu-btn{display:inline-flex}}

/* =====================================================================
   v4: microscope focus, services, cases, Google reviews, international,
   team, kids, ticker with hours, WhatsApp
   ===================================================================== */
.teal-text{color:var(--teal-d)}
.dark .teal-text{color:var(--teal)}
.nav-links{gap:18px}
@media (max-width:1140px){.nav-links{gap:14px;font-size:.86rem}}

/* Hero pill */
.micro-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(110,198,189,.45);background:rgba(110,198,189,.08);color:var(--teal);border-radius:999px;padding:7px 16px 7px 12px;font-size:.92rem;font-weight:600;line-height:1.4}
.micro-pill svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Ticker: hours + contact */
.ticker{padding-block:12px;font-size:.98rem}
.ticker-track .tk{display:inline-flex;align-items:center;gap:22px;padding-inline:11px;white-space:nowrap}
.ticker-track .tk > span{display:inline-flex;align-items:center;gap:8px}
.ticker-track .tk svg{width:18px;height:18px;flex:none}
.ticker-track .tk.strong{font-weight:800}
.ticker-track .tk.off{opacity:.75}
.ticker-track span::after{display:none}
.ticker-track .tk::after{content:"";display:block;width:8px;height:8px;background:var(--night);transform:rotate(45deg);border-radius:2px}
.ticker:hover .ticker-track{animation-play-state:paused}

/* Microscope */
.micro{position:relative;overflow:hidden;background:radial-gradient(70% 90% at 85% 40%,rgba(110,198,189,.12),transparent 60%),var(--night)}
.micro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.micro-copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.micro-copy h2{font-size:clamp(1.9rem,4.2vw,3rem)}
.micro-copy .lead{color:var(--muted-d);font-size:1.05rem;max-width:36em}
.micro-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.micro-list li{border:1px solid var(--line);background:rgba(36,42,61,.6);border-radius:20px;padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;line-height:1.7}
.micro-list li b{color:#fff;font-size:1rem;display:flex;align-items:center;gap:8px}
.micro-list li b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-lt);box-shadow:0 0 0 4px rgba(238,214,144,.15);flex:none}
.micro-list li > span{color:var(--muted-d);font-size:.92rem}
.lens-stage{position:relative;justify-self:center;width:min(460px,100%);cursor:crosshair;touch-action:pan-y}
.lens-svg{width:100%;height:auto;display:block;overflow:visible}
.lens-tag{position:absolute;bottom:2%;inset-inline-start:0;background:rgba(27,31,46,.9);border:1px solid var(--line);border-radius:16px;padding:10px 16px;font-size:.84rem;color:var(--muted-d);line-height:1.5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media (max-width:900px){.micro-grid{grid-template-columns:1fr;gap:36px}.lens-stage{width:min(360px,90%);order:-1}}
@media (max-width:560px){.micro-list{grid-template-columns:1fr}}

/* Services */
.micro-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #CFE2DD;background:var(--mint);border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:600;color:var(--teal-d);line-height:1.4}
.micro-chip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.svc-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}
.svc-big{position:relative;background:var(--night);color:#fff;border-radius:28px;padding:30px 28px 26px;display:flex;flex-direction:column;gap:14px;overflow:hidden;min-width:0;transition:transform .35s var(--ease),box-shadow .35s}
.svc-big::before{content:"";position:absolute;inset:auto -30% -45% auto;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(110,198,189,.18),transparent);pointer-events:none}
.svc-big:nth-child(1){background:linear-gradient(160deg,#20263A,#1B1F2E)}
.svc-big:nth-child(3){background:linear-gradient(160deg,#2A2B33,#1B1F2E)}
.svc-big:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(27,31,46,.7)}
.svc-top{display:flex;justify-content:space-between;align-items:flex-start}
.svc-no{font-size:.82rem;font-weight:700;letter-spacing:.12em;color:var(--gold-lt);border:1px solid rgba(238,214,144,.4);border-radius:999px;padding:3px 11px;line-height:1.6}
.svc-ic{width:58px;height:58px;stroke:var(--gold-lt);fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.svc-big h3{font-size:1.5rem;line-height:1.35}
.svc-big p{color:var(--muted-d);font-size:.96rem;line-height:1.75}
.svc-big ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.svc-big li{display:flex;gap:10px;align-items:baseline;font-size:.93rem;line-height:1.6}
.svc-big li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);flex:none;transform:translateY(-2px)}
.svc-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:6px}
.svc-micro{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--teal);font-weight:600}
.svc-micro svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.svc-link{color:var(--gold-lt);font-size:.9rem;font-weight:600;text-decoration:none}
.svc-link:hover{text-decoration:underline}
.svc-rest{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:24px;overflow:hidden}
.svc-row{background:var(--paper);display:flex;gap:16px;align-items:flex-start;padding:22px 22px 24px;transition:background .25s;min-width:0}
.svc-row:hover{background:var(--mint)}
.svc-row svg{width:36px;height:36px;flex:none;stroke:var(--teal-d);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.svc-row h3{font-size:1.04rem;line-height:1.5}
.svc-row p{font-size:.9rem;color:var(--muted);line-height:1.65}
@media (max-width:980px){.svc-feature{grid-template-columns:1fr}.svc-big{padding:26px 22px}}

/* Filter tabs */
.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:26px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.filters button{flex:none;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 16px;font-size:.92rem;font-weight:500;cursor:pointer;line-height:1.4;white-space:nowrap}
.filters button small{opacity:.55;font-size:.78em;margin-inline-start:4px}
.filters button[aria-selected="true"]{background:var(--night);border-color:var(--night);color:#fff}
.filters.dark-f{margin:0}
.filters.dark-f button{background:transparent;border-color:var(--line);color:var(--muted-d)}
.filters.dark-f button[aria-selected="true"]{background:var(--gold-lt);border-color:var(--gold-lt);color:var(--night)}

/* Cases */
.cases{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
@media (max-width:420px){.cases{grid-template-columns:1fr}}
.case figcaption{display:flex;flex-direction:column;gap:4px;line-height:1.55}
.cat-tag{font-size:.74rem;color:var(--teal-d);font-weight:600;letter-spacing:.02em}
.steps-tile{all:unset;box-sizing:border-box;cursor:zoom-in;position:relative;display:grid;gap:3px;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:var(--night);width:100%}
.steps-tile.n1{grid-template-columns:1fr}
.steps-tile.n2{grid-template-columns:1fr 1fr}
.steps-tile.n3{grid-template-columns:1fr 1fr 1fr}
.steps-tile.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.steps-tile .st{position:relative;overflow:hidden;min-width:0;min-height:0}
.steps-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.steps-tile:hover img{transform:scale(1.04)}
.steps-tile em{position:absolute;top:8px;inset-inline-start:8px;font-style:normal;background:rgba(27,31,46,.78);color:#fff;font-size:.7rem;border-radius:999px;padding:1px 9px;line-height:1.7}
.st-count{position:absolute;bottom:10px;inset-inline-end:10px;background:var(--paper);color:var(--ink);font-size:.76rem;font-weight:600;border-radius:999px;padding:4px 12px;line-height:1.5;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.steps-tile:focus-visible{outline:2px solid var(--teal-d);outline-offset:3px}
.more-row{display:flex;justify-content:center;margin-top:30px}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:60;background:rgba(10,12,20,.92);display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) var(--gr) calc(16px + env(safe-area-inset-bottom,0px)) var(--gl)}
.lb-box{width:min(980px,100%);max-height:100%;display:flex;flex-direction:column;gap:12px;color:#fff;min-height:0}
.lb-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lb-main{position:relative;flex:1;min-height:0;display:grid;place-items:center}
.lb-main img{max-width:100%;max-height:68vh;border-radius:16px;display:block;object-fit:contain}
.lb-lab{position:absolute;top:12px;inset-inline-start:12px;background:rgba(27,31,46,.85);border-radius:999px;padding:3px 12px;font-size:.82rem}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--night);font-size:1.8rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.lb-nav.prev{left:8px}.lb-nav.next{right:8px}
.lb-thumbs{display:flex;gap:8px;overflow-x:auto;justify-content:center;padding-bottom:4px}
.lb-thumbs button{flex:none;width:70px;height:54px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;opacity:.6;background:none}
.lb-thumbs button.on{border-color:var(--gold-lt);opacity:1}
.lb-thumbs img{width:100%;height:100%;object-fit:cover;display:block}

/* Videos: uploaded files */
.vid-cover video{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.modal-frame video{width:100%;height:100%;display:block;background:#000;object-fit:contain}

/* Google reviews */
.g-ico{width:20px;height:20px;flex:none}
.g-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.g-score{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:8px 18px 8px 12px;line-height:1.3}
.g-score b{font-size:1.5rem;font-weight:800}
.g-score small{color:var(--muted);font-size:.84rem}
.g-summary .btn{gap:8px}
.greviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.grev{background:var(--paper);border:1px solid var(--rule);border-radius:22px;padding:22px 24px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.grev header{display:flex;align-items:center;gap:12px}
.grev header > div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.45}
.grev header b{font-weight:600;font-size:.98rem}
.grev header small{color:var(--muted);font-size:.82rem;display:flex;align-items:center;gap:6px}
.grev .av{width:42px;height:42px;border-radius:50%;flex:none;object-fit:cover;background:var(--mint);color:var(--teal-d);display:grid;place-items:center;font-style:normal;font-weight:700}
.grev p{color:#33424A;line-height:1.8;font-size:.97rem;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.grev.big p{-webkit-line-clamp:9}
.stars{color:#F5B400;letter-spacing:2px;font-size:1rem;line-height:1}
.flag{width:22px;height:16px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none;display:inline-block;vertical-align:middle}

/* International */
.intl{background:radial-gradient(circle at 1px 1px,rgba(44,138,129,.16) 1px,transparent 1.5px) 0 0/22px 22px,linear-gradient(180deg,#F4FAF8,#E6F2EE);color:var(--ink)}
.intl-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.intl-copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.intl-copy h2{font-size:clamp(1.85rem,4vw,2.8rem)}
.intl-copy > p{color:var(--muted);font-size:1.04rem}
.intl-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:12px}
.intl-steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;column-gap:14px;line-height:1.6}
.intl-steps li::before{content:counter(s);grid-row:span 2;width:40px;height:40px;border-radius:50%;background:var(--night);color:var(--gold-lt);display:grid;place-items:center;font-weight:700}
.intl-steps b{font-size:1rem}
.intl-steps li > span{color:var(--muted);font-size:.93rem}
.flags{display:flex;flex-wrap:wrap;gap:8px}
.fl{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:5px 14px 5px 8px;font-size:.88rem;font-weight:500;line-height:1.5}
.intl-reviews{display:flex;flex-direction:column;gap:16px;min-width:0}
.intl-reviews .grev{box-shadow:0 24px 50px -36px rgba(27,31,46,.5)}
.intl-reviews .grev:nth-child(2){margin-inline-start:32px}
.intl-reviews .grev:nth-child(4){margin-inline-start:32px}
.intl-more{display:inline-flex;align-items:center;gap:8px;color:var(--teal-d);font-weight:600;text-decoration:none;font-size:.95rem}
.intl-empty{border:1.5px dashed #C5D9D3;border-radius:24px;padding:36px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:var(--muted)}
.intl-empty .g-ico{width:34px;height:34px}
@media (max-width:900px){.intl-grid{grid-template-columns:1fr;gap:34px}.intl-reviews .grev:nth-child(n){margin-inline-start:0}}

/* Team */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.team-grid.full{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px}
.member{display:flex;flex-direction:column;gap:14px;min-width:0}
.m-photo{aspect-ratio:4/5;border-radius:999px 999px 24px 24px;overflow:hidden;background:linear-gradient(160deg,#242A3D,#1B1F2E);border:1.5px solid rgba(201,152,91,.35);display:grid;place-items:center}
.m-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.m-ini{font-size:3rem;font-weight:800;color:var(--gold-lt);letter-spacing:.04em}
.m-body{display:flex;flex-direction:column;gap:4px;text-align:center}
.m-body h2,.m-body h3{font-size:1.1rem;line-height:1.45}
.m-role{color:var(--teal-d);font-size:.9rem;font-weight:500;line-height:1.55}
.m-bio{color:var(--muted);font-size:.9rem;line-height:1.75;margin-top:6px}
@media (max-width:900px){.team-grid{grid-template-columns:1fr 1fr}}
.team-hero{padding-block:70px 80px;position:relative;overflow:hidden}
.team-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 80% 0%,rgba(110,198,189,.14),transparent 70%)}
.team-hero .wrap{position:relative;display:flex;flex-direction:column;gap:18px;max-width:900px}
.team-hero h1{font-size:clamp(2.2rem,5.4vw,3.8rem);font-weight:900}
.team-hero p{color:var(--muted-d);font-size:1.06rem;max-width:38em}

/* Kids */
.kids-sec{background:var(--paper)}
.kids-head{max-width:44em}
.kids-head h2{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:800}
.kids-head p{font-size:1.08rem}
.kids{grid-template-columns:1.05fr .95fr}
.kids img{aspect-ratio:4/3.4}
.kids-copy{gap:22px;padding:36px}
.kid-pt{display:flex;gap:16px;align-items:flex-start}
.kid-pt i{flex:none;width:46px;height:46px;border-radius:14px;background:rgba(110,198,189,.12);border:1px solid rgba(110,198,189,.3);display:grid;place-items:center}
.kid-pt svg{width:24px;height:24px;stroke:var(--teal);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kid-pt b{font-size:1.06rem;display:block;line-height:1.5;margin-bottom:2px}
.kid-pt p{color:var(--muted-d);font-size:.93rem;line-height:1.75}
@media (max-width:860px){.kids{grid-template-columns:1fr}.kids-copy{padding:28px 22px}}

/* Booking: phone with country code */
.tel-row{display:flex;gap:8px;min-width:0}
.tel-row select{flex:0 0 auto;width:118px;min-width:0;border:1.5px solid #CFE0DB;border-radius:14px;background:#fff;padding:0 8px;font:inherit;font-size:.9rem;color:var(--ink)}
.tel-row input{flex:1;min-width:0}
.warn-note{background:#FBF3E2;border:1px solid #EBD6AE;color:#6E4F1E;border-radius:14px;padding:10px 14px;font-size:.92rem;line-height:1.7;max-width:34em}
.bk-side .note b{color:#8A6327}

/* Contact / branches */
.branches.one{grid-template-columns:1fr;max-width:760px}
.branch .addr{display:flex;gap:8px;align-items:flex-start}
.branch .addr svg{width:18px;height:18px;flex:none;margin-top:5px;color:var(--gold-lt)}
.hours{list-style:none;margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:4px;font-size:.94rem;color:#fff;line-height:1.7}
.hours li.off{color:var(--muted-d)}
.btn-wa{background:#25D366;color:#0B2A17}
.btn-wa:hover{background:#2EE273;transform:translateY(-2px)}
.btn-wa svg{width:19px;height:19px}
.callbar .btn-wa{flex:0 0 auto;padding-inline:16px}
.callbar .btn-wa span{font-size:.72rem}
.foot-grid .fcol span{line-height:1.6}
@media (max-width:560px){
  .btn{white-space:normal;text-align:center}
  .hero h1{font-size:clamp(1.9rem,8.6vw,2.6rem)}
  .g-summary{width:100%}
  .glow{inset:-10% -6% 10%}
}
.human .big-line{font-size:clamp(2.2rem,6.6vw,5rem);color:#fff;max-width:14em}
.svc-cta{background:var(--night)!important;color:#fff;align-items:center}
.svc-cta h3{color:#fff}.svc-cta p{color:var(--muted-d)!important}
.svc-cta a{color:var(--gold-lt);font-weight:600;font-size:.9rem;text-decoration:none}
.branches.one{margin-inline:auto}
.svc-feature{grid-template-columns:repeat(6,1fr)}
.svc-feature .svc-big{grid-column:span 2}
.svc-feature .svc-big:nth-child(4),.svc-feature .svc-big:nth-child(5){grid-column:span 2}
.svc-big:nth-child(6){background:linear-gradient(160deg,#262A3A,#1B1F2E)}
.svc-big:nth-child(4){background:linear-gradient(160deg,#1E2A33,#1B1F2E)}
.svc-big:nth-child(5){background:linear-gradient(160deg,#23293F,#1B1F2E)}
@media (max-width:980px){.svc-feature{grid-template-columns:1fr}.svc-feature .svc-big,.svc-feature .svc-big:nth-child(n){grid-column:auto}}
.scan-tag{position:absolute;top:4%;inset-inline-end:0;display:flex;align-items:center;gap:10px;background:rgba(27,31,46,.9);border:1px solid rgba(110,198,189,.4);border-radius:16px;padding:8px 14px 8px 10px;font-size:.84rem;color:var(--muted-d);line-height:1.4}
.scan-tag b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--teal),var(--teal-d));color:var(--night);font-weight:900;font-size:.95rem;letter-spacing:.02em}
.svc-rest{grid-template-columns:repeat(4,1fr)}
@media (min-width:640px){.svc-cta{grid-column:span 2}}
@media (max-width:980px){.svc-rest{grid-template-columns:1fr 1fr}}
@media (max-width:639px){.svc-rest{grid-template-columns:1fr}}
.sec-head.row > .filters{flex-direction:row;max-width:100%}
a.svc-row{text-decoration:none;color:inherit}
.svc-hero{padding-block:48px 64px;color:#fff}
.svc-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.svc-hero-copy{display:flex;flex-direction:column;gap:18px;min-width:0}
.svc-hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800}
.svc-hero .lead{color:var(--muted-d);font-size:1.06rem}
.svc-hero-note{color:var(--muted-d);font-size:.88rem}
.dark-crumbs,.dark-crumbs span{color:var(--muted-d)}.dark-crumbs a{color:var(--gold-lt)}
.svc-hero-img{margin:0}.svc-hero-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;border:1.5px solid rgba(238,214,144,.4)}
.svc-points{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.svc-point{background:var(--mint);border:1px solid var(--rule);border-radius:20px;padding:22px}
.svc-point h3{font-size:1.06rem;margin-bottom:6px}.svc-point p{color:var(--muted);font-size:.94rem}
.svc-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.svc-case{margin:0;display:flex;flex-direction:column;gap:10px}
.svc-case-imgs{display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--night)}
.svc-case-imgs span{position:relative;min-height:0}.svc-case-imgs img{width:100%;height:100%;object-fit:cover;display:block}
.svc-case-imgs em{position:absolute;top:8px;inset-inline-start:8px;font-style:normal;background:rgba(27,31,46,.8);color:#fff;font-size:.72rem;border-radius:999px;padding:1px 9px}
.svc-case figcaption{font-weight:600}
.svc-article{margin-top:28px;display:flex;gap:16px;align-items:center;background:var(--paper);border:1px solid var(--rule);border-radius:20px;padding:14px;text-decoration:none;color:var(--ink);max-width:860px}
.svc-article img{width:120px;height:80px;object-fit:cover;border-radius:12px;flex:none}
.svc-article span{display:flex;flex-direction:column}.svc-article small{color:var(--teal-d)}
.svc-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.svc-links a{border:1.5px solid var(--rule);border-radius:16px;padding:16px 18px;text-decoration:none;color:var(--ink);font-weight:600;display:flex;justify-content:space-between}
.svc-links a:hover{border-color:var(--teal-d);color:var(--teal-d)}
@media (max-width:860px){.svc-hero-grid{grid-template-columns:1fr}}

/* ===== v5: video hero, rails (why us, before/after, reviews) ===== */
@media (min-width:640px){.svc-cta{grid-column:auto}}
.vhero{position:relative;min-height:min(88vh,820px);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#fff;padding-block:90px 70px;background:#10131d}
.vhero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.vhero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(16,19,29,.55) 0%,rgba(16,19,29,.62) 45%,rgba(16,19,29,.88) 100%)}
.vhero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:880px}
.vhero h1{font-weight:800;font-size:clamp(2.1rem,5.4vw,4rem);line-height:1.35;text-shadow:0 2px 20px rgba(0,0,0,.35)}
:root[dir="ltr"] .vhero h1{line-height:1.08}
.vhero h1 .thin{display:block;font-weight:500;font-size:.36em;letter-spacing:.04em;color:var(--gold-lt);margin-bottom:.5em}
.vhero-tag{font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:600;color:#fff}
.vhero-lead{color:#D9DEE8;font-size:1.04rem;max-width:40em;line-height:1.9}
.vhero .hero-ctas{justify-content:center}
.vhero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:.9rem;color:#C9D1DF}
.vhero-meta span:first-child{color:var(--gold-lt);font-weight:600}
@media (max-width:560px){.vhero{min-height:92vh;padding-block:70px 60px}.vhero-lead{font-size:.97rem}}

.rail{display:grid;grid-auto-flow:column;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 14px;scrollbar-width:none;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.rail > *{scroll-snap-align:start}
.rail-nav{display:flex;align-items:center;gap:10px}
.rail-nav.center{justify-content:center;margin-top:14px}
.rn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .2s}
.rn:hover:not(:disabled){border-color:var(--teal-d);color:var(--teal-d)}
.rn:disabled{opacity:.35;cursor:default}
.rn::before{content:"";width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(135deg);margin-left:4px}
.rn.next::before{transform:rotate(-45deg);margin-left:-4px}
:root[dir="rtl"] .rn.prev::before{transform:rotate(-45deg);margin-left:-4px}
:root[dir="rtl"] .rn.next::before{transform:rotate(135deg);margin-left:4px}
.rail-count{font-size:.88rem;color:var(--muted);min-width:64px;text-align:center;font-variant-numeric:tabular-nums}
.rail-dots{display:flex;gap:6px;min-width:40px;justify-content:center}
.rail-dots i{width:7px;height:7px;border-radius:50%;background:#C5D9D3}
.rail-dots i.on{background:var(--teal-d);width:20px;border-radius:99px}

/* Why us */
.why{background:linear-gradient(180deg,#F7F1E8,#F3ECE2);color:var(--ink)}
.why-grid{display:grid;grid-template-columns:minmax(260px,.75fr) 2.25fr;gap:36px;align-items:start}
.why-head{display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:96px}
.why-head h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.why-head p{color:#5E5A55}
.why-rail{grid-auto-columns:minmax(220px,250px)}
.why-card{background:#EDE3D6;border-radius:22px;padding:20px 18px 24px;display:flex;flex-direction:column;gap:12px;min-height:320px;text-align:center;align-items:center}
.why-ic{width:66px;height:66px;border-radius:50%;background:#2B2F3A;display:grid;place-items:center;margin-top:10px}
.why-ic svg{width:30px;height:30px;fill:none;stroke:#EED690;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.why-img{width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
.why-img img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.why-card h3{font-size:1.06rem;line-height:1.5}
.why-card p{font-size:.92rem;color:#5E5A55;line-height:1.75}
.why .rn{background:#fff}
@media (max-width:900px){.why-grid{grid-template-columns:1fr;gap:22px}.why-head{position:static}.why-rail{grid-auto-columns:72%}}

/* Before / after cards */
.ba-rail{grid-auto-columns:minmax(260px,300px)}
@media (max-width:560px){.ba-rail{grid-auto-columns:82%}}
.ba-card{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.ba-stack{all:unset;box-sizing:border-box;cursor:zoom-in;position:relative;display:flex;flex-direction:column;gap:4px;border-radius:20px;overflow:hidden;background:var(--paper);border:1px solid var(--rule);padding:4px}
.ba-img{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;border-radius:16px;background:#E6EEEB}
.ba-img img{width:100%;height:100%;object-fit:cover;display:block}
.ba-img em{position:absolute;top:10px;inset-inline-start:10px;font-style:normal;font-size:.76rem;font-weight:600;border-radius:999px;padding:2px 12px;background:rgba(27,31,46,.82);color:#fff;line-height:1.7}
.ba-img em.aft{background:var(--gold-lt);color:var(--night)}
.ba-stack .st-count{bottom:12px}
.ba-stack:focus-visible{outline:2px solid var(--teal-d);outline-offset:3px}
.ba-card figcaption{display:flex;flex-direction:column;gap:2px;line-height:1.5;padding-inline:4px}

/* Reviews rail */
.rev-rail{grid-auto-columns:minmax(280px,340px)}
@media (max-width:560px){.rev-rail{grid-auto-columns:86%}}
.rev-rail .grev{height:100%;background:#FDF4F2;border-color:#F3DCD6}

.grev p{text-align:start;unicode-bidi:plaintext}
.svc-case-imgs{grid-template-columns:1fr;aspect-ratio:auto;gap:4px;padding:4px;background:var(--paper);border:1px solid var(--rule)}
.svc-case-imgs span{aspect-ratio:16/11;border-radius:14px;overflow:hidden}

/* ===== v6: doctor intro (arch photo), why-us with doctor photos ===== */
.doc{background:radial-gradient(60% 80% at 15% 30%,rgba(201,152,91,.10),transparent 60%),var(--night)}
.doc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.doc .arch-wrap{width:min(420px,100%)}
.doc-copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.doc-copy h2{font-size:clamp(1.9rem,3.9vw,2.8rem)}
.doc-lead{color:var(--muted-d);font-size:1.04rem;line-height:1.95;max-width:38em}
.doc-creds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.doc-creds li{border:1px solid var(--line);background:rgba(36,42,61,.6);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;line-height:1.6}
.doc-creds li b{color:#fff;font-size:.98rem}
.doc-creds li > span{color:var(--muted-d);font-size:.86rem}
.doc .promise{color:var(--muted-d);font-size:.98rem;line-height:1.9}
@media (max-width:900px){.doc-grid{grid-template-columns:1fr;gap:48px}.doc .arch-wrap{width:min(360px,84%)}}
@media (max-width:560px){.doc-creds{grid-template-columns:1fr}}
.why-card{padding:12px 12px 22px;text-align:start;align-items:stretch}
.why-img{aspect-ratio:4/5}
.why-img img{object-position:50% 22%}
.why-card h3,.why-card p{padding:0 8px}
/* doctor page: CV, research, gallery */
.cv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cv-col{background:var(--paper);border:1px solid var(--rule);border-radius:22px;padding:24px 22px;min-width:0}
.cv-col h3{font-size:1.1rem;margin-bottom:16px;color:var(--teal-d)}
.cv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.cv-list li{position:relative;padding-inline-start:20px;display:flex;flex-direction:column;gap:3px;line-height:1.65}
.cv-list li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,152,91,.15)}
.cv-list li + li::after{content:"";position:absolute;inset-inline-start:4px;bottom:calc(100% + 1px);height:16px;border-inline-start:1px dashed rgba(201,152,91,.5)}
.cv-year{font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:.02em}
.cv-list b{font-size:.98rem}
.cv-place{font-size:.86rem;color:#5E6B68}
@media (max-width:960px){.cv-grid{grid-template-columns:1fr}}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.res-card{border:1px solid var(--line);background:rgba(36,42,61,.6);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.res-kind{font-size:.8rem;font-weight:600;color:var(--gold-lt)}
.res-card h3{font-size:1rem;line-height:1.6;color:#fff;text-align:left;font-weight:600}
.res-card p{font-size:.88rem;color:var(--muted-d);line-height:1.7}
@media (max-width:900px){.res-grid{grid-template-columns:1fr}}
.doc-gallery{grid-auto-columns:minmax(220px,260px)}
.doc-gallery figure{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#DDE9E5}
.doc-gallery img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
@media (max-width:560px){.doc-gallery{grid-auto-columns:70%}}
.about-stats b.stat-sm{font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.2;white-space:nowrap}

.scan-tag b.mic{background:linear-gradient(135deg,var(--gold-lt),var(--gold))}
.scan-tag b.mic svg{width:22px;height:22px;fill:none;stroke:var(--night);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* hero headline: clean Arabic display face + logo-style wordmark */
.vhero h1{font-family:"Alexandria","Readex Pro",sans-serif;font-weight:700;letter-spacing:0}
.vhero h1 .hi{font-weight:500}
.vhero h1 .brand-w{display:inline-block;font-family:"Montserrat","Readex Pro",sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.86em;background:linear-gradient(90deg,#fff 0%,var(--gold-lt) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;unicode-bidi:isolate;direction:ltr}
@media (max-width:560px){.vhero h1 .brand-w{display:block;margin-top:.15em}}
.vhero-rate{color:inherit;text-decoration:none;border-bottom:1px dashed rgba(238,214,144,.55);padding-bottom:1px}
.vhero-rate:hover{color:#fff}
/* before / after v2: full, uncropped photos */
.ba-rail{grid-auto-columns:minmax(300px,380px);align-items:start}
@media (max-width:560px){.ba-rail{grid-auto-columns:88%}}
.ba-card{background:#fff;border:1px solid var(--rule);border-radius:24px;padding:14px;gap:12px;box-shadow:0 18px 40px -28px rgba(27,31,46,.35)}
.ba-card figcaption{padding:2px 4px 0;gap:4px}
.ba-card figcaption b{font-size:1rem;line-height:1.5}
.ba-stack{border:0;padding:0;background:none;border-radius:0;gap:0;overflow:visible;cursor:zoom-in}
.ba-img{aspect-ratio:auto;border-radius:16px;background:#F1F5F4;display:flex;flex-direction:column;gap:8px;overflow:visible}
.ba-img img{width:100%;height:auto;object-fit:initial;border-radius:14px;image-rendering:auto}
.ba-img em{position:static;align-self:flex-start;margin:0}
.ba-img{background:none}
.ba-sep{display:flex;align-items:center;gap:10px;margin:10px 0}
.ba-sep::before,.ba-sep::after{content:"";flex:1;height:1px;background:var(--rule)}
.ba-sep i{width:28px;height:28px;border-radius:50%;background:var(--mint);display:grid;place-items:center}
.ba-sep i::before{content:"";width:8px;height:8px;border-right:2px solid var(--teal-d);border-bottom:2px solid var(--teal-d);transform:translateY(-2px) rotate(45deg)}
.ba-stack .st-count{position:static;display:inline-block;margin-top:10px;font-size:.8rem;color:var(--teal-d);font-weight:600;background:var(--mint);border-radius:999px;padding:4px 12px;align-self:flex-start}
.ba-img img{max-height:340px;object-fit:contain;background:#F1F5F4}
.fb-open{display:block;text-align:center;color:#EED690;font-size:.9rem;text-decoration:none;padding:4px}
/* gallery image (before & after already combined in one picture) */
.ba-one{padding:10px}
.ba-one .ba-stack img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:16px;background:#F1F5F4}
/* header: every link always visible — on phones as a swipeable strip under the logo */
.mstrip{display:none}
@media (max-width:980px){
  .mstrip{display:block;border-top:1px solid var(--line)}
  .mstrip-in{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mstrip-in::-webkit-scrollbar{display:none}
  .mstrip-in a{flex:none;text-decoration:none;color:#DDE3EE;font-size:.84rem;padding:6px 12px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;line-height:1.3}
  .mstrip-in a[aria-current="page"]{border-color:var(--gold);color:#fff}
  .nav .wrap{padding-block:9px}
}
@media (max-width:1240px) and (min-width:981px){.nav-links{gap:12px;font-size:.82rem}}
@media (max-width:980px){html{scroll-padding-top:118px}}
/* booking: the send button right under the details, not only in the summary */
.bk-send2{width:100%;margin-top:16px;justify-content:center;font-size:1rem;padding:14px 20px}
.bk-step.locked .bk-send2{display:none}
#bkWho .opt span{font-size:.82rem}
/* English version: no Arabic-only content (Arabic reviews, Arabic-only articles) */
:root[data-l="en"] .rv-ar,:root[data-l="en"] #blogteaser,:root[data-l="en"] .nav a[href*="blog"],:root[data-l="en"] .mstrip a[href*="blog"],:root[data-l="en"] .svc-article,:root[data-l="en"] .foot a[href*="blog"]{display:none!important}
/* hero: clinic line moved under the intro, right above the buttons */
.vhero h1 .thin{display:none}
.vhero-kicker{color:var(--gold-lt);font-weight:500;font-size:clamp(.9rem,1.6vw,1.05rem);letter-spacing:.02em;margin:0 0 -4px}