/* Option G — Arabic (RTL). Most layout already uses logical properties; this file handles type and direction-specific motion. */
[dir=rtl]{--fh:Cairo,system-ui,sans-serif;--fb:Cairo,system-ui,sans-serif}
[dir=rtl] body{font-size:16.5px;line-height:1.9}
[dir=rtl] .g-label,[dir=rtl] .g-hero-lbl{letter-spacing:0;text-transform:none}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.45}
[dir=rtl] .g-hero h1{line-height:1.35}
[dir=rtl] .g-hero::after{background:linear-gradient(270deg,rgba(25,24,25,.92) 0%,rgba(25,24,25,.75) 45%,rgba(25,24,25,.25) 100%)}
[dir=rtl] .ar{transform:scaleX(-1)}
[dir=rtl] .g-btn:hover .ar{transform:scaleX(-1) translateX(4px)}
[dir=rtl] .g-btn::before{transform-origin:left}
[dir=rtl] .g-btn:hover::before{transform-origin:right}
[dir=rtl] .g-lc-w:not([lang]){font-family:Montserrat,system-ui,sans-serif}
[dir=rtl] .lang-sw[lang=en]{font-family:Montserrat,system-ui,sans-serif}
[dir=rtl] .ft-news input{padding-inline:20px 64px}
[dir=rtl] .mq-t{animation-name:mq-r;padding:0 0 0 24px}
@keyframes mq-r{to{transform:translateX(100%)}}
[dir=rtl] .mq{flex-direction:row}
[dir=rtl] a[href^="tel:"],[dir=rtl] a[href^="mailto:"],[dir=rtl] a[href*="wa.me"]:not(.wa):not(.ft-soc a){direction:ltr;unicode-bidi:isolate}
[dir=rtl] .g-side-c>a[href^="tel"],[dir=rtl] .g-float a{display:inline-block}
[dir=rtl] input[type=email],[dir=rtl] input[type=tel]{direction:ltr;text-align:right}
[dir=rtl] .g-cnt-n{direction:ltr;unicode-bidi:isolate;text-align:right}
[dir=rtl] .pm::before,[dir=rtl] .pm::after{left:50%}
