/* Sarah identity: an explicitly versioned face avoids stale font definitions. */
@font-face{font-family:SarahKufi;src:url('../assets/fonts/noto-kufi-arabic.ttf?v=9') format('truetype');font-weight:100 900;font-display:swap}
html[lang=ar]{--font-body:SarahKufi,Tahoma,sans-serif;--font-headings:SarahKufi,Tahoma,sans-serif}
html[lang=ar] body:not(.admin-body),html[lang=ar] body:not(.admin-body) :is(h1,h2,h3,h4,p,a,button,input,select,textarea,address){font-family:SarahKufi,Tahoma,sans-serif!important}
html[lang=ar] body:not(.admin-body){font-size:14px;line-height:2.1}
html[lang=ar] .hero h1{font-weight:750!important;letter-spacing:-1px!important;font-size:clamp(30px,3.2vw,48px)!important}
.header-inner{gap:16px!important}.header-inner .nav{gap:16px!important;margin-inline-start:auto;font-size:12px!important}.header-inner .language-row{margin-inline-start:0!important}.header-inner .language-option{padding:5px 7px;font-size:10px!important}.header-social{flex-wrap:nowrap!important;gap:6px!important;border-inline-start:1px solid #dce4db;padding-inline-start:12px}.header-social a{display:grid!important;place-items:center;width:36px;height:36px;min-height:36px;background:#edf4ed;color:#075044;border:1px solid #dbe6dc;border-radius:50%;transition:transform .2s,background .2s,color .2s!important}.header-social a:hover{background:#d9eadb;transform:translateY(-3px)}.header-social .top-whatsapp span{display:none}.header-social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.header-social .social-icon-fill{fill:currentColor;stroke:none}.header-social .social-icon-dot{fill:currentColor;stroke:none}.header-social .top-whatsapp svg{stroke-linecap:round;stroke-linejoin:round}.header-social .top-instagram:hover{color:#a33291}.header-social .top-facebook:hover{color:#1877f2}.header-social .top-linkedin:hover{color:#0a66c2}.topline .social-topline{min-height:22px!important;justify-content:center!important}.topline{padding:5px 12px!important}.brand img{max-width:190px}.header-inner>.btn{display:none!important}
.supply-flow{background:linear-gradient(135deg,#edf1e5,#faf8ef);position:relative;overflow:hidden}.supply-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.supply-steps:before{content:'';position:absolute;top:71px;inset-inline:5%;height:2px;background:linear-gradient(90deg,#c5aa70,#b6cdbc,#c5aa70)}.supply-step{position:relative;background:#fffdf7;border:1px solid #dfe5d8;border-radius:22px;padding:34px 25px 28px;box-shadow:0 12px 28px #193c2910;transition:transform .35s,box-shadow .35s!important}.supply-step:hover{transform:translateY(-8px)!important;box-shadow:0 22px 40px #193c2920}.step-number{position:absolute;inset-inline-end:20px;top:12px;color:#bc944d;font:600 30px Sora,sans-serif;opacity:.55}.supply-step svg{width:65px;height:65px;padding:12px;background:#064c40;border-radius:18px;stroke:#e2bf78;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:23px}.supply-step h3{font-size:18px!important;margin:0 0 10px}.supply-step p{font-size:12px;line-height:2;color:#526b5d;margin:0}
.motion-enabled .supply-step svg{animation:icon-breathe 4s ease-in-out infinite!important}.motion-enabled .supply-step:nth-child(2) svg{animation-delay:.5s!important}.motion-enabled .supply-step:nth-child(3) svg{animation-delay:1s!important}.motion-enabled .supply-step:nth-child(4) svg{animation-delay:1.5s!important}@keyframes icon-breathe{50%{box-shadow:0 0 0 8px #bc944d15;transform:translateY(-4px)}}
.location-section{background:radial-gradient(ellipse at 72% 20%,#176656,#043c34 70%);border:1px solid #577c6030;box-shadow:0 35px 70px #093e3620}.location-copy{padding:55px 42px!important}.location-stage{min-height:520px!important;perspective:1100px;overflow:hidden}.location-badge{bottom:28px!important;z-index:4;width:290px!important;background:#082f2bd9!important;backdrop-filter:blur(16px);border-color:#cbb17155!important}.location-badge strong{font-size:16px!important}.city-caption{position:absolute;top:26px;left:0;right:0;text-align:center;color:#a2bdb0;font-size:10px;letter-spacing:.4px}.city-scene{position:absolute;inset:0;transform:rotateX(var(--look-x,0deg)) rotateY(var(--look-y,0deg));transition:transform .6s ease-out!important;transform-style:preserve-3d}.city-ground{position:absolute;left:50%;top:46%;width:340px;height:320px;background:repeating-linear-gradient(0deg,transparent 0 39px,#92baa71a 39px 40px),repeating-linear-gradient(90deg,#1d5a4c 0 39px,#92baa71a 39px 40px);border:1px solid #b9c29b;transform:translate(-50%,-50%) rotateX(55deg) rotateZ(-35deg);transform-style:preserve-3d;box-shadow:0 3px #879b79,0 7px #526e54,0 11px #314f40,0 20px 35px #001d1ba0;border-radius:16px}.city-road{position:absolute;background:#bcc7b0;border-inline:3px solid #e4d3a1}.road-main{left:155px;top:0;width:44px;height:100%;}.road-cross{left:0;top:200px;width:100%;height:38px;border-inline:0;border-block:3px solid #e4d3a1}.city-route{position:absolute;left:177px;top:218px;width:115px;height:3px;background:#e0b762;transform:translateZ(3px);box-shadow:0 0 10px #ebc774}.city-route:after{content:'';position:absolute;width:10px;height:10px;background:#fff2c7;border-radius:50%;top:-4px;left:0;box-shadow:0 0 14px #ffe9a5}.motion-enabled .city-route:after{animation:route-travel 3.5s ease-in-out infinite!important}@keyframes route-travel{0%,100%{left:0;opacity:.4}60%{left:105px;opacity:1}}
.city-building,.city-tower{--height:35px;position:absolute;width:48px;height:48px;transform-style:preserve-3d}.city-building b,.city-tower b{position:absolute;inset:0;transform:translateZ(var(--height));background:#b0bba0;border:1px solid #d9d3af}.city-building i,.city-tower i{position:absolute;left:0;top:100%;width:100%;height:var(--height);transform-origin:top;transform:rotateX(-90deg);background:repeating-linear-gradient(90deg,#426b59 0 7px,#91a78c 7px 9px);margin-top:calc(-1 * var(--height));translate:0 var(--height);}.city-building em,.city-tower em{position:absolute;left:100%;top:0;height:100%;width:var(--height);transform-origin:left;transform:rotateY(90deg);background:repeating-linear-gradient(0deg,#6b8469 0 8px,#a4b494 8px 10px)}
.building-1{left:25px;top:28px;--height:32px}.building-2{left:90px;top:45px;--height:50px}.building-3{left:30px;top:125px;--height:28px}.building-4{left:93px;top:130px;--height:40px}.building-5{left:222px;top:32px;--height:42px}.building-6{left:27px;top:262px;--height:22px}.building-7{left:245px;top:263px;--height:25px}.city-tower{left:230px;top:122px;--height:100px;width:63px;height:62px}.city-tower b{background:#dec28c;border:2px solid #f5dfac;box-shadow:0 0 20px #dbb76b44}.city-tower i{background:repeating-linear-gradient(90deg,#997339 0 9px,#f1d798 9px 12px)}.city-tower em{background:repeating-linear-gradient(0deg,#b89455 0 10px,#e1c388 10px 12px);font:bold 15px Sora;color:#073f36;display:grid;place-items:center;font-style:normal}.tower-beacon{position:absolute;inset:12px;border:2px solid #fff0b8;border-radius:50%;transform:translateZ(113px);box-shadow:0 0 24px #ffd270;transform-style:preserve-3d}.tower-beacon:after{content:'';position:absolute;inset:8px;background:#fff6c9;border-radius:50%;box-shadow:0 0 20px #f3cd72}.motion-enabled .tower-beacon{animation:beacon 3s ease-out infinite!important}@keyframes beacon{0%,100%{box-shadow:0 0 12px #ffd270;opacity:.7}50%{box-shadow:0 0 35px #ffd270;opacity:1}}.city-label{position:absolute;bottom:14px;left:12px;color:#e2cf9f;font:9px Sora;letter-spacing:2px;transform:translateZ(2px)}
html.motion-muted .supply-step svg,html.motion-muted .city-route:after,html.motion-muted .tower-beacon{animation:none!important}
@media(max-width:1150px){.header-inner{flex-wrap:wrap!important;padding-block:12px!important;gap:10px!important}.header-inner .nav{gap:11px!important}.brand img{max-width:155px}.header-social{padding-inline-start:8px}.header-inner .language-option img{width:18px;height:14px}.location-copy{padding:35px 28px!important}.city-ground{scale:.88}.supply-step{padding:30px 18px 23px}}
@media(max-width:760px){.header-inner .nav{font-size:13px!important}.header-inner .language-row{order:3}.header-social{order:4;margin-inline-start:auto}.brand img{max-width:160px}.supply-steps{grid-template-columns:1fr 1fr;gap:14px}.supply-steps:before{display:none}.supply-step h3{font-size:15px!important}.supply-step p{font-size:11px}.supply-step svg{width:55px;height:55px}.step-number{font-size:24px}.location-stage{min-height:455px!important}.city-ground{scale:.82;top:42%}.location-copy{padding:30px 25px 5px!important}.location-badge{bottom:24px!important}.city-caption{top:12px}.header-inner .language-row .language-inner{min-height:32px}.hero-copy>p{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.city-scene{transition:none!important}.motion-enabled .supply-step svg{animation-name:none!important}.motion-enabled .city-route:after{animation-duration:7s!important}}