:root{
  --ar-serif:"Noto Kufi Arabic","Cormorant Garamond",serif;
  --ar-sans:"Noto Naskh Arabic","Jost",sans-serif;
}

/* Cormorant and Jost carry no Arabic glyphs, so every component bound to
   --serif / --sans would fall back to whatever the OS picks. Rebinding the
   variables themselves fixes all 17 of those rules at once. */
[dir="rtl"]{
  --serif:"Noto Kufi Arabic","Cormorant Garamond",serif;
  --sans:"Noto Naskh Arabic","Jost",sans-serif;
}

[dir="rtl"] body{font-family:var(--ar-sans);letter-spacing:0;line-height:1.95}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,
[dir="rtl"] .brand-txt strong,[dir="rtl"] .sec-head h2,
[dir="rtl"] .jstep .num,[dir="rtl"] .pull,[dir="rtl"] .counter b,
[dir="rtl"] .chip b,[dir="rtl"] .hero-badge b,[dir="rtl"] .qcard b,
[dir="rtl"] .statcard b,[dir="rtl"] .calc-out b,[dir="rtl"] .chat-head b,
[dir="rtl"] .acc-q,[dir="rtl"] .err .code,[dir="rtl"] .byline b{
  letter-spacing:0;line-height:1.5;font-weight:600;
}
/* nothing in Arabic should keep Latin tracking or forced caps */
[dir="rtl"] *{letter-spacing:0}
[dir="rtl"] .rev .qm,[dir="rtl"] .rev .av{font-family:var(--ar-serif)}
/* Arabic has no case, so every uppercase + tracking rule has to be undone */
[dir="rtl"] .eyebrow,[dir="rtl"] .menu>li>a,[dir="rtl"] .btn,[dir="rtl"] .pill,
[dir="rtl"] .post-cat,[dir="rtl"] .tag,[dir="rtl"] .f-brand .brand-txt span,
[dir="rtl"] .brand-txt span,[dir="rtl"] .crumb,[dir="rtl"] .drawer>ul>li>a,
[dir="rtl"] .drawer .acc-btn,[dir="rtl"] .f-bar,[dir="rtl"] .lbl,
[dir="rtl"] .counter span,[dir="rtl"] label,
[dir="rtl"] .fh,[dir="rtl"] .f-contact .it em,[dir="rtl"] .ba .lbl{
  text-transform:none;letter-spacing:0;
}
[dir="rtl"] .eyebrow{font-family:var(--ar-sans);font-weight:600}
[dir="rtl"] .menu>li>a{font-size:.82rem;font-weight:500}
[dir="rtl"] .btn{font-size:.82rem;font-weight:500}
[dir="rtl"] .hero h1{line-height:1.45}
[dir="rtl"] .brand-txt span{font-size:.68rem}

/* Latin-only content inside Arabic pages: numbers, emails, times */
[dir="rtl"] [dir="ltr"]{display:inline-block;unicode-bidi:embed}
[dir="rtl"] input,[dir="rtl"] select,[dir="rtl"] textarea{text-align:right;font-family:var(--ar-sans)}
[dir="rtl"] input[type="tel"],[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="date"],[dir="rtl"] input[type="number"]{direction:ltr;text-align:right}

