/* الفكرة: أبراج الكويت ورا الاسم، وكل قسم «طابق» — صورة كاملة ينفتح عليها باب مصعد لما توصلها */
:root{
  --night:#0A1F44; --deep:#0E2A5A; --card:#12336B; --blue:#1F6FEB; --sky:#5CB0FF; --ice:#DCEBFF;
  --white:#FFFFFF; --mist:#93ABCB; --line:rgba(160,200,255,.16); --red:#F87171;
  --display:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;
  --body:"IBM Plex Sans Arabic",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--night);scroll-behavior:smooth}
body{background:linear-gradient(180deg,#0B2350 0%,#0A1F44 40%,#0C2654 100%)!important}
body{background:var(--night);color:var(--white);font-family:var(--body);font-size:17px;line-height:1.75;direction:rtl;text-align:right;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--night)}
/* 1.2 كان يركّب نقاط وحروف السطرين فوق بعض بخط Readex العربي الثقيل (محمد: «كلام داش بعضه») */
h1,h2,h3{font-family:var(--display);margin:0;line-height:1.4;text-wrap:balance}
p{margin:0}
a{color:inherit;text-decoration:none}
img{display:block}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--sky)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:16px;border:0;cursor:pointer;font-family:var(--body);transition:transform .25s,box-shadow .25s}
.btn-main{background:var(--blue);color:#fff;box-shadow:0 14px 40px -12px rgba(31,111,235,.9)}
.btn-main:hover{transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.25)}

/* الهيدر */
header{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .35s,border-color .35s,box-shadow .35s;border-bottom:1px solid transparent}
header.solid{background:rgba(10,31,68,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--line);box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px;transition:height .35s}
header.solid .nav{height:64px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:48px;height:48px;border-radius:50%;filter:drop-shadow(0 0 14px rgba(92,176,255,.45));transition:width .35s,height .35s}
header.solid .logo img{width:40px;height:40px}
.logo .nm{display:flex;flex-direction:column;line-height:1.25}
.logo .nm b{font-family:var(--display);font-weight:700;font-size:19px}
.logo .nm small{font-size:11px;color:var(--mist);letter-spacing:.02em}
.links{display:flex;gap:28px;font-size:15px;color:var(--mist)}
.links a{position:relative;padding-block:6px}
.links a::after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;border-radius:2px;background:var(--sky);transition:width .3s}
.links a:hover{color:#fff}.links a:hover::after{width:100%}
.disp{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:rgba(1,6,14,.75);border:1px solid #1d3a62;font-family:var(--mono)}
.disp small{font-family:var(--body);font-size:11px;color:var(--mist)}
.disp .arr{color:var(--sky);font-size:10px;transition:transform .3s}
.disp .arr.down{transform:rotate(180deg)}
.disp b{font-size:20px;color:#CFE6FF;min-width:20px;text-align:center;text-shadow:0 0 12px var(--sky);display:inline-block}
.disp b.flip{animation:flip .45s ease}
@keyframes flip{0%{transform:translateY(-60%);opacity:0}100%{transform:none;opacity:1}}

/* الواجهة + أبراج الكويت */
.hero{position:relative;min-height:min(90svh,840px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:radial-gradient(900px 600px at 20% 30%,#1d5bb0 0%,#0B2350 65%)}
.hero .ph{position:absolute;inset:0;z-index:-3;opacity:.45}
.hero .ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);animation:zoom 9s ease-out forwards}
@keyframes zoom{to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,11,23,.1) 0%,rgba(3,11,23,.35) 55%,var(--night) 100%)}
.towers{position:absolute;bottom:0;left:3%;height:96%;width:auto;z-index:-2;animation:towers 2s cubic-bezier(.2,.8,.2,1) both}
@keyframes towers{from{transform:translateY(25%);opacity:0}}
.towers .sph{filter:drop-shadow(0 0 18px rgba(92,176,255,.55))}
.towers .beacon{animation:beacon 1.6s ease-in-out infinite}
@keyframes beacon{50%{opacity:.15}}
.towers .halo{animation:halo 5s ease-in-out infinite alternate}
@keyframes halo{to{opacity:.35}}
#air{position:absolute;inset:0;width:100%;height:100%;z-index:-1;mix-blend-mode:screen}
.hero .wrap{width:100%;padding-block:110px 64px}
.hero .txt{max-width:620px}
.hero h1{font-size:clamp(52px,11vw,128px);font-weight:700;letter-spacing:-.01em;text-shadow:0 10px 40px rgba(3,11,23,.6)}
.hero .line{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-family:var(--display);font-size:clamp(20px,3.4vw,32px);font-weight:500;color:var(--sky)}
.hero .line span{opacity:0;transform:translateY(20px);animation:up .8s cubic-bezier(.2,.8,.2,1) forwards}
.hero .line span:nth-child(2){animation-delay:.25s}.hero .line span:nth-child(3){animation-delay:.5s}
.hero .line i{font-style:normal;color:rgba(255,255,255,.35)}
@keyframes up{to{opacity:1;transform:none}}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}


/* ريل سينمائي بالخلفية (يتبدل بفيديو حقيقي لما يوصل) */
.reel{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#0B2350}
.reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.18) translateX(2%);transition:opacity 1.4s ease}
.reel img.on{opacity:.75;animation:kb 6.5s linear forwards}
.reel img:nth-child(even).on{animation-name:kb2}
@keyframes kb{from{transform:scale(1.18) translateX(2%)}to{transform:scale(1.02) translateX(-2%)}}
@keyframes kb2{from{transform:scale(1.02) translateY(-2%)}to{transform:scale(1.2) translateY(2%)}}
.hero::after{background:linear-gradient(180deg,rgba(10,31,68,.35) 0%,rgba(10,31,68,.25) 35%,rgba(10,31,68,.75) 75%,#0A1F44 100%)!important}
.hero .towers{opacity:.6}
.bars{position:absolute;bottom:22px;left:max(20px,env(safe-area-inset-left,0px));right:max(20px,env(safe-area-inset-right,0px));max-width:1080px;margin:0 auto;display:flex;gap:6px;z-index:2}
.bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}
.bars i b{display:block;height:100%;width:0;background:#fff;border-radius:3px}
.bars i.done b{width:100%}
.bars i.now b{animation:bar 6s linear forwards}
@keyframes bar{to{width:100%}}
.cap-t{display:inline-block;font-family:var(--display);font-size:15px;letter-spacing:0;color:#fff;background:rgba(31,111,235,.85);padding:5px 14px;border-radius:999px;transition:opacity .4s,transform .4s}
.cap-t.swap{opacity:0;transform:translateY(8px)}

/* شريط الأرقام */
.facts{border-block:1px solid var(--line);background:var(--deep)}
.facts .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-block:26px}
.facts div{display:flex;flex-direction:column;gap:2px}
.facts b{font-family:var(--mono);font-size:clamp(26px,4vw,40px);line-height:1.1}
.facts span{font-size:13px;color:var(--mist)}

/* الطوابق */
.floor{padding-block:clamp(64px,10vw,120px)}
.flr-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;color:var(--sky)}
.flr-tag b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--sky);color:#fff;box-shadow:0 0 16px rgba(92,176,255,.5)}
.floor h2{font-size:clamp(34px,6vw,68px);font-weight:700;margin-top:16px}
.floor h2 em{font-style:normal;color:var(--sky)}
.floor .sub{color:var(--mist);max-width:540px;margin-top:14px;font-size:clamp(16px,1.8vw,19px)}

