/* Haus Techs — Arabic (RTL) overrides for /ar/ pages */
[dir=rtl]{--serif:'Noto Kufi Arabic','Tajawal',sans-serif;--sans:'Tajawal','Inter',system-ui,sans-serif}
[dir=rtl] body{font-family:var(--sans);font-size:17px;line-height:1.75}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] .serif{font-family:var(--serif);font-weight:600;letter-spacing:0;line-height:1.35}
[dir=rtl] h1{font-size:clamp(32px,4.6vw,66px)}
[dir=rtl] em,[dir=rtl] i{font-style:normal}
[dir=rtl] h1 em,[dir=rtl] h2 em,[dir=rtl] h3 em{color:var(--gold)}
[dir=rtl] .eyebrow,[dir=rtl] .label,[dir=rtl] .small,[dir=rtl] footer h4,[dir=rtl] footer .tag,[dir=rtl] .tile .cap span,[dir=rtl] .gal figcaption,[dir=rtl] .est label,[dir=rtl] .cmp th,[dir=rtl] .phero .cap{letter-spacing:0;text-transform:none}
[dir=rtl] .btn svg,[dir=rtl] .lnk svg{transform:scaleX(-1)}
[dir=rtl] .btn:hover svg{transform:scaleX(-1) translateX(4px)}
[dir=rtl] .lnk:hover svg{transform:scaleX(-1) translateX(5px)}
[dir=rtl] .spec td:first-child{padding-right:0;padding-left:20px}
[dir=rtl] .cmp th,[dir=rtl] .cmp td{text-align:right}
[dir=rtl] .faq summary::after{right:auto;left:6px}
[dir=rtl] .faq summary{padding-right:0;padding-left:48px}
[dir=rtl] .tile .go{right:auto;left:20px}
[dir=rtl] .menu>.it>a::after{transform-origin:left}
[dir=rtl] .menu>.it:hover>a::after{transform-origin:right}
[dir=rtl] .dd{left:auto;right:0}
[dir=rtl] .progress{left:auto;right:0;transform-origin:right}
[dir=rtl] .phero .cap{right:auto;left:24px}
[dir=rtl] .qm-x{right:auto;left:16px}
[dir=rtl] .proof div+div{padding-left:0;border-left:0;padding-right:34px;border-right:1px solid var(--line)}
[dir=rtl] .proof div:nth-child(3){border-right:0;padding-right:0}
[dir=rtl] .mosaic .m1{left:auto;right:0}
[dir=rtl] .mosaic .m2{right:auto;left:0}
[dir=rtl] .mosaic .m3{right:auto;left:8%}
[dir=rtl] .acc .v{left:auto;right:28px;writing-mode:horizontal-tb;transform:none;font-size:26px}
[dir=rtl] .hpan .lead-card{padding-right:0;padding-left:30px}
[dir=rtl] .pline::before{left:auto;right:0}
[dir=rtl] .cmpr,[dir=rtl] .rail,[dir=rtl] .marquee,[dir=rtl] .logos{direction:ltr}
[dir=rtl] .cmpr .tag{direction:rtl}
[dir=rtl] .form input[type=tel],[dir=rtl] .form input[type=email],[dir=rtl] a[href^="tel:"],[dir=rtl] .ltr{direction:ltr;unicode-bidi:embed}
[dir=rtl] .form input[type=tel],[dir=rtl] .form input[type=email]{text-align:right}
[dir=rtl] footer .big{letter-spacing:0}
[dir=rtl] input[name=website]{left:auto!important;right:-9999px!important}
html[dir=rtl],html[dir=rtl] body{overflow-x:clip}
[dir=rtl] .fab{right:auto;left:24px;align-items:flex-start}
@media(min-width:1101px){[dir=rtl] .hero .side .btns{padding-left:90px}}