/* language switch (all pages) */
.links a.lang-sw{font-weight:600;font-size:14px;border:1px solid #4a4a52;border-radius:999px;padding:5px 13px;color:#E8E8EC;line-height:1.3}
.links a.lang-sw:hover{border-color:var(--volt);color:var(--volt)}
@media (max-width:900px){.links a.lang-sw{border:0;border-bottom:1px solid #2C2C31;border-radius:0;padding:13px 0;font-size:18px;color:#B4B4BC}}
/* Arabic / right-to-left */
html[dir=rtl]{--font:"Poppins","Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic","Geeza Pro",system-ui,sans-serif;--brand:var(--font)}
html[dir=rtl] body{line-height:1.75}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] .title,html[dir=rtl] .tagline,html[dir=rtl] .dash-top b,html[dir=rtl] .tier b,html[dir=rtl] .final h2,html[dir=rtl] .way em,html[dir=rtl] .num,html[dir=rtl] .step .n,html[dir=rtl] .twocol .k,html[dir=rtl] .tc b,html[dir=rtl] .steps-calm .n,html[dir=rtl] .final-calm h2,html[dir=rtl] .stat b,html[dir=rtl] .sound em{font-style:normal;font-weight:700}
html[dir=rtl] .title,html[dir=rtl] .final h2,html[dir=rtl] .final-calm h2{line-height:1.25}
html[dir=rtl] .logo,html[dir=rtl] .word,html[dir=rtl] .word-wrap{direction:ltr}
html[dir=rtl] .logo .en,html[dir=rtl] .word{font-family:"Creato",sans-serif;font-style:italic;font-weight:900}
html[dir=rtl] .logo .en{letter-spacing:-.01em!important}
html[dir=rtl] .word{letter-spacing:-.035em!important}
html[dir=rtl] .links{direction:rtl}
html[dir=rtl] .links a{font-size:16px}
html[dir=rtl] .fitrow span{text-align:left}
html[dir=rtl] .rules div{border-left:0;padding-left:0;border-right:4px solid var(--volt);padding-right:14px}
html[dir=rtl] th,html[dir=rtl] td{text-align:right}
html[dir=rtl] .toc ol{border-left:0;border-right:2px solid var(--line)}
html[dir=rtl] .toc li a{padding:6px 14px 6px 0;margin-left:0;margin-right:-2px;border-left:0;border-right:2px solid transparent}
html[dir=rtl] .toc li a:hover{border-right-color:var(--volt)}
html[dir=rtl] .psec ul{padding-left:0;padding-right:22px}
html[dir=rtl] .toc ol{columns:2;border-right:0}
html[dir=rtl] .toc li a{border-right:0;padding:5px 0;margin:0}
html[dir=rtl] .statement{border-left:0;border-right:4px solid var(--volt);padding:6px 20px 6px 0}
html[dir=rtl] .fit-row .via a{margin-right:0;margin-left:16px}
html[dir=rtl] .price-note{border-left:0;border-right:4px solid var(--volt);border-radius:14px 0 0 14px}
html[dir=rtl] .pair img+img{margin-left:0;margin-right:-18px}
html[dir=rtl] .fig-row img+img{margin-left:0;margin-right:-16px}
html[dir=rtl] .cs-x{right:auto;left:14px}
html[dir=rtl] .backbot .bubble{right:auto;left:100%}
html[dir=rtl] .hero-bot .bubble{right:auto;left:4%}
html[dir=rtl] .twocol:hover small,html[dir=rtl] .owner:hover i{transform:translateX(-5px)}
html[dir=rtl] .arrow,html[dir=rtl] .go-arrow{display:inline-block;transform:scaleX(-1)}
html[dir=rtl] .faq-item summary::after{margin-inline-start:auto}
html[dir=rtl] input,html[dir=rtl] textarea{text-align:right}
html[dir=rtl] .skip{left:auto;right:-999px}
html[dir=rtl] .skip:focus{left:auto;right:12px}
html[dir=rtl] .tagline{direction:ltr;text-align:left;font-family:"Creato",sans-serif;font-style:italic;font-weight:500;font-size:clamp(22px,2.6vw,32px)}
/* Arabic display fonts */
@font-face{font-family:"Narm";src:url(/assets/fonts/ar-narm.673203da.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Lalezar";src:url(/assets/fonts/ar-lalezar.6f493428.woff2) format("woff2");font-display:swap}
html[dir=rtl] .title,html[dir=rtl] .final h2,html[dir=rtl] .final-calm h2{font-family:"Narm","Lalezar",var(--font);font-weight:400}
html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .tier b,html[dir=rtl] .stat b,html[dir=rtl] .tc b,html[dir=rtl] .twocol .k,html[dir=rtl] .num,html[dir=rtl] .step .n,html[dir=rtl] .steps-calm .n,html[dir=rtl] .dash-top b{font-family:"Lalezar",var(--font);font-weight:400}
html[dir=rtl] .final h2,html[dir=rtl] .final-calm h2{font-family:"Narm","Lalezar",var(--font)}
html[dir=rtl] .btn{font-family:"Lalezar",var(--font);font-weight:400;font-size:1.08em}
html[dir=rtl] .word{margin-right:.09em}