/* Keep the approved visual system; adapt reading order and Arabic typography. */
@font-face{font-family:WBArabic;src:url('/assets/fonts/noto-sans-arabic-site.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
html[lang=ar]{direction:rtl;--body:WBArabic,Arial,sans-serif;--display:WBArabic,Arial,sans-serif}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:var(--body)}
html[lang=ar] *{letter-spacing:normal!important}
html[lang=ar] :is(h1,h2,h3,h4){line-height:1.4;text-wrap:pretty;word-break:normal;overflow-wrap:normal}
html[lang=ar] :is(p,li,dd,figcaption){line-height:1.8}
html[lang=ar] :is(p,h1,h2,h3,h4,dd,dt,th,td){text-align:start}
html[lang=ar] :is(input[type=email],input[type=tel],input[type=url],input[type=number],input[type=date]){direction:ltr;text-align:left;unicode-bidi:isolate}
html[lang=ar] :is(.wordmark,.header-wordmark,.footer-wordmark,.hero-index,.gallery-counter,.hero-specs dd,.story-metrics dd){direction:ltr;unicode-bidi:isolate}
html[lang=ar] .hero :is(h1,h2){font-size:clamp(42px,5.1vw,82px);line-height:1.35}
html[lang=ar] .hero-slide{width:min(780px,60vw)}
html[lang=ar] .hero-copy{max-width:650px;line-height:1.9}
html[lang=ar] .hero-shade{background:linear-gradient(270deg,rgba(13,17,15,.82),rgba(13,17,15,.48) 48%,rgba(13,17,15,.15))}
html[lang=ar] .hero-kicker::before{margin-right:0;margin-left:10px}
html[lang=ar] .hero-controls{direction:ltr}
html[lang=ar] :is(.robot-rail,.related-rail){direction:ltr}
html[lang=ar] :is(.robot-card,.related-card){direction:rtl}
html[lang=ar] .site-nav{gap:clamp(12px,1.6vw,26px)}
html[lang=ar] .home-header-tools{min-width:0}
html[lang=ar] .project-location-trigger{max-width:190px}
html[lang=ar] :is(.site-nav a,.header-cta,.project-location-trigger,.site-language-trigger){line-height:1.5}
html[lang=ar] .product-summary h1{font-family:Arial,var(--body);direction:ltr;text-align:right;line-height:1.15;unicode-bidi:isolate}
html[lang=ar] .product-profile-inner{gap:clamp(28px,5vw,70px)}
html[lang=ar] .product-profile h2{font-size:clamp(30px,3.3vw,48px)}
html[lang=ar] .purchase-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
html[lang=ar] .purchase-modes .raas-mode{margin:0}
html[lang=ar] .purchase-modes span{line-height:1.55;min-height:48px}
html[lang=ar] .product-nav>div{gap:22px}
html[lang=ar] .product-nav a{font-size:13px}
html[lang=ar] .gallery-caption{left:auto;right:18px}
html[lang=ar] .gallery-counter{right:auto;left:18px}
html[lang=ar] .gallery-zoom{right:auto;left:18px}
html[lang=ar] .project-form-status{border-left:0;border-right:3px solid var(--blue)}
html[lang=ar] :is(.section-number,.story-label,.eyebrow,.feature-role){line-height:1.6}
html[lang=ar] :is(.quiz-copy h2,.section-head h2,.robots-intro h2){font-size:clamp(32px,4vw,60px);line-height:1.4}
html[lang=ar] :is(.solution-hero h1,.industry-hero h1,.project-hero h1,.category-hero h1){font-size:clamp(38px,5vw,76px);line-height:1.4}
html[lang=ar] :is(.project-dialog-intro h2,.robot-quiz-dialog h2){font-size:clamp(30px,4vw,46px);line-height:1.4}
html[lang=ar] :is(.robot-quiz-choice label,.filter-option,.project-field>span){line-height:1.65}
html[lang=ar] .site-footer :is(h2,h3,p){text-align:start}
/* Keep both directional labels readable, including disabled end-of-list controls. */
@media(max-width:700px){html[lang=ar] .catalog-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[lang=ar] .pagination-direction{width:100%;max-width:100%;padding-inline:12px;overflow:visible;gap:6px}html[lang=ar] .pagination-direction .pagination-label{display:inline}html[lang=ar] .pagination-pages{grid-column:1/-1;grid-row:2}html[lang=ar] .catalog-pagination>.pagination-direction:last-child{grid-column:2;grid-row:1}}
@media(max-width:1100px){html[lang=ar] .hero-slide{width:min(700px,85vw)}html[lang=ar] .product-nav{padding-inline:24px}html[lang=ar] .product-nav>div{gap:16px}}
@media(max-width:700px){html[lang=ar] .hero-slide{width:100%}html[lang=ar] .hero :is(h1,h2){font-size:clamp(36px,9vw,54px)}html[lang=ar] .hero-copy{font-size:16px}html[lang=ar] .product-summary h1{font-size:clamp(30px,8vw,42px)}html[lang=ar] .product-nav{padding-inline:18px}html[lang=ar] .product-profile-inner{grid-template-columns:minmax(0,1fr)}html[lang=ar] .project-location-trigger{max-width:160px}}