:root{--gold:#be8b3c;--emerald:#034c40;--cream:#faf6eb}
body:not(.admin-body){background:var(--cream)!important}.header{background:#fffcf4!important;border-bottom:1px solid #b9954d38}.topline{background:#033f36!important}.header-inner{min-height:90px}.btn{background:linear-gradient(120deg,#b57d2d,#d0a454)!important;color:#fff!important;border:1px solid #c9a260!important;box-shadow:0 5px 20px #8d642020!important}.btn.outline{background:transparent!important;color:#064b40!important;border-color:#175b4d!important}.btn.white{background:#fff9e9!important;color:#075044!important}.eyebrow{color:#b58336!important;letter-spacing:.4px}.page-heading{background:radial-gradient(ellipse at 80% 50%,#f3e9d5,#fbf8ee)!important;border-bottom:1px solid #c5a26933}.product-card{border:1px solid #d4bf8d55!important;border-radius:18px!important;box-shadow:0 8px 30px #58472108!important;overflow:hidden}.product-card:hover{box-shadow:0 22px 40px #58472118!important}.product-body{background:#fffcf4}.official-pack{background:radial-gradient(ellipse at 50% 85%,#e9e1cd,#fff 65%)!important}.filter-panel,.form-panel,.order-panel,.benefit,.value{border-radius:18px!important;border-color:#d3bd8855!important}.footer{background:radial-gradient(ellipse at 20% 0%,#116650,#023e34 65%)!important;border-top:3px solid #be934b}.footer .brand img{background:#fff9ee;border-radius:8px;padding:8px}.section.white{background:#fffdf7!important}.story>img,.service-story img{border-radius:22px!important;box-shadow:0 20px 45px #1c49311a}.request-cta{background:linear-gradient(130deg,#075749,#023f35)!important;border:1px solid #bf9a5555;border-radius:22px!important}.request-cta :is(h2,p){color:#fff8e8!important}
body:not(.admin-body) .hero{background:radial-gradient(ellipse at 80% 15%,#14624f,#033f35 75%)!important;position:relative;min-height:640px!important}.hero-copy{position:relative;z-index:2}.hero-copy :is(h1,p),.hero-note{color:#fff8e6!important}.hero h1 em{color:#e0b46a!important}.hero-copy .btn.outline{color:#f0d59b!important;border-color:#ba9759!important}.hero-media{background:url('../assets/images/experience/studio.webp') center/cover!important;border:1px solid #b8924733;border-radius:25px!important;position:relative}.hero-media>img:not(.hero-pack){opacity:0!important}.hero-media>.hero-pack{position:absolute;left:50%;bottom:21%;width:auto!important;height:62%!important;max-width:75%;object-fit:contain;transform:translateX(-50%)!important;filter:drop-shadow(0 20px 16px #001e2360);z-index:2}.hero-media .image-caption{display:none}.hero-note{border-color:#c8b17140!important}.strip{background:#043c33!important;color:#efd9ad!important;border-block:1px solid #c4a16140}.strip span:before{color:#c59a50!important}
.product-theatre{display:grid;grid-template-columns:1fr 1.2fr;position:relative;margin-block:40px 60px;min-height:590px;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 65% 20%,#116150,#023e34);border:1px solid #c09b5355;box-shadow:0 25px 65px #063f3525;color:#fff8eb}.theatre-copy{padding:60px 45px 32px;align-self:center;z-index:2}.theatre-copy h2{color:#fff8e8!important;font-size:clamp(30px,3.8vw,52px)!important;line-height:1.5!important;margin:10px 0 26px}.theatre-copy h3{color:#fff8e8!important;font-size:19px!important}.theatre-weight{color:#e6c995;font-size:15px}.theatre-copy .actions{display:flex;flex-wrap:wrap;gap:12px}.theatre-copy .btn.outline{color:#f0d79c!important;border-color:#c29c55!important}.theatre-note{font-size:11px;color:#a8c4b7;margin-top:24px}.theatre-stage{position:relative;min-height:460px;background:url('../assets/images/experience/studio.webp') center/cover;isolation:isolate}.theatre-stage:after{content:'';position:absolute;inset:0;box-shadow:inset -15px 0 40px #03443850;pointer-events:none}.theatre-pack{position:absolute;left:50%;bottom:22%;height:65%;max-width:72%;width:auto;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 16px 10px #001e2360);z-index:2}.theatre-arrows{position:absolute;left:6%;right:6%;top:46%;display:flex;justify-content:space-between;z-index:3;direction:ltr}.theatre-arrows button{background:#ffffff0b;color:#edcc89;border:1px solid #c9a563;border-radius:50%;width:42px;height:42px;font:30px Arial;cursor:pointer;backdrop-filter:blur(5px)}.theatre-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 24px 25px;background:#043f35;border-top:1px solid #b3924e33}.theatre-thumbs{display:flex;gap:8px;overflow:auto;max-width:100%;padding:3px}.theatre-thumbs button{flex:0 0 55px;width:55px;height:63px;background:#fff8df14;border:1px solid #bd9f6144;border-radius:10px;padding:6px;cursor:pointer}.theatre-thumbs button[aria-pressed=true]{border:2px solid #d4a657;background:#d4a65722}.theatre-thumbs img{width:100%;height:100%;object-fit:contain}.theatre-play{background:none;color:#e5c789;border:1px solid #bb975555;border-radius:18px;padding:8px 12px;font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}.motion-enabled .theatre-pack{animation:pack-float 5s ease-in-out infinite!important}.motion-enabled .hero-media>.hero-pack{animation:pack-float 6s ease-in-out infinite!important}@keyframes pack-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.delivery-section{display:grid;grid-template-columns:1.15fr 1fr;direction:ltr;overflow:hidden;border-radius:26px;background:#f6eddb;margin-block:70px;box-shadow:0 25px 60px #71582d18;border:1px solid #c3a77344;min-height:580px}.delivery-visual{position:relative;overflow:hidden;min-height:500px}.delivery-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:30% center}.delivery-copy{padding:60px 42px;direction:rtl;align-self:center;background:linear-gradient(90deg,#f6eddbb0,#f9f1e2)}html[lang=en] .delivery-copy{direction:ltr}.delivery-copy h2{font-size:clamp(28px,3.1vw,43px)!important;margin:15px 0 25px}.delivery-copy p{font-size:13px;color:#54705c}.delivery-copy address{font-size:12px;font-style:normal;margin:25px 0;color:#385c47}.delivery-copy .actions{display:flex;gap:12px;flex-wrap:wrap}.delivery-origin{position:absolute;top:53%;left:19%;padding:4px 12px;background:#fff9e8ed;color:#074739;border:1px solid #c5a05b;border-radius:20px;font-size:11px;box-shadow:0 0 0 8px #e8c68122}.motion-enabled .delivery-origin{animation:map-glow 3s ease-in-out infinite!important}@keyframes map-glow{50%{box-shadow:0 0 0 15px #e8c6810a,0 0 25px #e5ba59}}
.location-stage .city-scene{display:none}.location-stage{background:url('../assets/images/experience/saudi-map.webp') 20% center/cover!important}.location-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#023b31cf,transparent 55%);pointer-events:none}.location-stage .location-badge{z-index:2}.city-caption{z-index:3;background:#073d35ad;color:#f0d6a0!important;padding:7px;top:0!important}.location-orbit{display:none}
@media(max-width:760px){body:not(.admin-body) .hero{min-height:0!important}.hero-media{min-height:400px!important}.hero-copy{padding:40px 6% 20px!important}.hero h1{font-size:32px!important}.product-theatre{grid-template-columns:1fr;margin-block:25px 35px}.theatre-copy{padding:30px 25px 10px}.theatre-copy h2{font-size:30px!important;margin-bottom:12px}.theatre-copy h3{font-size:17px!important}.theatre-stage{min-height:370px;grid-row:2}.theatre-controls{flex-wrap:wrap;gap:12px;padding:15px}.theatre-thumbs button{flex-basis:44px;width:44px;height:52px}.theatre-note{margin:12px 0}.delivery-section{grid-template-columns:1fr;margin-block:40px}.delivery-visual{min-height:360px}.delivery-copy{padding:30px 26px}.delivery-copy h2{font-size:28px!important}.delivery-copy .btn{font-size:12px!important}.theatre-pack{height:65%}.product-theatre .btn{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.motion-enabled .theatre-pack,.motion-enabled .hero-media>.hero-pack{animation:none!important}}
html.motion-forced .hero-media>.hero-pack,.hero-media>.hero-pack{transform:translateX(-50%)!important;bottom:18%;height:58%!important}
@media(max-width:760px){.header-inner .brand{flex:1}.header-inner .brand img{max-width:135px!important}.header-inner .language-row{order:3;flex:1}.header-inner .header-social{order:4;margin:0}.header-inner{justify-content:space-between}.header-inner .menu-toggle{order:2}.header-inner .language-inner{justify-content:flex-start!important}.header-inner .header-social{border:0;padding:0}.hero-media>.hero-pack{bottom:23%!important;height:58%!important}}
html.motion-forced .hero-media>.hero-pack,.hero-media>.hero-pack{top:auto!important;right:auto!important;left:50%!important;bottom:24%!important}
/* Preserve the original mark; remove the padded white footer frame. */
.footer .logo-window{background:#fff!important;width:255px!important;height:62px!important;mix-blend-mode:normal;border-radius:6px}
.footer .brand img{padding:0!important;border-radius:0!important;background:transparent!important;max-width:none!important;filter:none!important;mix-blend-mode:normal}
.footer .brand-logo{width:100%!important;left:0!important}
.header .logo-window{background:transparent!important;mix-blend-mode:multiply}
.header .brand-logo{padding:0!important;background:transparent!important;max-width:none!important;width:100%!important}
.hero-collection{position:absolute;inset:0;z-index:2;direction:ltr}
html.motion-forced .hero-media .collection-pack,.hero-media .collection-pack{position:absolute!important;top:auto!important;right:auto!important;bottom:25%!important;left:var(--pack-x)!important;width:var(--pack-w)!important;height:var(--pack-h)!important;max-width:none!important;object-fit:contain!important;object-position:center bottom!important;transform:translateX(-50%)!important;filter:drop-shadow(0 10px 5px #001b253b);opacity:1!important;z-index:var(--pack-z)}
.pack-0{--pack-x:38%;--pack-w:22%;--pack-h:46%;--pack-z:5}.pack-1{--pack-x:18%;--pack-w:19%;--pack-h:39%;--pack-z:3}.pack-2{--pack-x:59%;--pack-w:20%;--pack-h:44%;--pack-z:4}.pack-3{--pack-x:79%;--pack-w:19%;--pack-h:39%;--pack-z:3}.pack-4{--pack-x:53%;--pack-w:22%;--pack-h:23%;--pack-z:8}.pack-5{--pack-x:69%;--pack-w:10%;--pack-h:24%;--pack-z:9}.pack-6{--pack-x:31%;--pack-w:17%;--pack-h:25%;--pack-z:8}.pack-7{--pack-x:85%;--pack-w:17%;--pack-h:25%;--pack-z:8}
@media(max-width:760px){.hero-collection{inset:0 -3%}.footer .logo-window{max-width:240px!important}}
.contact-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-block:30px}.contact-shortcuts a{display:grid;grid-template-columns:45px 1fr;column-gap:15px;align-items:center;padding:22px;background:#fffdf6;border:1px solid #d5bb8055;border-radius:16px;transition:transform .2s}.contact-shortcuts a:hover{transform:translateY(-3px);border-color:#ba9147}.contact-shortcuts span{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center;background:#084e41;color:#e6c481;border-radius:50%;font:24px Arial}.contact-shortcuts strong{font-size:14px;color:#064b40}.contact-shortcuts small{font-size:11px;color:#607166}.contact-shortcuts small[dir=ltr]{text-align:right}html[lang=en] .contact-shortcuts small[dir=ltr]{text-align:left}.contact-layout .panel{border:1px solid #dac69c;border-radius:20px;padding:32px}.contact-aside{border-radius:20px!important}.contact-aside :is(h2,h3,p){color:#fff9e8!important}#contact-form,#location-title{scroll-margin-top:160px}.contact-layout{align-items:start;margin-bottom:45px}.location-section{margin-top:35px!important}
@media(max-width:760px){.contact-shortcuts{grid-template-columns:1fr;gap:10px;margin-block:20px}.contact-shortcuts a{padding:16px 20px}.contact-layout .panel{padding:24px 20px}.contact-layout{gap:20px}.contact-shortcuts strong{font-size:13px}}
/* Cinematic illustrative coverage maps. Exact navigation remains in Google Maps. */
.delivery-section{background:#043e35;color:#fff8e8;grid-template-columns:1.25fr 1fr;border-color:#c3a16b66;box-shadow:0 30px 75px #01372c30}
.delivery-copy{background:radial-gradient(ellipse at 0 50%,#125b49,#043e35 80%);position:relative;z-index:2}
.delivery-copy h2,.delivery-copy p,.delivery-copy address{color:#fff4dc!important}.delivery-copy p{opacity:.8}.delivery-copy .btn.outline{color:#eed09a!important;border-color:#cfaa63!important}
.delivery-visual,.location-stage{isolation:isolate;background:#032c27!important;min-height:590px!important;perspective:1000px}
.delivery-visual>img,.delivery-origin{display:none}
.map-cinema{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.map-cinema-art{position:absolute;inset:4% 0 9%;background:url('../assets/images/experience/saudi-cinematic-v13.png') center/contain no-repeat;transform:rotateX(var(--map-x,0deg)) rotateY(var(--map-y,0deg)) scale(1.06);transition:transform .5s ease-out;will-change:transform}
.map-cinema:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#032c27 0%,transparent 28%,transparent 82%,#032c27);pointer-events:none}
.map-kicker{position:absolute;z-index:4;top:28px;inset-inline:28px;display:flex;align-items:center;gap:10px;color:#e4c486;font-size:10px;letter-spacing:2px;direction:ltr}
.map-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:#ffe4a7;box-shadow:0 0 18px #e5bc64}
.map-legend{position:absolute;z-index:4;bottom:28px;left:28px;right:28px;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.map-legend span{border:1px solid #cda86750;border-radius:30px;padding:5px 12px;color:#e9d3ac;background:#02372ccc;backdrop-filter:blur(8px);font-size:10px}
.map-sheen{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#f5d78d12,transparent 65%);opacity:.4;mix-blend-mode:screen}
.location-stage .location-badge{bottom:38px!important;box-shadow:0 18px 45px #0006;border:1px solid #d9ba7877!important;width:min(310px,85%)!important}
.location-stage .city-caption{top:65px!important;background:transparent;font-size:10px;color:#b2c6b8!important}
.location-stage:after{display:none}.location-stage .map-cinema-art{inset:0 0 12%}
.motion-enabled .map-in-view .map-sheen{animation:map-breathe 5s ease-in-out infinite!important}
.motion-enabled .map-in-view .map-kicker:before{animation:map-beacon 3s ease-in-out infinite!important}
@keyframes map-breathe{50%{opacity:1;transform:scale(1.2)}}@keyframes map-beacon{50%{box-shadow:0 0 0 7px #d4ac5014,0 0 24px #ffdb80}}
@media(max-width:760px){.delivery-section{grid-template-columns:1fr}.delivery-visual,.location-stage{min-height:440px!important}.map-cinema-art{inset:0 0 10%}.map-kicker{top:23px;inset-inline:20px;font-size:9px}.map-legend{left:15px;right:15px;bottom:18px;gap:5px}.map-legend span{font-size:9px;padding:4px 9px}.location-stage .map-cinema-art{inset:0 0 12%}.location-stage .location-badge{bottom:24px!important}.location-stage .city-caption{top:53px!important}}
@media(prefers-reduced-motion:reduce){.map-cinema-art{transform:none!important;transition:none!important}.map-sheen,.map-kicker:before{animation:none!important}}
html.motion-muted .map-cinema-art{transform:none!important}.motion-muted .map-sheen,.motion-muted .map-kicker:before{animation:none!important}
/* Keep every pack visible; animate the requested hero and map only. */
.hero-collection{inset:16% 7% 25%!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:18px 12px;align-items:end}
html.motion-forced .hero-media .collection-pack,.hero-media .collection-pack{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:100%!important;min-height:0;min-width:0;transform:none!important;object-fit:contain!important;object-position:center bottom!important;z-index:auto}
html.motion-enabled .hero-media .collection-pack{animation:collection-float 4.8s ease-in-out infinite!important}
html.motion-enabled .hero-media .collection-pack:nth-child(2n){animation-delay:-1.2s!important}
html.motion-enabled .hero-media .collection-pack:nth-child(3n){animation-delay:-2.4s!important}
@keyframes collection-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
html.motion-muted .hero-media .collection-pack,html.motion-muted .map-cinema-art{animation:none!important;translate:none;rotate:none}
@media(prefers-reduced-motion:reduce){html:not(.motion-forced) .hero-media .collection-pack,html:not(.motion-forced) .map-cinema-art{animation:none!important}}
@media(max-width:760px){.hero-collection{inset:12% 8% 26%!important;gap:16px 10px}}
/* Balanced product placement and optically centered navigation. */
.theatre-arrows button{display:grid;place-items:center;padding:0!important;font-size:0!important;line-height:1!important;box-sizing:border-box}
.theatre-arrows button:before{content:'';width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;display:block}
.theatre-prev:before{transform:translateX(2px) rotate(-135deg)}.theatre-next:before{transform:translateX(-2px) rotate(45deg)}
.theatre-pack{height:60%;max-width:60%;bottom:24%;object-position:center bottom}
.theatre-pack[data-product="hammad-jaggery"]{height:43%;max-width:62%;bottom:24%}
.theatre-pack[data-product="hammad-salt"]{height:48%;max-width:25%;bottom:24%}
@media(max-width:760px){.theatre-pack{height:58%;max-width:58%}.theatre-pack[data-product="hammad-jaggery"]{height:42%;max-width:60%}.theatre-pack[data-product="hammad-salt"]{height:47%;max-width:24%}}
.theatre-arrows button{position:relative!important;display:block!important}
.theatre-arrows button:before,.theatre-arrows button:after{content:none!important;display:none!important}
.theatre-arrows button svg{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.delivery-visual .map-cinema-art{transform-origin:var(--map-origin,50% 50%);transform:rotateX(var(--map-x,0deg)) rotateY(var(--map-y,0deg)) scale(var(--map-zoom,1.06));transition:transform .65s cubic-bezier(.2,.7,.2,1)!important}
.delivery-visual.city-selected{--map-zoom:1.2}.map-city-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.map-city-marker{position:absolute;left:var(--city-x);top:var(--city-y);transform:translate(-50%,-50%);border:0;background:transparent;color:#fff4d0;padding:0;cursor:pointer;pointer-events:auto;font:inherit}.map-city-marker i{display:block;width:12px;height:12px;border-radius:50%;background:#ffd989;border:2px solid #fff5d8;box-shadow:0 0 0 7px #edc46b22,0 0 20px #ffd36d}.map-city-marker span{position:absolute;top:18px;left:50%;transform:translateX(-50%);padding:3px 7px;border-radius:12px;background:#03483ddb;white-space:nowrap;font-size:9px}.map-city-marker:hover i,.map-city-marker[aria-pressed="true"] i{transform:scale(1.45);box-shadow:0 0 0 12px #edc46b20,0 0 32px #ffe09a}.map-city-marker:focus-visible{outline:2px solid #fff;outline-offset:8px}.map-city-marker.is-office i{width:16px;height:16px;background:#fff0b8}.map-city-info{position:absolute;z-index:6;left:24px;right:24px;bottom:28px;display:flex;justify-content:center;align-items:center;gap:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.3s;color:#fff3d5;background:#023c33e8;border:1px solid #d0aa6355;border-radius:14px;padding:10px 14px;text-align:center}.map-city-info.is-visible{opacity:1;transform:none}.map-city-info strong{font-size:13px}.map-city-info span{font-size:10px;color:#c9d8ce}.map-city-reset{position:absolute;z-index:7;top:58px;right:22px;border:1px solid #cfaa6670;border-radius:18px;background:#043d34cc;color:#f3d79f;padding:7px 11px;font:inherit;font-size:9px;cursor:pointer}.map-city-reset:hover{background:#b78332;color:#fff}@media(max-width:760px){.delivery-visual.city-selected{--map-zoom:1.12}.map-city-info{left:12px;right:12px;bottom:12px;flex-direction:column;gap:3px}.map-city-reset{top:50px;right:14px}.map-city-marker span{font-size:8px}}

/* Restore the light premium map composition and keep its city points interactive. */
.delivery-section{background:#faf4e7!important;color:#064c40!important;border-color:#c8a66766!important}
.delivery-copy{background:linear-gradient(100deg,#f8eed9,#fffaf0 72%)!important}
.delivery-copy h2,.delivery-copy p,.delivery-copy address{color:#064c40!important}.delivery-copy p{opacity:.82}
.delivery-copy .btn.outline{color:#064c40!important;border-color:#0b5b4c!important}
.delivery-visual{background:#f8efdd!important}
.delivery-visual .map-cinema-art{inset:0!important;background-image:url('../assets/images/experience/saudi-map-clean-v1.png')!important;background-size:cover!important;background-position:18% center!important;filter:saturate(1.06) contrast(1.02)}
.delivery-visual .map-cinema:after{background:linear-gradient(90deg,transparent 68%,#faf4e733 100%)!important}
.delivery-visual .map-kicker{color:#d09a3e;text-shadow:0 1px 8px #fff}.delivery-visual .map-kicker:before{background:#ffd17a}
.delivery-visual.city-selected{--map-zoom:1.16}

/* Subtle motion for the homepage photograph and the copy beside it. */
.hero-media>img:first-child{opacity:1!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.01)!important}
html.motion-enabled .hero-media>img:first-child{animation:hero-photo-drift 12s ease-in-out infinite alternate!important}
html.motion-forced .hero-copy h1{animation:hero-enter .8s .12s cubic-bezier(.2,.65,.2,1) both,hero-copy-breathe 6s 1.2s ease-in-out infinite!important}
html.motion-forced .hero-copy>p{animation:hero-enter .8s .24s cubic-bezier(.2,.65,.2,1) both,hero-copy-breathe 6s 1.8s ease-in-out infinite!important}
@keyframes hero-photo-drift{0%{transform:scale(1.01) translate3d(0,0,0)}100%{transform:scale(1.075) translate3d(-1.2%,-.7%,0)}}
@keyframes hero-copy-breathe{0%,100%{translate:0 0}50%{translate:0 -3px}}
html.motion-muted .hero-media>img:first-child,html.motion-muted .hero-copy h1,html.motion-muted .hero-copy>p{animation:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){html:not(.motion-forced) .hero-media>img:first-child,html:not(.motion-forced) .hero-copy h1,html:not(.motion-forced) .hero-copy>p{animation:none!important}}
@media(max-width:760px){.delivery-visual .map-cinema-art{background-position:22% center!important}.delivery-visual.city-selected{--map-zoom:1.1}.hero-media>img:first-child{object-position:52% center!important}}

/* Delivery route: selecting a service city sends the supply truck from Jeddah. */
.map-route{position:absolute;z-index:4;left:var(--route-x,19%);top:var(--route-y,54%);width:var(--route-length,0%);height:3px;transform:rotate(var(--route-angle,0deg));transform-origin:0 50%;background:repeating-linear-gradient(90deg,#e2ae52 0 10px,transparent 10px 16px);box-shadow:0 0 9px #d59d3eaa;opacity:0;transition:width .15s ease,transform .15s ease,opacity .2s;pointer-events:none}.map-route.is-active{opacity:1}.map-truck{position:absolute;z-index:6;left:var(--truck-x,19%);top:var(--truck-y,54%);width:42px;height:30px;transform:translate(-50%,-100%);opacity:0;transition:left 1.1s cubic-bezier(.22,.8,.25,1),top 1.1s cubic-bezier(.22,.8,.25,1),opacity .2s;pointer-events:none;filter:drop-shadow(0 4px 5px #24381b66)}.map-truck.is-visible{opacity:1}.map-truck svg{width:100%;height:100%;fill:#c88f2f;stroke:#fff5d9;stroke-width:1.8}.map-truck.is-moving{animation:truck-bounce .26s linear 4}.map-truck:after{content:'';position:absolute;bottom:-5px;left:4px;width:33px;height:8px;border-radius:50%;background:#61491a33;filter:blur(2px);z-index:-1}@keyframes truck-bounce{50%{margin-top:-3px}}@media(max-width:760px){.map-city-marker span{font-size:7px;padding:2px 5px}.map-truck{width:31px;height:23px}.map-route{height:2px}}

/* The Arabic hero heading remains the intended two lines at every viewport size. */
html[lang=ar] .hero-copy h1{white-space:nowrap!important;font-size:clamp(22px,3vw,52px)!important}@media(max-width:760px){html[lang=ar] .hero-copy h1{font-size:clamp(20px,6vw,28px)!important}}

/* A single prominent headquarters pin sits within the existing contact-map artwork. */
.location-stage .location-hq-pin{position:absolute;z-index:7;left:19%;top:34%;width:52px;height:52px;transform:translate(-50%,-100%) rotate(-45deg);border:3px solid #fff7df;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,#d7a54f,#a86c22);box-shadow:0 10px 22px #1c392c88,0 0 0 11px #d8ad591f}.location-hq-pin i{position:absolute;inset:13px;border-radius:50%;background:#075042;border:3px solid #f8e3ae}.motion-enabled .map-in-view .location-hq-pin{animation:hq-pin-pulse 2.7s ease-in-out infinite}@keyframes hq-pin-pulse{50%{box-shadow:0 10px 22px #1c392c88,0 0 0 19px #d8ad5900}}html.motion-muted .location-hq-pin{animation:none!important}@media(max-width:760px){.location-stage .location-hq-pin{width:44px;height:44px;border-width:2px}.location-hq-pin i{inset:11px;border-width:2px}}

/* Keep the selected-city status as a compact toast, leaving the delivery map visible. */
.delivery-visual .map-city-info{top:58px;right:auto;bottom:auto;left:16px;width:auto;max-width:235px;min-height:0;justify-content:flex-start;gap:4px;padding:8px 11px;border-radius:12px;box-shadow:0 10px 24px #002c2540;text-align:right}.delivery-visual .map-city-info strong{font-size:11px}.delivery-visual .map-city-info span{font-size:9px}.delivery-visual .map-city-info.is-visible{animation:map-toast-in .28s ease-out both}@keyframes map-toast-in{from{opacity:0;transform:translateY(-7px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:760px){.delivery-visual .map-city-info{top:48px;left:10px;right:auto;bottom:auto;max-width:190px;padding:7px 9px}.delivery-visual .map-city-info strong{font-size:10px}.delivery-visual .map-city-info span{font-size:8px}}

/* The headquarters uses a modest gold pin while service cities remain circular points. */
.map-city-marker.is-office{transform:translate(-50%,-100%)}.map-city-marker.is-office i{position:relative;width:18px;height:18px;border-radius:50% 50% 50% 0;background:#d8a849;border-color:#fff7dd;transform:rotate(-45deg);box-shadow:0 0 0 7px #edc46b22,0 0 20px #ffd36d}.map-city-marker.is-office i:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#075042;transform:rotate(45deg)}.map-city-marker.is-office:hover i,.map-city-marker.is-office[aria-pressed=true] i{transform:rotate(-45deg) scale(1.25);box-shadow:0 0 0 11px #edc46b20,0 0 28px #ffe09a}.map-city-marker.is-office span{top:22px}@media(max-width:760px){.map-city-marker.is-office i{width:16px;height:16px}.map-city-marker.is-office i:after{inset:4px}}

/* A restrained moving halo traces the Kingdom area without competing with delivery routes. */
.delivery-visual .map-sheen{inset:11% 8%;border-radius:47% 53% 50% 45%;background:conic-gradient(from 20deg,transparent 0 28%,#ffe6a700 34%,#ffe6a7a8 42%,#ffe6a700 49%,transparent 56% 100%);opacity:.72;mix-blend-mode:screen;mask:radial-gradient(ellipse,transparent 55%,#000 58% 61%,transparent 65%);-webkit-mask:radial-gradient(ellipse,transparent 55%,#000 58% 61%,transparent 65%)}.motion-enabled .map-in-view .delivery-visual .map-sheen{animation:kingdom-halo 10s linear infinite!important}@keyframes kingdom-halo{to{rotate:1turn}}html.motion-muted .delivery-visual .map-sheen{animation:none!important}@media(prefers-reduced-motion:reduce){.delivery-visual .map-sheen{animation:none!important}}