/* صورة ينفتح عليها باب */
.lift{position:relative;border-radius:26px;overflow:hidden;margin-top:36px;aspect-ratio:16/8;box-shadow:0 0 0 1px #24406a,0 40px 90px -40px rgba(0,0,0,.9);background:#06101f}
.lift img{width:100%;height:100%;object-fit:cover;transition:transform 2.2s cubic-bezier(.2,.8,.2,1)}
.lift .lf{position:absolute;top:0;bottom:0;width:50.5%;z-index:2;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 40%,rgba(255,255,255,.08)),repeating-linear-gradient(90deg,#aebfd4 0 1px,#d3deeb 1px 3px,#bccbdd 3px 5px);transition:transform 1.3s cubic-bezier(.75,0,.2,1) .15s;transform:translateX(var(--x))}
.lift .lf.r{right:0;--x:102%}.lift .lf.l{left:0;--x:-102%}
.lift.shut .lf{transform:none}
.lift.shut img{transform:scale(1.25)}
.lift .lf span{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--display);font-weight:700;font-size:clamp(18px,3vw,30px);color:rgba(14,32,58,.3)}
.lift .lf.r span{left:18px}.lift .lf.l span{right:18px}
.lift .cap{position:absolute;bottom:16px;right:16px;z-index:1;background:rgba(3,11,23,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:6px 14px;border-radius:999px;font-size:13px;color:var(--ice)}

/* ظهور عند النزول (ظاهر أصلاً، والسكربت يجهزه قبل لا يوصله) */
.rv{transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.rv.pre{opacity:0;transform:translateY(40px)}

/* الماركات تتحرك */
.brands{margin-top:18px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.brands .track{display:flex;gap:14px;width:max-content;animation:mq 28s linear infinite}
.brands:hover .track{animation-play-state:paused}
.brands .b{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px 26px;text-align:center;min-width:140px}
.brands .b strong{display:block;font-family:var(--display);font-weight:700;letter-spacing:.1em;font-size:18px}
.brands .b small{color:var(--mist);font-size:12px}
@keyframes mq{to{transform:translateX(50%)}}

/* صور التكييف */
.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.shots figure{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3}
.shots img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.shots figure:hover img{transform:scale(1.08)}
.shots figcaption{position:absolute;bottom:12px;right:12px;font-size:13px;background:rgba(3,11,23,.75);padding:4px 12px;border-radius:999px}

.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.trio div{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:18px}
.trio b{display:block;font-family:var(--display);font-size:18px;font-weight:500}
.trio span{color:var(--mist);font-size:14px}

.sos{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;background:rgba(220,38,38,.12);border:1px solid rgba(248,113,113,.5);border-radius:18px;padding:16px 20px}
.sos i{width:12px;height:12px;border-radius:50%;background:var(--red);animation:pulse 1.6s infinite;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(248,113,113,.7)}100%{box-shadow:0 0 0 16px rgba(248,113,113,0)}}
.sos b{font-family:var(--mono);font-size:20px;user-select:all;margin-inline-start:auto}

/* الكفالة */
.warranty{position:relative;overflow:hidden;background:var(--deep);border-block:1px solid var(--line)}
.warranty .wrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,60px);align-items:center}
.big{font-family:var(--mono);font-size:clamp(110px,22vw,240px);font-weight:700;line-height:.9;background:linear-gradient(180deg,#fff,var(--sky) 70%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}

/* المشاريع والمعارض */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.chips button{padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--ice);font-family:var(--body);font-size:14px;cursor:pointer;transition:all .2s}
.chips button[aria-pressed=true]{background:#fff;color:var(--night);border-color:#fff}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,340px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 16px;margin-top:22px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start;min-width:0}
.proj{border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);animation:pin .5s cubic-bezier(.2,.8,.2,1) both}
.proj.bye{animation:pout .3s ease forwards}
@keyframes pin{from{opacity:0;transform:translateY(20px) scale(.95)}}
@keyframes pout{to{opacity:0;transform:scale(.9)}}
.proj .im{position:relative;aspect-ratio:4/3;overflow:hidden}
.proj .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.proj:hover .im img{transform:scale(1.08)}
.proj .tg{position:absolute;top:12px;right:12px;background:#fff;color:var(--night);font-size:12px;font-weight:600;padding:3px 12px;border-radius:999px}
.proj .bd{padding:16px 18px 18px}
.proj h3{font-size:18px;font-weight:500}
.proj p{color:var(--mist);font-size:13px;margin-top:2px}
.expo{position:relative;overflow:hidden}
.expo .beam{position:absolute;top:0;width:50%;height:100%;pointer-events:none;background:conic-gradient(from 180deg at 50% 0%,transparent 0 170deg,rgba(220,235,255,.12) 176deg 184deg,transparent 190deg);transform-origin:50% 0;animation:sweep 6s ease-in-out infinite alternate}
.expo .beam.b2{left:auto;right:0;animation-delay:-3s}
@keyframes sweep{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}
.ev{border-radius:22px;padding:22px;background:var(--card);border:1px solid var(--line);position:relative}
.ev .yr{font-family:var(--mono);font-size:40px;font-weight:700;color:#BFE0FF;line-height:1}
.ev h3{font-size:18px;font-weight:500;margin-top:12px}
.ev p{color:var(--mist);font-size:14px}
.ev.gold{border-color:rgba(255,210,122,.5)}.ev.gold .yr{color:#FFD27A}
.note{font-size:12px;color:#6E8AAE;margin-top:8px}

/* التواصل */
.contact{position:relative;overflow:hidden;isolation:isolate;text-align:center}
.contact .towers{left:50%;transform:translateX(-50%);height:100%;opacity:.25;animation:none}
.contact::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 400px at 50% 30%,rgba(31,111,235,.25),transparent 70%),linear-gradient(180deg,var(--night),rgba(3,11,23,.5),var(--night))}
.contact h2{margin-inline:auto}

/* أقسام فاتحة: أزرق وأبيض مثل هوية سمو */
.light{background:linear-gradient(180deg,#F3F8FF,#E4EFFE);color:#0A1F44}
.light .sub,.light .note{color:#4C6684}
.light .flr-tag{color:#1F6FEB}.light .flr-tag b{color:#0A1F44;border-color:#1F6FEB;box-shadow:0 0 14px rgba(31,111,235,.25)}
.light h2 em{color:#1F6FEB}
.light .trio div,.light .proj{background:#fff;border-color:#D5E4F6;box-shadow:0 18px 40px -28px rgba(10,31,68,.35)}
.light .trio span,.light .proj p{color:#4C6684}
.light .chips button{color:#0A1F44;border-color:#C5D8F0;background:#fff}
.light .chips button[aria-pressed=true]{background:#1F6FEB;border-color:#1F6FEB;color:#fff}
.light .lift{box-shadow:0 0 0 1px #C5D8F0,0 40px 80px -40px rgba(10,31,68,.5)}


/* الكتالوجات */
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:34px}
.cat{position:relative;aspect-ratio:3/4;border-radius:6px 18px 18px 6px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(160deg,#1F6FEB,#0B3C8C);box-shadow:-6px 6px 0 -1px #fff,-6px 6px 0 0 #C5D8F0,-12px 12px 0 -1px #fff,-12px 12px 0 0 #C5D8F0,0 30px 50px -26px rgba(10,31,68,.55);transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-origin:right center;max-width:100%}
.cat:hover{transform:perspective(900px) rotateY(-16deg) translateX(-6px)}
.cat.d{background:linear-gradient(160deg,#173d7a,#0A1F44)}
.cat.s{background:linear-gradient(160deg,#5CB0FF,#1F6FEB)}
.cat .top{display:flex;justify-content:space-between;align-items:center}
.cat .top img{width:34px;height:34px;border-radius:50%}
.cat .pdf{font-family:var(--mono);font-size:11px;font-weight:700;background:#fff;color:#C62828;padding:2px 8px;border-radius:6px;direction:ltr}
.cat h3{font-size:clamp(18px,2vw,24px);font-weight:700}
.cat small{display:block;font-size:12px;opacity:.8;margin-top:4px}
.cat .dl{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:rgba(255,255,255,.18);padding:7px 14px;border-radius:999px;align-self:flex-start}
.cat .dl.soon{opacity:.7}
/* آخر الأخبار والعروض — من «موقعي» بـZONETIQ */
.proj.post .bd{display:flex;flex-direction:column;gap:6px}
#newsRail{align-items:start}
.proj.post .dt{font-size:12.5px;font-weight:600;color:var(--sky)}
.proj.post p{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.7}
.proj.post.noimg{border-top:4px solid var(--sky)}
.proj.post.noimg .bd{padding-top:22px}
@media (max-width:860px){.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}


/* وضع التعديل التجريبي */
.edit-fab{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:center;gap:8px;background:#fff;color:#0A1F44;border:0;border-radius:999px;padding:12px 18px;font-family:var(--body);font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 14px 40px -12px rgba(0,0,0,.6)}
body.editing .edit-fab{background:#1F6FEB;color:#fff}
.edit-tip{display:none;position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:70;max-width:280px;background:#fff;color:#0A1F44;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.6;box-shadow:0 14px 40px -12px rgba(0,0,0,.6)}
.edit-tip button{margin-top:8px;background:none;border:1px solid #C5D8F0;border-radius:999px;padding:5px 12px;font-family:var(--body);font-size:12px;color:#0A1F44;cursor:pointer}
body.editing .edit-tip{display:block}
.x-del{display:none;position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;background:#E53935;color:#fff;border:2px solid #fff;z-index:4;cursor:pointer;font-size:16px;line-height:1;place-items:center;font-family:var(--body)}
body.editing .x-del{display:grid}
.proj,.ev,.brands .b{position:relative}
.add-card{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:180px;border:2px dashed #5CB0FF;border-radius:22px;background:rgba(92,176,255,.08);color:var(--sky);font-family:var(--body);font-size:15px;font-weight:600;cursor:pointer}
.add-card span{font-size:34px;line-height:1}
.light .add-card{color:#1F6FEB;border-color:#1F6FEB;background:rgba(31,111,235,.06)}
body.editing .add-card{display:flex}
body:not(.editing) .add-card{display:none!important}
body.editing .brands{mask-image:none;-webkit-mask-image:none}
body.editing .brands .track{animation:none;flex-wrap:wrap;width:auto}
body.editing .brands .dup{display:none}
body.editing .brands .add-card{min-height:auto;min-width:140px;border-radius:16px;padding:12px}
.cat.add-card{aspect-ratio:3/4;box-shadow:none}
.modal{position:fixed;inset:0;z-index:120;background:rgba(5,15,35,.72);display:grid;place-items:center;padding:16px}
.sheet{background:#fff;color:#0A1F44;border-radius:22px;padding:22px;width:min(440px,100%);max-height:88vh;overflow:auto;text-align:right}
.sheet h3{font-size:20px;font-weight:700;margin-bottom:14px}
.sheet label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
.sheet input,.sheet select{width:100%;box-sizing:border-box;border:1px solid #C5D8F0;border-radius:12px;padding:11px 12px;font-family:var(--body);font-size:15px;color:#0A1F44;background:#F6FAFF}
.sheet input:focus,.sheet select:focus{outline:2px solid #1F6FEB;border-color:#1F6FEB}
.sheet .err{color:#C62828;font-size:13px;margin-top:8px;min-height:1em}
.sheet .row{margin-top:16px;display:flex;gap:10px}
.sheet .row button{flex:1;border:0;border-radius:999px;padding:12px;font-family:var(--body);font-size:15px;font-weight:600;cursor:pointer}
.sheet .ok{background:#1F6FEB;color:#fff}.sheet .no{background:#EEF4FC;color:#0A1F44}
.sheet .hint{font-size:12px;color:#4C6684;margin-top:4px}
@media (max-width:860px){.edit-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.edit-tip{bottom:calc(138px + env(safe-area-inset-bottom,0px))}}

/* الأرقام والحسابات تنقرا من اليسار حتى داخل النص العربي */
.sos b,.facts b,.ev .yr,.big,.disp b{direction:ltr;unicode-bidi:isolate;display:inline-block}
/* الفوتر: مدمج — شعار وسطر وروابط التواصل و© (مساحة شريط الجوال تحت بس على الجوال) */
.contact{padding-bottom:clamp(48px,6vw,80px)}
footer{border-top:1px solid var(--line);background:rgba(3,11,23,.35);font-size:13px;color:var(--mist)}
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-block:22px}
footer .logo img{width:36px;height:36px;filter:none}
footer .logo .nm b{font-size:16px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px}
.foot-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);color:var(--ice);font-size:13px;transition:background .2s,border-color .2s}
.foot-links a:hover{background:rgba(255,255,255,.08);border-color:rgba(160,200,255,.35)}
.foot-links bdi{font-family:var(--mono);direction:ltr}
.foot .copy{font-size:12px;color:#6E8AAE}
.dock{display:none}

/* كرت المنشور ينفتح: الصورة كبيرة وتحتها الكلام (المنشورات من «موقعي») */
#rail .proj{cursor:pointer}
#rail .proj:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.proj .more{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--blue)}
.lb{position:fixed;inset:0;z-index:130;background:rgba(5,15,35,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:lbIn .25s ease both}
@keyframes lbIn{from{opacity:0}}
.lb-box{position:relative;width:min(960px,100%);max-height:calc(100svh - 32px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#0A1F44;border-radius:22px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);text-align:right;animation:lbUp .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes lbUp{from{transform:translateY(24px) scale(.97)}}
.lb-im{margin:0;background:#06101f;display:grid;place-items:center}
.lb-im img{width:100%;max-height:min(64svh,620px);object-fit:contain}
.lb-bd{padding:20px 24px 8px}
.lb-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}
.lb-top .tg{background:#1F6FEB;color:#fff;font-size:12px;font-weight:600;padding:3px 12px;border-radius:999px}
.lb-meta{font-size:13px;color:#4C6684}
.lb-bd h3{font-size:clamp(20px,2.4vw,26px);font-weight:700}
.lb-bd p{margin-top:10px;color:#2E4A6B;font-size:16px;line-height:1.85;white-space:pre-line}
.lb-nav{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 24px 16px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 30%)}
.lb-nav button,.lb-x{border:0;cursor:pointer;font-family:var(--body);font-weight:600}
.lb-nav button{display:inline-flex;align-items:center;gap:6px;background:#EEF4FC;color:#0A1F44;border-radius:999px;padding:10px 18px;font-size:14px}
.lb-nav button:hover{background:#DCEBFF}
.lb-nav button:disabled{opacity:.4;cursor:default}
.lb-nav span{font-family:var(--mono);font-size:13px;color:#4C6684;direction:ltr}
.lb-x{position:absolute;top:12px;left:12px;z-index:2;width:42px;height:42px;border-radius:50%;background:rgba(3,11,23,.7);color:#fff;font-size:18px;line-height:1;display:grid;place-items:center}
.lb-x:hover{background:rgba(3,11,23,.9)}
.lb :focus-visible{outline:3px solid #1F6FEB;outline-offset:2px}
/* صفحة كاملة بدل النافذة (محمد: «ليش جذي مو صفحه كامله») — الصورة تاخذ الشاشة والتفاصيل تحتها،
   وبالكمبيوتر الصورة يمين كبيرة والتفاصيل جنبها */
.lb{padding:0;place-items:stretch;background:#06101f}
.lb-box{width:100%;height:100svh;max-height:none;border-radius:0;display:flex;flex-direction:column;animation:lbFade .3s ease both}
@keyframes lbFade{from{opacity:0}to{opacity:1}}
/* الجوال: الصورة بعرض الشاشة بطولها الطبيعي (بلا فراغ أسود فوق وتحت)، والتفاصيل تاخذ الباقي وتنسحب */
.lb-im{flex:0 1 auto;min-height:0;padding-top:calc(64px + env(safe-area-inset-top,0px))}
.lb-im img{width:100%;height:auto;min-height:46svh;max-height:68svh;object-fit:cover}
.lb-bd{flex:1 1 auto;min-height:0;padding:18px max(18px,env(safe-area-inset-right,0px)) 12px max(18px,env(safe-area-inset-left,0px));overflow:auto}
.lb-nav{flex:0 0 auto;position:static;background:#fff;border-top:1px solid #E3ECF7;padding:12px max(18px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}
.lb-x{top:calc(14px + env(safe-area-inset-top,0px));left:max(14px,env(safe-area-inset-left,0px));width:auto;height:44px;padding:0 16px;border-radius:999px;gap:6px;display:inline-flex;align-items:center;font-size:15px}
@media (min-width:900px){
  .lb-box{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:minmax(0,1fr) auto}
  .lb-im{grid-row:1/3;grid-column:1;padding-top:0}
  .lb-im img{height:100%;max-height:none}
  .lb-bd{grid-column:2;grid-row:1;max-height:none;padding:72px 32px 16px;align-self:start}
  .lb-nav{grid-column:2;grid-row:2;border-top:1px solid #E3ECF7}
  .lb-bd h3{font-size:30px}
}
@media (prefers-reduced-motion:reduce){.lb-box{animation:none}}

/* 🖼️ صفحة المشروع v3 (محمد: «نبي اقوى… محدد» و«نبي يكون اكثر من صوره»): معرض يسحب بالإصبع،
   مواصفات chips، «شنو سوينا»، و«اطلب نفس الشغل» */
.proj .pc{position:absolute;bottom:10px;left:10px;background:rgba(3,11,23,.72);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;font-family:var(--mono)}
.lb-gal{position:relative;overflow:hidden;display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.lb-vp{overflow:hidden;height:min(62svh,112vw);width:100%}
.lb-track{display:flex;height:100%;direction:rtl;transition:transform .4s cubic-bezier(.2,.8,.2,1);will-change:transform}
.lb-slide{flex:0 0 100%;height:100%;margin:0;position:relative;background:#06101f}
.lb-gal .lb-slide img{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;display:block;-webkit-user-drag:none}
.lb-slide figcaption{position:absolute;right:0;left:0;bottom:0;padding:34px 18px 40px;background:linear-gradient(180deg,transparent,rgba(3,11,23,.78));color:#fff;font-size:14px;font-weight:500;line-height:1.6}
.lb-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0A1F44;font-size:20px;font-weight:700;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px -10px rgba(0,0,0,.6);z-index:2}
.lb-arr.prev{right:12px}.lb-arr.next{left:12px}
.lb-arr:disabled{opacity:0;pointer-events:none}
.lb-gcnt{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));z-index:2;background:rgba(3,11,23,.7);color:#fff;font-family:var(--mono);font-size:13px;padding:5px 12px;border-radius:999px}
.lb-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:2;direction:rtl}
.lb-dots button{width:22px;height:22px;border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.lb-dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);transition:width .25s,background .25s}
.lb-dots button[aria-current=true]::before{width:20px;border-radius:999px;background:#fff}
.lb-gal.one .lb-arr,.lb-gal.one .lb-gcnt,.lb-gal.one .lb-dots{display:none}
.lb-gal.one .lb-slide figcaption{padding-bottom:16px}
.lb-specs{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lb-specs li{display:flex;flex-direction:column;gap:1px;background:#EEF4FC;border:1px solid #DCE8F7;border-radius:12px;padding:7px 12px;min-width:0}
.lb-specs small{font-size:11.5px;color:#4C6684;font-weight:500}
.lb-specs b{font-size:14.5px;color:#0A1F44;font-weight:700}
.lb-hl{margin-top:18px}
.lb-hl h4{font-size:15px;font-weight:700;color:#0A1F44;margin-bottom:6px}
.lb-hl ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.lb-hl li{position:relative;padding-right:28px;color:#2E4A6B;font-size:15px;line-height:1.7}
.lb-hl li::before{content:"✓";position:absolute;right:0;top:2px;width:20px;height:20px;border-radius:50%;background:#1F6FEB;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.lb-order{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:14px 20px;border-radius:14px;background:#1F9D55;color:#fff;font-weight:700;font-size:16px;box-shadow:0 14px 30px -14px rgba(31,157,85,.9);transition:transform .2s}
.lb-order:hover{transform:translateY(-1px)}
.lb-order .ic{display:inline-flex;width:22px;height:22px}.lb-order .ic svg{width:100%;height:100%;fill:currentColor}
.lb-specs[hidden],.lb-hl[hidden],.lb-order:not([href]){display:none}
@media (min-width:900px){
  .lb-gal{grid-row:1/3;grid-column:1;height:100svh}
  .lb-vp{height:100%}
  .lb-gal .lb-slide img{object-fit:contain}
  .lb-gcnt{top:20px;right:20px}
  .lb-arr{width:52px;height:52px;font-size:22px}
  .lb-arr.prev{right:20px}.lb-arr.next{left:20px}
  .lb-bd{overflow:auto;max-height:100%}
}
@media (prefers-reduced-motion:reduce){.lb-track,.lb-dots button::before,.lb-order{transition:none}}

/* شاشة البداية */
.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;cursor:pointer;overflow:hidden}
.intro .ih{position:absolute;top:0;bottom:0;width:50.5%;background:repeating-linear-gradient(90deg,#0d2856 0 2px,#11306a 2px 6px),#0d2856;transition:transform 1.3s cubic-bezier(.75,0,.2,1)}
.intro .ih.r{right:0;box-shadow:inset 1px 0 0 #2a4468}.intro .ih.l{left:0;box-shadow:inset -1px 0 0 #2a4468}
.intro .glow{position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 45%,rgba(31,111,235,.35),transparent 70%);transition:opacity .8s}
.intro .ct{position:relative;text-align:center;padding:24px;transition:opacity .5s,transform .8s}
.ring{position:relative;width:min(46vw,190px);aspect-ratio:1;margin:0 auto}
.ring svg{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);transform:rotate(-90deg)}
.ring circle{fill:none;stroke:var(--sky);stroke-width:3;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:ring 2.2s cubic-bezier(.6,0,.2,1) .2s forwards;filter:drop-shadow(0 0 8px var(--sky))}
@keyframes ring{to{stroke-dashoffset:0}}
.ring img{width:100%;height:100%;border-radius:50%;box-shadow:0 0 60px rgba(92,176,255,.6);animation:pop .9s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop{from{transform:scale(.4);opacity:0}}
.tmp-row{display:flex;justify-content:center;align-items:baseline;gap:14px;margin-top:30px;font-family:var(--mono)}
.tmp-row small{font-family:var(--body);color:var(--mist);font-size:14px}
#tmp{font-size:clamp(54px,12vw,96px);font-weight:700;line-height:1;color:#FF9F5A;text-shadow:0 0 30px currentColor;min-width:3ch;display:inline-block;direction:ltr}
.intro h1{font-size:clamp(26px,5vw,44px);font-weight:700;margin-top:18px;animation:fadeUp .8s .6s both}
.intro .tag{color:var(--mist);margin-top:6px;animation:fadeUp .8s .8s both}
.intro .enter{margin-top:26px;font-size:13px;color:var(--sky);animation:fadeUp .8s 1.4s both,blink 1.6s 2.2s infinite}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}}
@keyframes blink{50%{opacity:.35}}
.intro.go .ih.r{transform:translateX(102%)}.intro.go .ih.l{transform:translateX(-102%)}
.intro.go .ct{opacity:0;transform:scale(1.15)}.intro.go .glow{opacity:0}
.intro.gone{display:none}

@media (max-width:860px){
  .links{display:none}
  .nav{height:68px}
  .logo img{width:42px;height:42px}
  .logo .nm b{font-size:17px}
  .disp small{display:none}
  .hero{min-height:88svh;align-items:flex-end}
  .towers{left:-6%;height:82%;opacity:.7}
  .lift{aspect-ratio:4/3.4}
  .trio{grid-template-columns:1fr}
  .warranty .wrap{grid-template-columns:1fr;text-align:center}
  .facts .wrap{gap:8px}
  .facts span{font-size:12px}
  .dock{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:55;background:rgba(10,31,68,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-top:1px solid var(--line)}
  .dock a{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-radius:14px;font-weight:600;font-size:15px;background:rgba(255,255,255,.08)}
  .dock a.wa{background:#1F9D55}
  footer{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .foot{flex-direction:column;text-align:center;gap:12px}
  .foot-links{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .intro{display:none}.hero .line span{opacity:1;transform:none}
}

/* ===== صفحة المشاريع (/projects/) + زر «كل المشاريع» ===== */
.all-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:12px 22px;border-radius:999px;background:#1F6FEB;color:#fff;font-weight:600;font-size:15px;box-shadow:0 14px 34px -14px rgba(31,111,235,.8);transition:transform .25s}
.all-btn:hover{transform:translateY(-2px)}
.links a[aria-current=page]{color:#fff}.links a[aria-current=page]::after{width:100%}
.page-hero{padding-top:calc(120px + env(safe-area-inset-top,0px));padding-bottom:clamp(56px,8vw,96px);min-height:70vh}
.crumbs{font-size:13px;color:#4C6684;margin-bottom:14px}.crumbs a{color:#1F6FEB;font-weight:600}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;margin-top:26px}
.pgrid .proj{cursor:pointer}
.pgrid .proj:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.pgrid .empty{grid-column:1/-1;text-align:center;color:#4C6684;padding:40px 0}

/* ===== الحروف العربية متصلة (محمد 1 نوفمبر 2026: «وصلت السطح» والطوابق كانت حروفها متقطعة) =====
   السبب: خط mono (لاتيني بس) + letter-spacing — أي تباعد حروف يفصل الحروف العربية بكروم وسفاري.
   القاعدة: العربي بخط عربي وتباعد 0، والمونو للأرقام واللاتيني بس (.num / b الرقم). */
.eyebrow,.flr-tag,.tmp-row,.hero h1,.logo .nm small{font-family:var(--body);letter-spacing:0}
.hero h1{font-family:var(--display)}
.flr-tag{font-size:14px;font-weight:500}
.flr-tag b,.num,#tmp,.disp b{font-family:var(--mono);letter-spacing:0}
.flr-tag i{font-style:normal;opacity:.55}
.num{direction:ltr;unicode-bidi:isolate}

/* ===== من نحن (بعد الواجهة) ===== */
.about-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,64px);align-items:center}
.about-grid.noimg{grid-template-columns:1fr}
.about-p{margin-top:18px;display:grid;gap:12px;font-size:17px;line-height:1.95;color:#2E4A6B;max-width:62ch}
.points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.points div{background:#fff;border:1px solid #D5E4F6;border-radius:16px;padding:14px 16px;box-shadow:0 18px 40px -30px rgba(10,31,68,.35)}
.points b{display:block;font-family:var(--display);font-size:16px;font-weight:500;color:#0A1F44}
.points span{display:block;font-size:13.5px;color:#4C6684;line-height:1.6;margin-top:2px}
.points b .num{display:inline;font-size:15px}
.about-im{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 30px 60px -30px rgba(10,31,68,.5)}
.about-im img{width:100%;height:100%;object-fit:cover;object-position:center 70%} /* صور سمو فيها شعار فوق بالنص — نقص من فوق */

/* ===== التواصل: كروت واضحة بالوسط (محمد: «هذي تحتاج ترتيب») ===== */
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:960px;margin:34px auto 0;text-align:right}
.cc{display:flex;align-items:center;gap:14px;min-height:84px;padding:16px 18px;border-radius:18px;background:rgba(10,26,48,.88);border:1px solid var(--line);transition:transform .2s,border-color .2s,background .2s}
.cc:hover,.cc:focus-visible{transform:translateY(-2px);border-color:rgba(92,176,255,.55);background:rgba(16,40,74,.95)}
.cc .ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(92,176,255,.14);color:var(--sky)}
.cc .ic svg{width:22px;height:22px;fill:currentColor}
.cc.wa .ic{background:rgba(37,211,102,.16);color:#3DDC84}
.cc .tx{display:flex;flex-direction:column;min-width:0}
.cc small{font-size:13px;color:var(--mist);line-height:1.4}
.cc b{font-size:20px;font-weight:600;color:#fff;line-height:1.35}
.cc bdi{font-family:var(--mono);font-weight:700;letter-spacing:.02em}
.cc.wide{grid-column:1/-1;justify-content:center} /* العنوان سطر كامل — ما يخلي فراغ لو عدد الكروت فردي */
.cc.addr b{font-family:var(--body);font-size:16px;font-weight:500;line-height:1.6}
.cta-wa{margin-top:22px;background:#1F9D55;color:#fff;box-shadow:0 14px 34px -14px rgba(31,157,85,.8)}
.cta-wa:hover{transform:translateY(-2px)}
.contact .sub{margin:10px auto 0;color:var(--mist)}

@media (max-width:860px){
  .about-grid{grid-template-columns:1fr}
  .about-im{aspect-ratio:16/10;order:-1}
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .points{grid-template-columns:1fr}
  .cgrid{grid-template-columns:1fr}
  .cc.wide{justify-content:flex-start}
  .cc{min-height:72px}
}
.about h2{font-size:clamp(32px,4.6vw,54px)}

/* «من نحن»: نفس باب المصعد اللي على صور الأقسام + حركة خفيفة للنقاط (محمد: «نبي حركات») */
.about-im.lift{margin-top:0;aspect-ratio:1/1}
.about-im.lift img{object-position:center 70%}
.points div{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.points div:hover{transform:translateY(-4px);border-color:#9CC6F5;box-shadow:0 26px 50px -28px rgba(31,111,235,.45)}
.about h2 em{background:linear-gradient(90deg,var(--blue),var(--sky),var(--blue));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:aboutShine 6s linear infinite}
@keyframes aboutShine{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.about h2 em{animation:none}.points div{transition:none}}

/* مشاركة المشروع */
.lb-share{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.lb-share button,.lb-share a{display:inline-flex;align-items:center;gap:6px;border:1px solid #D5E4F6;background:#F3F8FF;color:#0A1F44;border-radius:999px;padding:8px 16px;font:600 14px var(--body);cursor:pointer;text-decoration:none}
.lb-share a{background:#25D366;border-color:#25D366;color:#04210f}
.lb-share [hidden]{display:none}