/* =========================================================
   الهوية الإماراتية — مجموعة القاسم
   رمال، سدو، مشربيات، صقر، ليل الصحراء
   ========================================================= */

/* ---------- خط العناوين الكوفي ---------- */
.hero h1,.sec-head h2,.ph-card h1,.p-title,.cp-h,.cta-band h2,.calc-form h2,.banks-head h3,
.story-title,.uae-map-head h2,.logo-text b,.deal-info h3,.pl-ar{font-family:"Reem Kufi","Readex Pro",sans-serif;letter-spacing:0}
.hero h1{font-weight:700;line-height:1.2}

/* ---------- نقش السدو ---------- */
:root{
  --sadu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='16' viewBox='0 0 48 16'%3E%3Crect width='48' height='16' fill='%23B3122B'/%3E%3Cpath d='M0 0h48v3H0zM0 13h48v3H0z' fill='%2317140F'/%3E%3Cpath d='M0 13 6 3l6 10zM24 13l6-10 6 10z' fill='%23F5ECDC'/%3E%3Cpath d='M12 3l6 10 6-10zM36 3l6 10 6-10z' fill='%2317140F'/%3E%3Cpath d='M16 6.5l2 3 2-3-2-1.5zM40 6.5l2 3 2-3-2-1.5z' fill='%23C99234'/%3E%3Cpath d='M4 10l2-3 2 3zM28 10l2-3 2 3z' fill='%23B3122B'/%3E%3C/svg%3E");
  --sadu-thin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Crect width='24' height='8' fill='%23B3122B'/%3E%3Cpath d='M0 8 6 0l6 8z' fill='%23F5ECDC'/%3E%3Cpath d='M12 0l6 8 6-8z' fill='%2317140F'/%3E%3C/svg%3E");
  --mashrabiya:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none' stroke='%23C99234' stroke-width='1'%3E%3Cpath d='M30 4l7.5 18.5L56 30l-18.5 7.5L30 56l-7.5-18.5L4 30l18.5-7.5z'/%3E%3Cpath d='M12 12h36v36H12z' transform='rotate(45 30 30)' opacity='.6'/%3E%3Ccircle cx='30' cy='30' r='6'/%3E%3Cpath d='M0 0l8 8M60 0l-8 8M0 60l8-8M60 60l-8-8'/%3E%3C/svg%3E");
}
.sadu-band{height:14px;background:var(--sadu) repeat-x center/auto 100%;position:relative}
.sadu-band.thin{height:7px;background-image:var(--sadu-thin)}
.topstrip{position:relative}
.topstrip::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:6px;background:var(--sadu-thin) repeat-x center/auto 100%;z-index:1}
footer{position:relative;overflow:hidden}
footer::before{content:"";position:absolute;top:0;inset-inline:0;height:12px;background:var(--sadu) repeat-x center/auto 100%}
.calc-result{border-top:0}
.calc-result::before{content:"";position:absolute;top:0;inset-inline:0;height:8px;background:var(--sadu-thin) repeat-x center/auto 100%;opacity:.9}
.deal::before{content:"";position:absolute;bottom:0;inset-inline:0;height:7px;background:var(--sadu-thin) repeat-x center/auto 100%;opacity:.9}
.panel{position:relative;overflow:hidden}
.panel::before{content:"";position:absolute;top:0;inset-inline:0;height:7px;background:var(--sadu-thin) repeat-x center/auto 100%}

