/* Preserve the approved identity; extend only the two homepage previews. */
.bilingual-preview .topbar{padding-block:var(--s1)}
.bilingual-preview .topbar .container{gap:var(--s4)}
.bilingual-preview .topbar-right{display:flex;align-items:center;gap:var(--s6);flex-shrink:0}
.bilingual-preview .location-text{min-width:0;font-size:var(--text-xs)}
.bilingual-preview .language-switch{display:flex;align-items:center;gap:var(--s1);direction:ltr}
.bilingual-preview .language-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:66px;padding-inline:var(--s3);font-size:var(--text-xs);border-radius:4px;color:var(--white);border:1px solid transparent}
.bilingual-preview .language-switch a[aria-current=page]{background:var(--gold-light);color:var(--navy)}
.bilingual-preview .language-switch a:hover{border-color:var(--gold-light)}
.bilingual-preview .language-switch a:active{background:var(--gold);color:var(--white)}
.bilingual-preview .language-switch [lang=ar]{font-family:OrionArabicControl,OrionArabic,Satoshi,sans-serif;font-weight:500}
.bilingual-preview .site-header .nav-cta{min-height:44px}
@font-face{font-family:OrionArabicControl;src:url('assets/fonts/ibm-plex-arabic-switcher.woff2') format('woff2');font-weight:500;font-display:swap}
.language-preview-note{font-size:var(--text-xs);text-align:center;max-width:none;padding:var(--s2) var(--s5);background:var(--ivory);border-bottom:1px solid var(--line);color:var(--muted);margin:0}
@font-face{font-family:OrionArabic;src:url('assets/fonts/ibm-plex-arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:OrionArabic;src:url('assets/fonts/ibm-plex-arabic-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:OrionArabic;src:url('assets/fonts/ibm-plex-arabic-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:OrionArabic;src:url('assets/fonts/ibm-plex-arabic-700.woff2') format('woff2');font-weight:700;font-display:swap}
html[lang=ar]{--font-body:OrionArabic,Satoshi,sans-serif;--font-display:OrionArabic,Satoshi,sans-serif;--text-ar-hero:clamp(2.5rem,4.4vw,4.4rem)}
html[lang=ar] body{line-height:1.85}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.45}
html[lang=ar] .eyebrow,html[lang=ar] .small-caps,html[lang=ar] #call-dialog label{letter-spacing:0;line-height:1.8}
html[lang=ar] .home-hero h1.seo-heading{font-size:var(--text-ar-hero);line-height:1.35;letter-spacing:0}
html[lang=ar] .hero-copy .intro{line-height:1.95;max-width:48ch}
html[lang=ar] .inner-hero-grid h1{font-size:clamp(2.25rem,3.4vw,3.2rem);line-height:1.45;letter-spacing:0}
html[lang=ar] .inner-hero-grid .intro{line-height:1.95}
html[lang=ar] .inner-hero figure figcaption{letter-spacing:0;font-size:var(--text-xs);line-height:1.8}
html[lang=ar] .faqs summary>.faq-question{font:inherit;color:inherit;line-height:inherit;transition:none;transform:none;flex:1;min-width:0}
html[lang=ar] .contact-hero h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.4}
html[lang=ar] .enquiry-fields{border:0;padding:0;margin:0;min-inline-size:0}
html[lang=ar] #name,html[lang=ar] #message{text-align:start}
html[lang=ar] #phone,html[lang=ar] #email,html[lang=ar] #whatsapp-fallback{direction:ltr;text-align:left}
html[lang=ar] #enquiry-preview{font-family:var(--font-body);line-height:1.9;unicode-bidi:plaintext;text-align:start;white-space:pre-wrap;overflow-wrap:anywhere}
html[lang=ar] #enquiry-result{scroll-margin-top:120px}
html[lang=ar] #draft-title:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
html[lang=ar] #whatsapp-fallback{font-family:Satoshi,sans-serif}
html[lang=ar] .office-card h3{line-height:1.65}
html[lang=ar] .results-count{display:flex;gap:var(--s2)}
html[lang=ar] #photo-dialog .photo-prev{left:auto;right:var(--s2)}
html[lang=ar] #photo-dialog .photo-next{right:auto;left:var(--s2)}
html[lang=ar] #photo-dialog .dialog-close{right:auto;left:var(--s2)}
html[lang=ar] .gallery-item{text-align:start}
html[lang=ar] #dialog-caption{line-height:1.8}
html[lang=ar] .nav-bar{gap:var(--s6)}
html[lang=ar] #site-nav{margin-left:0;margin-right:auto}
html[lang=ar] .dropdown-panel{left:auto;right:calc(-1 * var(--s6))}
html[lang=ar] .nav-cta{margin-left:0;margin-right:var(--s3)}
html[lang=ar] .hero-note{border-left:0;border-right:2px solid var(--gold-light);padding-left:0;padding-right:var(--s4)}
html[lang=ar] .service-feature>div{left:var(--s8);right:var(--s8)}
html[lang=ar] .guide-links>a>svg{right:auto;left:var(--s6)}
html[lang=ar] .guide-links h3{padding-right:0;padding-left:var(--s8)}
html[lang=ar] .rtl-arrow{transform:scaleX(-1)}
html[lang=ar] .journey-tabs button[aria-selected=true] .rtl-arrow{transform:scaleX(-1) translateX(4px)}
html[lang=ar] .text-link:hover .rtl-arrow,html[lang=ar] .button:hover .rtl-arrow{transform:scaleX(-1) translateX(3px)}
html[lang=ar] .text-link::after{left:auto;right:0;transform-origin:right}
html[lang=ar] .contact-dock{right:auto;left:var(--s6)}
html[lang=ar] #call-dialog .call-panel-close{right:auto;left:var(--s3)}
html[lang=ar] #call-dialog h2{padding-right:0;padding-left:var(--s6)}
html[lang=ar] #call-preview-help{border-left:0;padding:var(--s4);border:1px solid var(--line)}
html[lang=ar] #call-number{font-family:Satoshi,OrionArabic,sans-serif;text-align:left;letter-spacing:0}
html[lang=ar] bdi{font-family:Satoshi,OrionArabic,sans-serif}
html[lang=ar] .language-switch [lang=en]{font-family:Satoshi,sans-serif}
html[lang=ar] .price{display:flex;gap:var(--s2);align-items:baseline;flex-wrap:wrap}
html[lang=ar] .service-feature h3{line-height:1.4}
@media(min-width:901px){html[lang=ar] .fact-strip .container{padding-right:0;padding-left:20rem}}
@media(max-width:1120px){html[lang=ar] .site-header nav{gap:var(--s4)}html[lang=ar] .logo{width:145px}html[lang=ar] .nav-bar{gap:var(--s4)}}
@media(max-width:900px){html[lang=ar] #site-nav{margin:0}html[lang=ar] .nav-cta{margin-left:0;margin-right:auto}html[lang=ar] .dropdown-panel{right:auto;left:auto}html[lang=ar] .hero-copy .actions{align-items:flex-start}}
@media(max-width:640px){
  .bilingual-preview .topbar .container{gap:var(--s2)}
  .bilingual-preview .topbar-right{gap:0}
  .bilingual-preview .topbar-right>a{display:none}
  .bilingual-preview .language-switch a{min-width:60px;padding-inline:var(--s2)}
  .bilingual-preview .location-text{line-height:1.6}
  html[lang=ar]{--text-ar-hero:clamp(2.25rem,10.5vw,2.8rem)}
  html[lang=ar] .hero-copy .intro{font-size:var(--text-base);line-height:1.9}
  html[lang=ar] .hero-copy .actions{gap:var(--s4)}
  html[lang=ar] .hero-copy .actions .text-link{font-size:var(--text-sm)}
  html[lang=ar] .hero-copy .actions .button{padding-inline:var(--s4)}
  html[lang=ar] .service-feature>div{left:var(--s6);right:var(--s6)}
  html[lang=ar] .guide-links>a>svg{left:var(--s4)}
  html[lang=ar] .contact-dock{right:var(--s4);left:var(--s4)}
  html[lang=ar] .footer-brand{grid-template-columns:1fr;gap:var(--s4)}
  html[lang=ar] .footer-brand p{font-size:var(--text-sm)}
  html[lang=ar] .closing h2{font-size:var(--text-xl)}
}
@media(max-width:360px){
  .bilingual-preview .site-header .nav-bar .logo{width:116px}
  .bilingual-preview .site-header .nav-bar{gap:var(--s2)}
  .bilingual-preview .site-header .nav-call{padding-inline:var(--s2)}
}