/* Arabic (RTL) layer */
html[dir=rtl]{overflow-x:clip}
:root{--ar-body:"IBM Plex Sans Arabic","Nunito Sans",system-ui,sans-serif;--ar-head:"Noto Kufi Arabic","Playfair Display",serif}
html[dir=rtl] body{font-family:var(--ar-body);line-height:1.85;overflow-x:clip}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] .alb span,html[dir=rtl] .marq .tk,html[dir=rtl] .ab-badge b,html[dir=rtl] .ker-col .badge b{font-family:var(--ar-head);letter-spacing:0;line-height:1.5}
html[dir=rtl] h1{font-size:clamp(1.9rem,4.2vw,3.3rem)}
html[dir=rtl] .kicker,html[dir=rtl] .tier .tag,html[dir=rtl] .btn{letter-spacing:0;text-transform:none}
html[dir=rtl] i,html[dir=rtl] em{font-style:normal}
/* keep numbers, phone numbers and emails left-to-right */
html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=email]{unicode-bidi:plaintext}
html[dir=rtl] input[type=tel],html[dir=rtl] input[type=email]{text-align:right}

/* header & menus */
html[dir=rtl] .nav .dd{left:auto;right:-1.2rem}
html[dir=rtl] .mega{left:auto!important;right:-14rem!important}
html[dir=rtl] .mnav .pn{right:auto;left:0;transform:translateX(-100%)}
html[dir=rtl] .mnav.on .pn{transform:none}
html[dir=rtl] .prog{left:auto;right:0;background:linear-gradient(270deg,var(--orange),#ff9a6b)}

/* hero */
html[dir=rtl] .hero::before{background:linear-gradient(270deg,rgba(22,22,24,.92) 0%,rgba(22,22,24,.72) 38%,rgba(22,22,24,.15) 75%),linear-gradient(0deg,rgba(22,22,24,.6),transparent 40%)}
html[dir=rtl] .pn2-hero::after{background:linear-gradient(270deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.75) 34%,rgba(255,255,255,0) 60%)}
html[dir=rtl] .dots{left:auto;right:max(4vw,calc((100vw - 1240px)/2))}
html[dir=rtl] .lotus-bg{right:auto;left:30%;transform:translate(-50%,-50%)}
html[dir=rtl] .hero h1 i{background-image:linear-gradient(270deg,#ff9a6b,#f14b0f,#ff9a6b)}

/* sections */
html[dir=rtl] .tr{border-right:0;border-left:1px solid var(--line)}
html[dir=rtl] .tr:last-child{border-left:0}
html[dir=rtl] .ab-badge{right:auto;left:-26px}
html[dir=rtl] .tier .tag{right:auto;left:1.3rem}
html[dir=rtl] .rv::before{right:auto;left:1.2rem}
html[dir=rtl] .jr .n::after{right:auto;left:-6px}
html[dir=rtl] .ker-col .badge{left:auto;right:-1.4rem}
html[dir=rtl] .lamp{right:auto;left:-30px}
html[dir=rtl] .tx::after{transform-origin:right}
html[dir=rtl] .gal-grid button::after{text-align:right}
html[dir=rtl] .ava .lg{right:auto;left:-3px}
html[dir=rtl] .faq-list summary{padding-right:1.2rem;padding-left:3rem}
html[dir=rtl] .faq-list summary::after{right:auto;left:1.2rem}
html[dir=rtl] .v .pl svg{margin-left:0;margin-right:4px;transform:scaleX(-1)}
/* marquees keep moving the same way */
html[dir=rtl] .gr-row,html[dir=rtl] .ins-row,html[dir=rtl] .marq{direction:ltr}
html[dir=rtl] .gr-tk>*,html[dir=rtl] .ins-tk>*,html[dir=rtl] .marq .tk>*{direction:rtl;text-align:right}

/* article & treatment content */
html[dir=rtl] .answer{border-left:0;border-right:4px solid var(--orange)}
html[dir=rtl] .prose blockquote{border-left:0;border-right:3px solid var(--orange)}
html[dir=rtl] .prose th,html[dir=rtl] .prose td{text-align:right}
html[dir=rtl] .prose ul,html[dir=rtl] .prose ol{padding-left:0;padding-right:1.4rem}
html[dir=rtl] .toc ol{margin-left:0;margin-right:1.1rem}
html[dir=rtl] .more,html[dir=rtl] .btn{direction:rtl}

/* floating buttons */
html[dir=rtl] .fab{right:auto;left:22px;justify-items:start}
html[dir=rtl] .fab a::after{right:auto;left:70px;transform:translateY(-50%) translateX(-6px)}
html[dir=rtl] .lb button{right:auto;left:24px}

@media (max-width:1100px){html[dir=rtl] .fab{right:auto;left:16px}}
@media (max-width:900px){
  html[dir=rtl] .tr{border-left:0!important}
  html[dir=rtl] .ab-badge{left:12px;right:auto}
  html[dir=rtl] .ker-col .badge{right:.6rem;left:auto}
}
@media (max-width:760px){
  html[dir=rtl] .hs{margin-right:0;margin-left:-4vw;padding:0 0 .4rem 4vw}
  html[dir=rtl] .tr{border-right:0!important;border-left:1px solid var(--line)!important}
  html[dir=rtl] .fd-chips{margin-right:0;margin-left:-4vw;padding:0 0 .3rem 4vw}
  html[dir=rtl] footer{text-align:right}
  html[dir=rtl] .fab{right:auto;left:14px}
  html[dir=rtl] .lotus-bg{left:50%}
}
html[dir=rtl] .tfacts .wrap>div{border-right:0;border-left:1px solid var(--line)}
html[dir=rtl] .tfacts .wrap>div:last-child{border-left:0}
html[dir=rtl] .thc .no{right:auto;left:1.2rem}
html[dir=rtl] .stp .im span{left:auto;right:12px}
html[dir=rtl] .cl-grid span{text-align:right}
html[dir=rtl] .t-band figcaption{justify-items:start}
@media (max-width:1020px){html[dir=rtl] .tfacts .wrap>div:nth-child(2){border-left:0}}