/* ---------- مشربيات على الأقسام الداكنة ---------- */
.ph-card,.cta-band,.calc-result,.uae-map-card,.preloader{background-image:var(--mashrabiya),var(--bgimg,none)}
.ph-card{--bgimg:radial-gradient(120% 140% at 0% 0%,#5E3F10 0%,var(--dark) 55%);background-size:60px 60px,cover;background-blend-mode:normal}
.ph-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 140% at 0% 0%,rgba(122,84,24,.92) 0%,rgba(21,17,11,.96) 55%)}
.calc-result{background:linear-gradient(rgba(21,17,11,.88),rgba(21,17,11,.88)),var(--mashrabiya),radial-gradient(120% 90% at 100% 0%,#7A5418 0%,var(--dark) 55%);background-size:auto,60px 60px,auto}
.cta-band{background:linear-gradient(rgba(21,17,11,.9),rgba(21,17,11,.9)),var(--mashrabiya),var(--dark);background-size:auto,60px 60px,auto}
.hero-card::before{background:linear-gradient(270deg,rgba(21,17,11,.92) 0%,rgba(21,17,11,.70) 38%,rgba(21,17,11,.15) 70%,rgba(21,17,11,.05) 100%),linear-gradient(0deg,rgba(21,17,11,.55) 0%,transparent 45%)}

/* ---------- الكثبان الرملية ---------- */
.dunes{position:relative;height:150px;margin-top:-20px;pointer-events:none;overflow:hidden}
.dunes svg{position:absolute;bottom:0;left:-10%;width:120%;height:100%}
.dunes path{transition:fill .6s}
.d1{fill:#E9D3A8}.d2{fill:#DDBF86}.d3{fill:#CFA765}
.dunes.to-footer{margin-bottom:-40px;height:170px;margin-top:40px}
.hero-dunes{position:absolute;bottom:-2px;inset-inline:0;height:120px;z-index:-1;pointer-events:none;overflow:hidden}
.hero-dunes svg{position:absolute;bottom:0;left:-10%;width:120%;height:100%}
.hero-dunes .d1{fill:rgba(201,146,52,.25)}.hero-dunes .d2{fill:rgba(168,111,30,.35)}.hero-dunes .d3{fill:rgba(21,17,11,.85)}
.sand-canvas{position:absolute;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}

/* ---------- شاشة افتتاح الرمل ---------- */
.preloader{background-color:#120F0B;background-size:60px 60px}
.preloader::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(201,146,52,.18),rgba(18,15,11,.97) 60%)}
.pl-inner{position:relative;z-index:1}
.pl-mark{display:none}
.pl-canvas{width:240px;height:200px;display:block}
.pl-ar{color:#F5ECDC;font-size:26px;font-weight:700;opacity:0;animation:fadeUp .6s .8s forwards;margin-top:-6px}
.pl-word{fill:#C99234}
.pl-bar i{background:linear-gradient(90deg,#C99234,#F2C27A)}

/* ---------- الصقر ---------- */
.falcon{position:fixed;z-index:85;width:120px;height:60px;pointer-events:none;top:20vh;left:100vw;opacity:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.falcon svg{width:100%;height:100%;transform:scaleX(-1);overflow:visible}
.falcon .fb{fill:#2a2216}
.falcon .fw{fill:#3A3328;transform-box:fill-box;transform-origin:50% 100%;animation:flap .32s ease-in-out infinite alternate}
.falcon .fw2{fill:#4a3f30;transform-box:fill-box;transform-origin:50% 100%;animation:flap .32s .05s ease-in-out infinite alternate}
@keyframes flap{from{transform:scaleY(1)}to{transform:scaleY(-.35)}}
.falcon.fly{animation:falconFly 5.5s cubic-bezier(.45,.05,.4,1) forwards}
@keyframes falconFly{
  0%{left:105vw;top:var(--fy,22vh);opacity:1;transform:rotate(-4deg) scale(.8)}
  35%{top:calc(var(--fy,22vh) - 6vh);transform:rotate(3deg) scale(1)}
  70%{top:calc(var(--fy,22vh) + 3vh);transform:rotate(-3deg) scale(.9)}
  100%{left:-20vw;top:calc(var(--fy,22vh) - 10vh);opacity:1;transform:rotate(-8deg) scale(.7)}
}
[data-theme=night] .falcon .fb{fill:#E9D7B4}[data-theme=night] .falcon .fw{fill:#C9B48C}[data-theme=night] .falcon .fw2{fill:#B09A72}

/* ---------- زر النهار والليل ---------- */
.theme-btn{position:relative;overflow:hidden}
.theme-btn .sun,.theme-btn .moon{position:absolute;inset:0;display:grid;place-items:center;transition:transform .6s cubic-bezier(.3,1.4,.5,1),opacity .4s}
.theme-btn .moon{transform:translateY(120%) rotate(-90deg);opacity:0}
[data-theme=night] .theme-btn .sun{transform:translateY(-120%) rotate(90deg);opacity:0}
[data-theme=night] .theme-btn .moon{transform:none;opacity:1}
.theme-btn .sun .icon{color:#C99234}
.theme-btn .moon .icon{color:#F2C27A}

/* ---------- قصة: من الماضي إلى المستقبل ---------- */
.story{position:relative;height:320vh;margin-top:90px;padding:0}
.story-stage{position:sticky;top:0;height:100vh;min-height:560px;overflow:hidden;
  background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 62%,var(--sky3) 100%);
  --sky1:#F2C27A;--sky2:#F6DDB0;--sky3:#E9D7B4;transition:background .2s}
.story-stars{position:absolute;inset:0;opacity:0;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 80px,#fff,transparent),radial-gradient(1.5px 1.5px at 200px 20px,#fff,transparent),radial-gradient(1px 1px at 300px 120px,#fff,transparent),radial-gradient(1px 1px at 380px 60px,#fff,transparent);background-size:420px 200px}
.story-sun{position:absolute;width:150px;height:150px;border-radius:50%;inset-inline-start:18%;background:radial-gradient(circle,#FFF4D6 0%,#F7C66B 45%,rgba(247,198,107,0) 70%)}
.story-moon{position:absolute;width:70px;height:70px;border-radius:50%;inset-inline-end:16%;top:14%;box-shadow:-14px 8px 0 0 #F5ECDC;opacity:0;transform:rotate(-20deg)}
.story-strip{position:absolute;bottom:0;left:0;height:78%;will-change:transform}
.story-strip svg{height:100%;width:auto;display:block}
.story-head{position:absolute;top:13%;inset-inline:0;text-align:center;z-index:3;padding-inline:16px}
.story-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--story-ink,#5E3F10);padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.story-title{font-size:clamp(28px,4.4vw,54px);font-weight:700;color:var(--story-ink,#2a2216);margin-top:12px;line-height:1.25;transition:color .3s}
.story-cap{position:absolute;bottom:9%;inset-inline-start:50%;transform:translateX(50%);z-index:4;display:flex;align-items:center;gap:14px;background:rgba(21,17,11,.78);backdrop-filter:blur(10px);color:#F5ECDC;padding:12px 20px 12px 14px;border-radius:999px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);white-space:nowrap}
.story-cap .yr{font-family:"Reem Kufi",sans-serif;font-size:20px;font-weight:700;color:#F2C27A;padding:4px 12px;border-radius:999px;background:rgba(201,146,52,.18)}
.story-cap .txt{font-size:15px;transition:opacity .3s}
.story-dots{position:absolute;bottom:3.5%;inset-inline-start:50%;transform:translateX(50%);display:flex;gap:8px;z-index:4}
.story-dots i{width:8px;height:8px;border-radius:50%;background:rgba(21,17,11,.25);transition:.3s}
.story-dots i.on{width:26px;border-radius:8px;background:#C99234}
.story-car{position:absolute;bottom:calc(78% * 26 / 500);left:46%;width:120px;z-index:3;transform:translateY(2px)}
.story-car svg{width:100%;height:auto;display:block;overflow:visible}
.story-car .wheel{transform-box:fill-box;transform-origin:center;animation:spin .5s linear infinite;animation-play-state:var(--wheels,paused)}
@keyframes spin{to{transform:rotate(-360deg)}}
.story-car .beam{opacity:var(--beam,0);transition:opacity .4s}
.s-win{fill:#FFD98A;opacity:var(--lights,0)}
.s-water{fill:#7FB4C9}
.story-dust{position:absolute;bottom:calc(78% * 26 / 500 + 4px);left:calc(46% + 112px);width:60px;height:24px;z-index:2;opacity:var(--dust,0)}
.story-dust i{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(201,146,52,.5);animation:dust 1s linear infinite}
.story-dust i:nth-child(2){animation-delay:.33s;top:6px}.story-dust i:nth-child(3){animation-delay:.66s;top:2px}
@keyframes dust{from{transform:translateX(0) scale(.6);opacity:.9}to{transform:translateX(50px) scale(2.2);opacity:0}}

/* ---------- خريطة الإمارات ---------- */
.uae-map-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);color:#F5ECDC;display:grid;grid-template-columns:1.25fr 1fr;gap:30px;padding:40px;align-items:center;
  background:linear-gradient(rgba(21,17,11,.92),rgba(21,17,11,.92)),var(--mashrabiya),var(--dark);background-size:auto,60px 60px,auto}
.uae-map-head .kicker{color:#F2C27A}
.uae-map-head .kicker::before{background:#F2C27A}
.uae-map-head h2{font-size:clamp(26px,3.2vw,38px);font-weight:700;margin-top:8px;line-height:1.3}
.uae-map-head p{color:#CDBFA6;margin-top:8px}
.em-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.em-item{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:.25s;font-size:14px}
.em-item b{font-weight:500}
.em-item small{font-size:12px;color:#F2C27A;background:rgba(201,146,52,.15);padding:2px 9px;border-radius:999px}
.em-item.soon small{color:#A89A82;background:rgba(255,255,255,.06)}
.em-item:hover,.em-item.hl{background:rgba(201,146,52,.18);border-color:rgba(242,194,122,.5);transform:translateX(-4px)}
.uae-map{position:relative}
.uae-map svg{width:100%;height:auto;overflow:visible}
.em-shape{fill:rgba(201,146,52,.16);stroke:#C99234;stroke-width:1.5;stroke-linejoin:round;cursor:pointer;transition:fill .3s,transform .4s cubic-bezier(.3,1.4,.5,1);transform-box:fill-box;transform-origin:center}
.em-shape:hover,.em-shape.hl{fill:rgba(242,194,122,.55);transform:translateY(-6px)}
.em-shape.soon{fill:rgba(255,255,255,.04);stroke:rgba(201,146,52,.4);stroke-dasharray:4 4}
.em-label{fill:#F5ECDC;font-size:13px;font-family:"Readex Pro",sans-serif;font-weight:500;text-anchor:middle;pointer-events:none}
.em-count{fill:#17140F;font-size:12px;font-weight:700;text-anchor:middle;pointer-events:none}
.em-pin{fill:#F2C27A;pointer-events:none}
.em-pulse{fill:none;stroke:#F2C27A;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:emPulse 2.2s infinite;pointer-events:none}
@keyframes emPulse{from{transform:scale(.6);opacity:1}to{transform:scale(2.6);opacity:0}}
.uae-map .sea{fill:none;stroke:rgba(127,180,201,.25);stroke-width:1;stroke-dasharray:2 6}
.map-compass{position:absolute;top:0;inset-inline-start:0;font-size:11px;color:#A89A82;display:flex;flex-direction:column;align-items:center;gap:2px}

/* ---------- لؤلؤة الأسبوع ---------- */
.deal{background:linear-gradient(100deg,#3D2A0C 0%,#7A5418 45%,#A86F1E 100%)}
.deal-img{position:relative;overflow:visible;background:transparent}
.deal-img img{border-radius:18px;position:relative;z-index:1}
.oyster-lid{position:absolute;inset:-6px;z-index:2;border-radius:22px;background:linear-gradient(160deg,#F5ECDC,#CDBFA6 60%,#A89A82);transform-origin:50% 0;transition:transform 1.2s cubic-bezier(.5,0,.2,1) .3s;box-shadow:0 10px 20px rgba(0,0,0,.3);overflow:hidden}
.oyster-lid::after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 120%,transparent 0 10px,rgba(122,84,24,.18) 10px 12px)}
.deal.open .oyster-lid{transform:perspective(600px) rotateX(-115deg)}
.pearl{position:absolute;z-index:3;width:30px;height:30px;border-radius:50%;bottom:-10px;inset-inline-end:-10px;background:radial-gradient(circle at 35% 30%,#fff 0%,#F5ECDC 30%,#D6CAB5 70%,#A89A82 100%);box-shadow:0 0 0 0 rgba(255,255,255,.6),0 6px 14px rgba(0,0,0,.35);transform:scale(0);transition:transform .6s cubic-bezier(.3,1.8,.5,1) 1.3s}
.deal.open .pearl{transform:scale(1);animation:pearlGlow 2.4s 2s infinite}
@keyframes pearlGlow{50%{box-shadow:0 0 18px 6px rgba(255,248,230,.55),0 6px 14px rgba(0,0,0,.35)}}
.deal-tag{color:#F6DDB0}
.btn-accent{background:#F5ECDC;color:#3D2A0C}
.btn-accent:hover{background:#fff}

/* ---------- لوحة رقم السيارة ---------- */
.plate{display:inline-flex;align-items:stretch;direction:ltr;margin-top:14px;border:2px solid #17140F;border-radius:8px;overflow:hidden;background:#fff;font-family:"Readex Pro",sans-serif;box-shadow:0 4px 10px -4px rgba(0,0,0,.25);transform:perspective(500px) rotateX(8deg)}
.plate .pl-code{background:#B3122B;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 8px;font-weight:700;font-size:18px;line-height:1}
.plate .pl-code small{font-size:7.5px;font-weight:500;letter-spacing:.5px;margin-top:2px}
.plate .pl-num{padding:2px 14px;font-size:26px;font-weight:700;letter-spacing:3px;color:#17140F;display:flex;align-items:center}
.plate .pl-em{writing-mode:vertical-rl;font-size:9px;font-weight:600;background:#F5ECDC;color:#5E3F10;padding:4px 3px;text-align:center}
.plate-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.plate-row small{font-size:12px;color:var(--muted);margin-top:14px}

/* ---------- باب المشربية في المعرض ---------- */
.g-door{position:absolute;inset:0;z-index:5;display:flex;pointer-events:none;perspective:1400px}
.g-door i{flex:1;background:var(--mashrabiya) center/46px 46px,linear-gradient(135deg,#5E3F10,#2a2216);box-shadow:inset 0 0 0 6px #3D2A0C,inset 0 0 40px rgba(0,0,0,.5);transition:transform 1.4s cubic-bezier(.6,0,.2,1)}
.g-door i:first-child{transform-origin:right center;border-radius:0 26px 26px 0}
.g-door i:last-child{transform-origin:left center;border-radius:26px 0 0 26px}
.g-door i::after{content:"";position:absolute;top:50%;width:10px;height:44px;margin-top:-22px;border-radius:6px;background:linear-gradient(#F2C27A,#A86F1E)}
.g-door i:first-child::after{left:14px}
.g-door i:last-child::after{right:14px}
.g-door{position:absolute}
.g-door i{position:relative}
.g-door.open i:first-child{transform:rotateY(-105deg)}
.g-door.open i:last-child{transform:rotateY(105deg)}
.g-door.gone{display:none}

/* ---------- الضيافة: الدلة ---------- */
.dallah{width:110px;height:90px;margin:0 auto;display:block;overflow:visible}
.dallah .pot{transform-box:view-box;transform-origin:62px 60px;animation:pour 2.4s ease-in-out forwards}
@keyframes pour{0%{transform:rotate(0)}25%,70%{transform:rotate(-38deg)}100%{transform:rotate(0)}}
.dallah .stream{stroke:#8A5A3C;stroke-width:3;stroke-linecap:round;stroke-dasharray:30;stroke-dashoffset:30;animation:stream 2.4s ease-in-out forwards}
@keyframes stream{0%,22%{stroke-dashoffset:30;opacity:1}40%,66%{stroke-dashoffset:0;opacity:1}78%,100%{stroke-dashoffset:-30;opacity:0}}
.dallah .coffee{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);animation:fill 2.4s ease-in-out forwards}
@keyframes fill{0%,35%{transform:scaleY(0)}70%,100%{transform:scaleY(1)}}
.dallah .steam{stroke:#CDBFA6;stroke-width:2;fill:none;stroke-linecap:round;opacity:0;animation:steam 2s 2.2s ease-in-out infinite}
@keyframes steam{0%{opacity:0;transform:translateY(4px)}50%{opacity:.8}100%{opacity:0;transform:translateY(-10px)}}

/* ---------- ليل الصحراء (الوضع الليلي) ---------- */
[data-theme=night]{
  --bg:#100E0B;--surface:#1B1813;--ink:#F3ECE0;--ink-2:#D9CFBF;--muted:#A3988A;--line:#2F2A22;
  --primary:#C99234;--primary-2:#E0B567;--primary-soft:#2C2416;--solid:#C99234;
  --shadow-sm:0 2px 10px rgba(0,0,0,.35);--shadow-md:0 12px 32px -12px rgba(0,0,0,.6);--shadow-lg:0 30px 60px -20px rgba(0,0,0,.7);
  color-scheme:dark
}
[data-theme=night] body{background:var(--bg)}
[data-theme=night] .header{background:rgba(16,14,11,.82)}
[data-theme=night] .nav,[data-theme=night] .icon-btn,[data-theme=night] .tabs,[data-theme=night] .toolbar{background:var(--surface)}
[data-theme=night] .nav a.active,[data-theme=night] .btn-dark,[data-theme=night] .tabs button.on,[data-theme=night] .car-go,[data-theme=night] .step .n,
[data-theme=night] .mini-toggle button.on,[data-theme=night] .cp-tabs a.on,[data-theme=night] .toast{color:#17140F}
[data-theme=night] .btn-primary{color:#17140F}
[data-theme=night] .logo-mark,[data-theme=night] .dealer-logo{background:#2C2416;color:#F2C27A}
[data-theme=night] .hero-search,[data-theme=night] .ph-search{background:rgba(27,24,19,.92);color:var(--ink)}
[data-theme=night] .seg{background:#25211A}
[data-theme=night] .seg button.on{background:#3A3328;color:var(--ink)}
[data-theme=night] .field{border-color:var(--line)}
[data-theme=night] .field select option{background:#1B1813}
[data-theme=night] .cp-tabs,[data-theme=night] .bottom-nav,[data-theme=night] .m-cta{background:rgba(27,24,19,.92)}
[data-theme=night] .cat-1{background:#1E2A21}[data-theme=night] .cat-2{background:#2C2416}[data-theme=night] .cat-3{background:#2A211B}[data-theme=night] .cat-4{background:#1C232B}
[data-theme=night] .cat .count{background:rgba(0,0,0,.3)}
[data-theme=night] .chip{background:rgba(27,24,19,.9);color:var(--ink)}
[data-theme=night] .chip.new,[data-theme=night] .chip.hot,[data-theme=night] .chip.ev{color:#fff}
[data-theme=night] .chip.gcc{background:var(--primary-soft);color:var(--primary-2)}
[data-theme=night] .fav,[data-theme=night] .g-btn{background:rgba(27,24,19,.9);color:var(--ink)}
[data-theme=night] .car-media,[data-theme=night] .g-stage,[data-theme=night] .car-media.noimg,[data-theme=night] .g-slide.noimg{background:linear-gradient(135deg,#2A251D,#1F1B15)}
[data-theme=night] .car-media.noimg::before,[data-theme=night] .g-slide.noimg::before{background:#F3ECE0}
[data-theme=night] .foot-giant{stroke:rgba(243,236,224,.25)}
[data-theme=night] .foot-giant.draw{fill:rgba(243,236,224,.05);stroke:rgba(243,236,224,.06)}
[data-theme=night] .d1{fill:#2A2318}[data-theme=night] .d2{fill:#211C14}[data-theme=night] .d3{fill:#1A1610}
[data-theme=night] .cmp-table tbody th{background:#211D17}
[data-theme=night] .cmp-table td.best{background:#16261B}
[data-theme=night] .bank.best{background:linear-gradient(90deg,#2C2416,var(--surface) 60%)}
[data-theme=night] .q-tile:hover{background:var(--primary-soft)}
[data-theme=night] .cmp-toggle span{background:rgba(27,24,19,.9)}
[data-theme=night] .cmp-toggle.on span{background:var(--primary);color:#17140F}
[data-theme=night] .modal-box{background:var(--surface)}
[data-theme=night] .f-check small,[data-theme=night] .dual-vals label,[data-theme=night] .f-pills button,[data-theme=night] .years button,[data-theme=night] .ctl-val,
[data-theme=night] .perf-item,[data-theme=night] .feat-list li,[data-theme=night] .p-price > div,[data-theme=night] .days button,[data-theme=night] .slots button,[data-theme=night] .view-toggle{background:#25211A}
[data-theme=night] .view-toggle button.on{background:#3A3328}
[data-theme=night] .years button.on,[data-theme=night] .days button.on{background:var(--primary);color:#17140F}
[data-theme=night] .p-monthly{color:#17140F}
[data-theme=night] .p-monthly small,[data-theme=night] .p-monthly-go{color:#3D2A0C}
[data-theme=night] .brand .mark{background:#25211A}
[data-theme=night] .plate{border-color:#F3ECE0}
[data-theme=night] .hero-stats{background:var(--surface)}
[data-theme=night] .thumbs span{border-color:var(--surface)}
[data-theme=night] .a-chip{background:var(--primary-soft);color:var(--primary-2)}

@media (max-width:960px){
  .uae-map-card{grid-template-columns:1fr;padding:26px}
  .story{height:280vh}
  .story-car{width:90px;left:40%}
  .story-dust{left:calc(40% + 84px)}
}
@media (max-width:640px){
  .uae-map-card{padding:22px 18px;border-radius:28px}
  .em-list{grid-template-columns:1fr 1fr}
  .story-strip{height:62%}
  .story-car{bottom:calc(62% * 26 / 500)}
  .story-dust{bottom:calc(62% * 26 / 500 + 4px)}
  .story-cap{padding:10px 14px 10px 10px;gap:10px}
  .story-cap .txt{font-size:13px;white-space:normal;max-width:56vw}
  .falcon{width:80px;height:40px}
  .dunes{height:90px}
  .plate .pl-num{font-size:20px}
}
@media (prefers-reduced-motion:reduce){.falcon{display:none}.g-door{display:none}}
/* night contrast fixes */
[data-theme=night] .btn-white,[data-theme=night] .type-chips button.on,[data-theme=night] .hero-feature .go,[data-theme=night] .seg button.on{color:#17140F}
[data-theme=night] .seg button.on{background:#F3ECE0}
[data-theme=night] .btn-white .arrow{background:#F6EBD6;color:#A86F1E}
[data-theme=night] .g-tools .g-btn.fav{background:rgba(27,24,19,.9);color:var(--ink)}
[data-theme=night] .g-tools .g-btn.fav.on{color:#E5243B}
[data-theme=night] .p-badges .chip{background:#25211A}
[data-theme=night] .p-badges .chip.new,[data-theme=night] .p-badges .chip.hot{color:#fff}
[data-theme=night] .p-badges .chip.new{background:var(--green)}[data-theme=night] .p-badges .chip.hot{background:var(--accent)}