/* ---------- mirrored layout ---------- */
[dir="rtl"] .sec-head.left{text-align:right}
[dir="rtl"] .drop a:hover{padding-left:14px;padding-right:20px}
[dir="rtl"] .drawer{inset:0 auto 0 0;transform:translateX(-100%)}
[dir="rtl"] .drawer.open{transform:translateX(0)}
[dir="rtl"] .hero::before{right:auto;left:-160px}
[dir="rtl"] .bloom{right:auto;left:22px}
[dir="rtl"] .qcard{border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .qcard:last-child{border-left:0}
[dir="rtl"] .why{border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .whystrip .why:last-child{border-left:0}
[dir="rtl"] .card:hover .more svg{transform:translateX(-5px) scaleX(-1)}
[dir="rtl"] .more svg{transform:scaleX(-1)}
[dir="rtl"] .tl{padding-left:0;padding-right:32px}
[dir="rtl"] .tl::before{left:auto;right:7px}
[dir="rtl"] .tl-item::before{left:auto;right:-32px}
[dir="rtl"] .jstep .num{right:auto;left:20px}
[dir="rtl"] .post-cat{left:auto;right:16px}
[dir="rtl"] .article ul,[dir="rtl"] .article ol{padding-left:0;padding-right:22px}
[dir="rtl"] .pull{border-left:0;border-right:3px solid var(--gold);border-radius:var(--r) 0 0 var(--r)}
[dir="rtl"] .acc-q{text-align:right}
[dir="rtl"] .banner::after{right:auto;left:-120px}
[dir="rtl"] .cta-band::before{left:auto;right:-80px}
[dir="rtl"] .lb-close{right:auto;left:24px}
[dir="rtl"] .ba div:first-child{border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .ba .lbl{left:auto;right:12px}
[dir="rtl"] .f-list a:hover{transform:translateX(-4px)}
[dir="rtl"] .floats{right:auto;left:20px;justify-items:start}
[dir="rtl"] .chatbox{right:auto;left:20px}
[dir="rtl"] .skip{left:auto;right:-999px}
[dir="rtl"] .skip:focus{right:10px}
[dir="rtl"] .f-contact .it em{margin-left:0;margin-right:6px}

/* ---------- language switch pill ---------- */
.tb-right .lang-sw,.lang-sw{
  display:inline-flex;align-items:center;gap:7px;height:26px;width:auto;padding:0 13px;
  border-radius:999px;background:transparent;border:1px solid rgba(201,168,76,.55);
  color:var(--gold-lt,#EDD98A);font-size:.72rem;letter-spacing:.05em;white-space:nowrap;
  transition:background .25s,border-color .25s,color .25s;
}
.tb-right .lang-sw:hover{background:rgba(201,168,76,.16);border-color:var(--gold,#C0A15C);color:#fff;transform:none}
.tb-right .lang-sw svg{width:13px;height:13px;color:currentColor;flex:none}
.lang-sw span{line-height:1}
[dir="rtl"] .lang-sw{letter-spacing:.04em}
.lang-drawer{justify-content:center}

@media(max-width:1180px){
  [dir="rtl"] .ba div:first-child{border-left:0;border-bottom:1px solid var(--line)}
  [dir="rtl"] .qcard,[dir="rtl"] .why{border-left:0}
}
@media(max-width:820px){
  [dir="rtl"] body{line-height:1.9}
  [dir="rtl"] .hero h1{font-size:2.05rem}
}

/* -------------------------------------------------------------------------
   Arabic needs its own nav breakpoints. The labels are longer than the
   English ones ("التجميل النسائي" vs "Cosmetic"), so the full menu stops
   fitting well before the LTR breakpoint and the Book button gets pushed
   outside the shell.
   ------------------------------------------------------------------------- */
@media(min-width:1281px){
  [dir="rtl"] .nav .shell{gap:10px}
  [dir="rtl"] .menu>li>a{padding:10px 8px;font-size:.77rem}
  [dir="rtl"] .menu>li.active>a::after{left:8px;right:8px}
  [dir="rtl"] .brand-txt strong{font-size:1.08rem}
  [dir="rtl"] .brand-txt span{font-size:.6rem}
  [dir="rtl"] .brand-mark{width:38px;height:47px}
  [dir="rtl"] .nav-book{padding:11px 14px;font-size:.72rem}
  [dir="rtl"] .nav-book .lbl-full{display:none}
  [dir="rtl"] .nav-book .lbl-short{display:inline}
}
@media(max-width:1280px){
  [dir="rtl"] .menu{display:none}
  [dir="rtl"] .burger{display:flex;align-items:center;justify-content:center}
  [dir="rtl"] .nav-book{padding:11px 16px;font-size:.72rem}
  [dir="rtl"] .nav-book .lbl-full{display:none}
  [dir="rtl"] .nav-book .lbl-short{display:inline}
}
@media(max-width:1460px){
  [dir="rtl"] .topbar .tb-addr{display:none}
}
@media(max-width:1040px){
  [dir="rtl"] .topbar .tb-item:nth-child(3){display:none}
}
@media(max-width:820px){
  [dir="rtl"] .topbar .shell{flex-direction:column;gap:8px;text-align:center}
  [dir="rtl"] .tb-list{justify-content:center}
  [dir="rtl"] .topbar .tb-addr,[dir="rtl"] .topbar .tb-item:nth-child(3){display:flex}
}
@media(max-width:430px){
  [dir="rtl"] .nav-book .lbl-short{display:none}
}