:root{--navy:#071a31;--navy2:#0c2845;--navy3:#173956;--gold:#cba86a;--gold2:#f0d9a4;--ink:#13263d;--sub:#718093;--bg:#f2f5f7;--line:#e0e7ec;--card:#fff;--green:#166b50;--palegreen:#e1f3ea;--red:#a44649;--palered:#f9e6e4;--shadow:0 12px 35px rgba(11,38,68,.085)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Cairo,Tahoma,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h1,h2,h3,h4,p{margin-top:0}.hidden{display:none!important}.container{width:min(1220px,calc(100% - 36px));margin:auto}.topbar{background:var(--navy);color:#fff;border-bottom:1px solid #bc9c603d;position:relative;z-index:8}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px}.logo-wrap{display:flex;align-items:center;gap:13px}.logo-wrap img{width:54px;height:54px;object-fit:contain}.brand-name{font-size:17px;line-height:1.4;font-weight:800}.brand-sub{font-size:11px;color:#e3c18a}.nav-links{display:flex;gap:10px;align-items:center}.nav-links a{padding:9px 12px;border-radius:8px;color:#e8eff5;font-size:12px}.nav-links a:hover{background:#ffffff16}.nav-links .nav-admin{border:1px solid #ba996657;color:var(--gold2)}.hero{background:#0a2139;color:#fff;position:relative;min-height:390px;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('assets/harir-building.webp');background-position:35% 48%;background-size:cover;opacity:.96}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(to left,#071a31 2%,#071a31f2 25%,#071a31ae 51%,#071a3133 81%,#071a311e);z-index:1}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:390px;padding-top:32px;padding-bottom:39px}.hero-copy{max-width:580px}.overline{display:inline-flex;align-items:center;gap:9px;letter-spacing:.1px;color:#f0d5a0;border:1px solid #caa96b83;border-radius:30px;padding:5px 13px;font-size:12px;background:#0b2945a8}.hero h1{font-size:clamp(27px,3.7vw,50px);line-height:1.55;margin:13px 0 12px;font-weight:900}.hero p{max-width:520px;font-size:14px;line-height:2;color:#d7e1e9}.goldline{width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--gold2),var(--gold));margin:19px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;min-height:42px;font-size:13px;font-weight:800;white-space:nowrap;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#071b33;background:linear-gradient(135deg,#f2dcac,#c5a067)}.btn.outline{background:transparent;color:var(--navy);border:1px solid #c2ccd5}.btn.deep{background:var(--navy2);color:#fff}.btn.green{background:#e1f3ea;color:#135c47;border:1px solid #a4d6bb}.btn.danger{background:#f8e5e1;color:#8f3b3b;border:1px solid #e7bab5}.btn.small{font-size:11px;min-height:35px;padding:8px 12px}.btn.block{width:100%}.hero .btn.outline{border-color:#d9b9807a;color:#f1ddb5;background:#03132480}.smallprint{font-size:10px!important;color:#d8e1e9c9!important}.notice{border-radius:12px;padding:12px 16px;border:1px solid #dec69a;background:#fff9e9;color:#6c542c;line-height:1.8}.notice.error{border-color:#e4b1ae;color:#963b3e;background:#fff0ef}.notice.good{border-color:#add1b7;background:#e8f7ee;color:#195a40}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:-25px;position:relative;z-index:4}.stat{background:var(--card);border-top:3px solid var(--gold);border-radius:14px;padding:17px 20px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:30px;line-height:1.3;color:var(--navy)}.stat span{color:var(--sub);font-size:12px}.stat .green-num{color:var(--green)}.stat .red-num{color:var(--red)}.main{padding-top:27px;padding-bottom:30px}.section{margin:25px 0 32px}.section-intro{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.section-intro h2{font-size:23px;margin:0;color:var(--navy)}.section-intro p{font-size:12px;color:var(--sub);margin:5px 0 0}.legend{display:flex;gap:13px;align-items:center;color:#58677b;font-size:12px}.bullet{display:inline-block;width:11px;height:11px;border-radius:3px;margin-left:5px}.bullet.available{background:#80c9a2}.bullet.sold{background:#e49e9b}.block-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.block-pick{background:#fff;border:2px solid transparent;border-radius:14px;padding:14px;text-align:right;box-shadow:var(--shadow);transition:.2s}.block-pick.active{border-color:var(--gold);background:var(--navy);color:#fff}.block-pick:hover{transform:translateY(-2px)}.mini-skyline{display:flex;gap:5px;align-items:end;height:72px;margin-bottom:11px}.mini-building{background:#e5e8ec;border:1px solid #c1cad1;flex:1;height:65px;border-radius:3px 3px 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:4px;padding:7px}.mini-building i{background:#9fabb6;border-radius:1px}.block-pick.active .mini-building{background:#40576c;border-color:#ad9c7e}.block-pick.active .mini-building i{background:#c7b78e}.block-pick strong{font-size:17px}.block-pick .block-meta{font-size:11px;color:var(--sub)}.block-pick.active .block-meta{color:#becfdb}.block-count{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:7px}.block-count .free{font-size:12px;color:var(--green)}.block-pick.active .block-count .free{color:#bce8d2}.two-cols{display:grid;grid-template-columns:1.35fr .85fr;gap:16px;align-items:stretch}.facade-panel{background:radial-gradient(circle at top,#244767,#0b243e 58%,#07182d);border-radius:16px;color:#fff;padding:20px;box-shadow:var(--shadow);min-height:478px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-top h3{margin:0;font-size:19px}.panel-top p{color:#b8c8d6;font-size:11px;margin:4px 0 0}.view-tabs{display:flex;gap:6px;background:#ffffff15;border:1px solid #ffffff25;border-radius:9px;padding:3px}.view-tabs button{background:transparent;border:0;color:#d2e0ea;padding:7px 9px;font-size:11px;border-radius:6px}.view-tabs button.active{background:var(--gold);color:#061629;font-weight:800}.facade-wrap{padding-top:28px;max-width:730px;margin:auto;perspective:900px}.facade-building{transform:rotateY(-5deg) rotateX(2deg);filter:drop-shadow(18px 16px 12px #0005)}.roof{height:12px;background:linear-gradient(90deg,#f4ede3,#c5bdae,#fff3e5);border:2px solid #e7d6b8;border-bottom:3px solid #bb9d74;border-radius:3px}.floors-grid{background:linear-gradient(90deg,#d3c7b7,#f5efe6 10%,#e3d9c9 85%,#c4b29d);border-left:6px solid #a79a86;border-right:2px solid #d2c4af;padding:9px 8px 6px}.floor-row{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:5px;margin-bottom:5px}.floor-index{text-align:center;font-weight:800;color:#48556b;font-size:11px}.floor-units{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.unit-window{min-width:0;min-height:41px;position:relative;border-radius:3px;border:1px solid #b5a893;border-bottom:5px solid #aa9b85;background:#ebf3f7;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:8px 0 2px;gap:0;color:var(--ink)}.unit-window:before{content:'';position:absolute;top:4px;left:14%;right:14%;height:7px;border:1px solid #fff;background:linear-gradient(90deg,#42617a,#8fb1c3,#436882);opacity:.8}.unit-window b{font-size:11px;direction:ltr;line-height:1.2;z-index:1}.unit-window span{font-size:8px;z-index:1}.unit-window.available{background:#d0ebdb;color:#10583c}.unit-window.sold{background:#f6d0cf;color:#873937}.unit-window.selected{outline:3px solid #dcaa43;outline-offset:1px;z-index:2;transform:translateY(-2px);box-shadow:0 0 0 5px #142e4a30}.shops-row{height:30px;padding:5px 7px;display:grid;grid-template-columns:repeat(12,1fr);gap:5px;background:#bcb5a9}.shops-row span{background:linear-gradient(#183b51,#7a9eaf);border:2px solid #eee5d4}.facade-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:10px;color:#bfd1de;margin-top:15px}.facade-foot strong{color:var(--gold2)}.details{background:white;border-radius:16px;border:1px solid var(--line);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:478px}.eyebrow{color:#8897a4;letter-spacing:.5px;font-size:11px;font-weight:800}.detail-code{font-size:35px;line-height:1.2;margin:7px 0;color:var(--navy);direction:ltr;text-align:right}.status-pill{display:inline-flex;gap:6px;align-items:center;border-radius:24px;padding:5px 11px;font-size:11px;font-weight:800}.status-pill.available{color:var(--green);background:var(--palegreen)}.status-pill.sold{color:var(--red);background:var(--palered)}.status-pill:before{content:'';height:7px;width:7px;background:currentColor;border-radius:50%}.detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0 13px}.metric{border-radius:10px;background:#f5f8fa;padding:12px}.metric small{display:block;color:#8494a4;margin-bottom:5px;font-size:10px}.metric strong{font-size:15px}.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:9px 0 16px}.payment{background:#fff9ec;border:1px solid #e9d7b6;border-radius:9px;padding:11px 12px}.payment small{display:block;color:#816d4c;font-size:10px}.payment strong{font-size:17px;color:#18344e;direction:ltr;display:block;text-align:right}.payment.primary-price{background:#0e2b49;border-color:#0e2b49}.payment.primary-price small{color:#d4c7a9}.payment.primary-price strong{color:#f5d99d}.floor-controls{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.controls-title{font-size:11px;font-weight:800;color:#4a5e70;margin-bottom:7px}.floorbuttons,.numberbuttons{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:13px}.numberbuttons{grid-template-columns:repeat(7,1fr);margin:0}.floorbuttons button,.numberbuttons button{min-width:0;border-radius:6px;background:#f0f4f7;border:1px solid #d8e0e6;min-height:34px;padding:3px;font-size:11px;color:#29435c}.floorbuttons button.active,.numberbuttons button.active{background:#153757;border-color:#153757;color:#fff}.numberbuttons button.sold:not(.active){color:var(--red);background:#faecea;border-color:#ebc7c4}.numberbuttons button.available:not(.active){color:var(--green);background:#e7f4ed;border-color:#b5dcc4}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.listing{background:#fff;border-radius:16px;padding:23px;box-shadow:var(--shadow);border:1px solid var(--line)}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}.filter-control{min-width:0}.filter-control label{display:block;font-size:11px;font-weight:800;color:#566d7d;margin-bottom:6px}.filter-control input,.filter-control select,.auth-form input,.admin-code-input{border-radius:9px;border:1px solid #cbd6df;background:#fafcfd;color:var(--ink);width:100%;min-height:41px;padding:9px 10px;outline:none}.filter-control input:focus,.filter-control select:focus,.auth-form input:focus{border-color:var(--gold)}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;margin-bottom:12px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.result-card{padding:15px;border:1px solid #e0e7eb;border-radius:12px;background:#fbfcfd;transition:transform .2s,border-color .2s}.result-card:hover{border-color:var(--gold);transform:translateY(-2px)}.result-card-top{display:flex;justify-content:space-between;gap:7px;align-items:center}.result-card h3{font-size:25px;direction:ltr;text-align:right;margin:3px 0}.result-card .small-muted{font-size:11px;color:var(--sub)}.result-summary{font-size:12px;color:#586b7b;margin-top:10px}.result-price{font-size:18px;font-weight:900;color:var(--navy);margin-top:9px}.result-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.result-btns .btn{flex:1}.project-card{border-radius:16px;background:#fff;border:1px solid var(--line);padding:24px;box-shadow:var(--shadow)}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.project-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature{display:flex;gap:9px;font-size:12px;align-items:flex-start;line-height:1.8}.feature .tick{color:#1d8c68}.foot{background:#071a31;color:#fff;margin-top:26px;padding:35px 0}.foot-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot h3{font-size:19px;margin:0 0 6px}.foot p{color:#c4d3df;font-size:11px}.foot-links{display:flex;gap:8px;flex-wrap:wrap}.foot-links a{font-size:11px;border:1px solid #e0bf8066;padding:10px 13px;border-radius:9px;color:#e9d1a0}.foot-links a:hover{background:#ffffff12}.legal{border-top:1px solid #ffffff22;margin-top:25px;padding-top:18px;color:#aebfcf;font-size:10px;line-height:1.9}.threeview{position:relative;min-height:320px;background:radial-gradient(circle at 55% 30%,#2d5270,#092039 69%);border-radius:11px;margin-top:20px;padding:25px 12px 40px}.iso-scene{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;margin:45px auto 4px;max-width:660px;perspective:900px}.iso-building{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;color:#fff;gap:21px;min-width:0}.iso-shell{width:78%;height:145px;transform:rotateY(-22deg) rotateX(5deg);transform-style:preserve-3d;background:linear-gradient(90deg,#bfc7c9,#f6f0e7 25%,#d1c7b9 85%);border:3px solid #e9ded0;box-shadow:-12px 14px 0 #a9a08f,10px 18px 25px #0005;position:relative;transition:transform .2s}.iso-shell:before{content:'';position:absolute;top:-9px;left:-6px;right:-6px;height:7px;background:#e8dac5;border:2px solid #bda881}.iso-building.selected .iso-shell{outline:3px solid #d4af60;outline-offset:5px;transform:rotateY(-22deg) rotateX(5deg) translateY(-8px)}.iso-floors{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:5px;padding:8px 6px}.iso-floors i{background:linear-gradient(90deg,#446d83,#9ec0c9);border:3px solid #f9f0e3;box-shadow:0 2px #ac9f8b}.iso-label{font-size:12px;font-weight:900;border-radius:20px;background:#132f4d;padding:5px 10px;border:1px solid #bba36a}.iso-building.selected .iso-label{background:var(--gold);color:#0c2035}.iso-desc{font-size:10px;color:#b7cbd8;text-align:center;margin-top:10px}.doc-hero{min-height:180px;background:linear-gradient(120deg,#092239 0%,#0a1b31 60%,#344e65);color:#fff}.doc-hero-inner{padding:33px 0}.doc-hero h1{font-size:31px;margin-bottom:6px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#ddd0a9;margin-bottom:13px}.doc-grid{display:grid;grid-template-columns:1fr .92fr;gap:17px;margin-top:24px}.info-panel,.plan-panel,.auth-panel,.admin-panel{background:#fff;border-radius:15px;padding:22px;box-shadow:var(--shadow);border:1px solid var(--line)}.unit-hero-code{font-size:48px;line-height:1.25;font-weight:900;color:var(--navy);direction:ltr;text-align:right}.plan-panel img{width:100%;height:auto;max-height:410px;object-fit:contain;border-radius:9px;border:1px solid #e7e9eb;background:#f5f5f5}.plan-panel .plan-note{margin-top:11px;font-size:11px;color:#758599;line-height:1.9}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-panel{max-width:470px;margin:30px auto}.auth-form{display:grid;gap:14px}.auth-form label{font-size:12px;color:#5b6d7d}.auth-form input{margin-top:5px}.auth-form button{margin-top:8px}.admin-list{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px}.admin-list button{display:flex;justify-content:space-between;padding:9px 12px;border:0;border-bottom:1px solid var(--line);width:100%;background:#fff;text-align:right}.admin-list button:hover{background:#f4f7fa}.admin-list button.active{background:#fff6e7}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-stats>div{padding:11px;border-radius:9px;background:#f4f7f9}.admin-stats strong{display:block;font-size:21px}.admin-stats span{font-size:11px;color:var(--sub)}.admin-history{width:100%;border-collapse:collapse;font-size:11px}.admin-history th,.admin-history td{border-bottom:1px solid var(--line);padding:8px;text-align:right}.admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.modal-backdrop{position:fixed;inset:0;z-index:90;background:#071a31c7;display:flex;align-items:center;justify-content:center;padding:20px}.modal-panel{background:#fff;border-radius:14px;padding:23px;width:min(440px,100%);box-shadow:0 24px 65px #0005}.modal-panel h3{margin-bottom:6px}.modal-panel p{color:#52677d;line-height:1.8}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:24px;left:24px;background:#0b2c47;color:#fff;padding:12px 19px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;z-index:100;display:none;max-width:calc(100% - 40px)}.toast.show{display:block}.loading-screen{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.loading-screen img{width:90px;height:90px;object-fit:contain}.loading-screen h1{font-size:24px}.loading-screen p{color:var(--sub)}.flash{animation:flash .5s ease}@keyframes flash{from{box-shadow:0 0 0 5px #d6b777;}to{box-shadow:none}}@media(max-width:1050px){.filter-grid{grid-template-columns:repeat(3,1fr)}.two-cols{grid-template-columns:1.1fr .9fr}.result-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.container{width:min(100% - 26px,1220px)}.top-inner{min-height:67px}.logo-wrap img{height:43px;width:43px}.brand-name{font-size:13px}.brand-sub{font-size:10px}.nav-links{gap:3px}.nav-links a{font-size:10px;padding:8px 7px}.hero,.hero-inner{min-height:360px}.hero-image{background-position:center}.hero:before{background:linear-gradient(to left,#071a31 1%,#071a31e0 55%,#071a3161 100%)}.hero-inner{padding:38px 0 45px}.hero h1{font-size:29px}.hero p{font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:-18px}.stat{padding:12px 13px}.stat strong{font-size:25px}.section-intro h2{font-size:20px}.section-intro{align-items:flex-start}.block-grid{grid-template-columns:repeat(2,1fr);gap:10px}.two-cols{grid-template-columns:1fr}.facade-panel{min-height:430px;padding:13px}.facade-wrap{padding-top:15px}.details{min-height:0}.filter-grid{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:1fr}.project-grid,.doc-grid,.admin-layout{grid-template-columns:1fr}.foot-grid{flex-direction:column;align-items:flex-start}.project-features{grid-template-columns:1fr 1fr}.doc-hero h1{font-size:25px}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.logo-wrap{gap:7px}.logo-wrap img{width:35px;height:35px}.brand-name{font-size:12px}.brand-sub{font-size:9px}.nav-links .nav-admin{padding:6px;font-size:9px}.nav-links a[href='#apartments']{display:none}.hero h1{font-size:26px}.hero p{font-size:12px}.section-intro{display:block}.legend{margin-top:7px}.floor-row{grid-template-columns:20px 1fr;gap:3px}.floor-units{gap:3px}.unit-window{min-height:37px}.unit-window b{font-size:9px}.unit-window span{font-size:7px}.iso-scene{gap:2px}.iso-shell{height:104px;width:83%}.iso-floors{gap:2px;padding:4px}.iso-floors i{border-width:2px}.filter-grid{grid-template-columns:1fr 1fr}.listing{padding:15px}.project-features{grid-template-columns:1fr}}

/* Third live status: reserved (gold). Sold and available remain unchanged. */
:root{--reserve:#9a6710;--palereserve:#fff2cd}
.status-pill.reserved{color:#81520d;background:#fff0bd}.status-pill.unknown{color:#5e6b7b;background:#e9edf1}
.unit-window.reserved{background:#ffe3a2;color:#734708}.bullet.reserved{background:#e9b657}
.numberbuttons button.reserved:not(.active){background:#ffe5ab;border-color:#ddb15b;color:#784a08}
.gold-num{color:#b07915}.btn.reserve-btn{background:#efb84d;color:#231b0a;border:1px solid #d59c29;font-weight:900}
.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:750px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>.stat:first-child{grid-column:span 2}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V5: buyer-first navigation, 3D available only on demand */
html{scroll-padding-top:18px}
.stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:870px;margin-inline:auto}
.hero .hero-main-cta{font-size:15px;min-height:51px;padding-inline:22px}
.listing{scroll-margin-top:15px;padding:28px}
.listing .section-intro h2{font-size:27px}
.quick-area{margin-top:13px}
.quick-area-title{font-weight:900;color:#273b4e;font-size:13px}
.quick-area-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}
.quick-area-chip{min-width:87px;border-radius:40px;background:#f7f9fa;border:1px solid #dbe3e8;padding:9px 15px;color:#344e62;font-weight:800;font-size:12px;transition:background .18s, border .18s}
.quick-area-chip:hover{border-color:#cba86a}
.quick-area-chip.active{color:#061a30;background:linear-gradient(135deg,#f1dbab,#cba86a);border-color:#bc9353;box-shadow:0 3px 9px #a2855136}
.simple-filters{grid-template-columns:repeat(2,minmax(0,1fr));max-width:675px;margin:18px 0 0}
.simple-filters .filter-control input,.simple-filters .filter-control select{min-height:48px}
.more-filters{max-width:770px;margin-top:15px;border-top:1px solid #e8ebef;padding-top:8px}
.more-filters summary{cursor:pointer;color:#526679;font-weight:700;font-size:12px;max-width:max-content;padding:5px 0;list-style:auto}
.more-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 9px}
.hint-lite{color:#8192a2;font-size:11px}
.explore-entrance{background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:42% 1fr;overflow:hidden;min-height:260px}
.explore-image{background:linear-gradient(90deg,#0b263b13,#0b263b05),url('/assets/harir-building.webp') center center / cover;min-height:240px}
.explore-copy{padding:33px;align-self:center}
.explore-copy h2{font-size:25px;color:var(--navy);margin:7px 0}
.explore-copy p{color:#647687;line-height:2;font-size:13px}
.explore-copy .btn{margin-top:8px;white-space:normal;text-align:center}
#explore-content[hidden]{display:none!important}
#explore-content .section-intro{margin-top:24px!important}
#explore3d{scroll-margin-top:18px}
@media(max-width:750px){
 .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:-17px}
 .stats>.stat:first-child{grid-column:span 1}
 .stat{padding:11px 7px;text-align:center}.stat strong{font-size:25px}.stat span{font-size:10px}
 .listing{padding:17px}.listing .section-intro h2{font-size:22px}
 .quick-area-chips{gap:7px}.quick-area-chip{min-width:0;padding:10px 12px;font-size:12px}
 .simple-filters{grid-template-columns:1fr 1fr;gap:8px}
 .more-filter-grid{grid-template-columns:1fr 1fr;gap:8px}
 .explore-entrance{grid-template-columns:1fr}.explore-image{min-height:170px}.explore-copy{padding:19px}.explore-copy h2{font-size:20px}
 .hero,.hero-inner{min-height:340px}
 .hero-actions .btn{min-width:0;flex:1;padding:11px 9px;font-size:11px}.hero-actions .hero-main-cta{flex:1.7;font-size:12px}
 .hint-lite{display:none}
}
@media(max-width:410px){.quick-area-chip{font-size:11px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.more-filter-grid{grid-template-columns:1fr}}

/* V6: video and architectural plans, deliberately below the buyer-first unit search */
.hero-media-link{display:inline-flex;align-items:center;gap:8px;color:#f0daae!important;border-bottom:1px solid #dcbd77;padding-bottom:5px;margin-top:14px;font-size:12px;font-weight:800;text-decoration:none}
.media-section{scroll-margin-top:20px}
.media-intro{margin-bottom:17px}
.media-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:18px;align-items:stretch}
.media-video-card,.media-plans-card{border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #dfe5eb}
.media-video-card{background:#0a2035;color:#fff}
.media-plans-card{background:#fff;padding-bottom:15px}
.media-head{display:flex;align-items:flex-start;gap:11px;padding:21px 20px 15px}
.media-head h3{font-size:19px;font-weight:900;line-height:1.5;margin:0 0 3px}
.media-head p{font-size:12px;line-height:1.7;color:#7b8a97;margin:0}
.media-video-card .media-head p{color:#b9c8d6}
.media-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#e9cc9040;color:#e4c37b;font-size:20px;font-weight:900}
.media-plans-card .media-icon{background:#f8f1e5;color:#ab813d}
.harir-project-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071522;object-fit:contain}
.media-video-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 19px 16px;font-size:11px;color:#bfd2df}
.media-video-foot a{color:#e9cf93;text-decoration:underline;text-underline-offset:3px}
.media-plan-grid{padding:0 16px;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.media-plan-link{display:block;border-radius:12px;border:1px solid #e4e7e8;overflow:hidden;background:#f4f5f6;text-decoration:none;color:#19334c;transition:border-color .2s,transform .2s}
.media-plan-link:hover{transform:translateY(-2px);border-color:#c4a266}
.media-plan-link img{width:100%;height:168px;object-fit:contain;display:block;background:#fff}
.media-plan-link span{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:10px;font-size:11px;font-weight:800}
.media-plan-link b{font-size:17px;color:#b08a49}
.media-plan-actions{display:flex;gap:9px;flex-wrap:wrap;padding:17px 16px 0}
.media-plan-actions .btn{font-size:11px;flex:1;text-align:center;white-space:normal;min-height:43px}
.media-disclaimer{margin:13px 18px 0;font-size:11px;line-height:1.85;color:#6d7d8a}
.media-note{font-size:11px;color:#75869a;text-align:center;margin:13px 0 0;line-height:1.8}
.unit-plan-pdf{display:inline-flex;padding:11px 14px;border-radius:10px;background:#f5ecdc;color:#223a4b;font-size:12px;font-weight:800;margin-top:12px;line-height:1.7}
@media(max-width:900px){.media-grid{grid-template-columns:1fr}.media-plan-link img{height:210px}}
@media(max-width:600px){.media-head{padding:15px 13px 11px;gap:9px}.media-head h3{font-size:16px}.media-head p{font-size:11px}.media-icon{flex-basis:36px;height:36px}.media-plan-grid{padding:0 10px;gap:7px}.media-plan-link img{height:125px}.media-plan-link span{font-size:10px;padding:8px 6px}.media-plan-actions{padding:13px 10px 0;gap:6px}.media-plan-actions .btn{font-size:10px;padding:9px 8px}.media-video-foot{padding:12px;font-size:10px}.media-note{padding:0 8px}.hero-media-link{font-size:11px}}


/* V7: effortless unit discovery and visually anchored real architectural floor plan. */
.guided-section{padding:24px;background:#fff;border-radius:22px;box-shadow:var(--shadow);border:1px solid #e3e8ec}
.guided-picker{background:linear-gradient(165deg,#fff,#f7f8f8);border:1px solid #e1e6e8;border-radius:20px;overflow:hidden}
.guided-head{padding:23px 25px;background:linear-gradient(115deg,#0b2945,#122e46);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}
.guided-head .eyebrow{color:#e3c794}
.guided-head h3{font-size:24px;font-weight:900;margin:6px 0 2px;color:#fff}
.guided-head p{font-size:13px;color:#d2dfec;line-height:1.9;margin:0}
.guided-head-icon{border:1px solid #c6a87866;display:grid;place-items:center;color:#f5d9a8;border-radius:18px;width:65px;height:65px;flex:0 0 65px;font-size:48px}
.guided-steps{padding:23px;display:grid;gap:18px}
.guided-step{display:flex;gap:14px;align-items:flex-start}
.guided-num{width:34px;height:34px;background:#ecd29f;color:#142d40;border-radius:50%;flex:0 0 34px;display:grid;place-items:center;font-size:17px;font-weight:900;margin-top:2px}
.guided-step-body{flex:1;min-width:0}
.guided-step h4{font-size:17px;color:#17344d;margin:3px 0 13px;font-weight:900;line-height:1.5}
.guided-step h4 small{font-size:11px;color:#788998;font-weight:600;margin-right:5px}
.guided-areas{display:flex;flex-wrap:wrap;gap:8px}
.guided-area{border-radius:10px;border:1px solid #d4dfe6;background:#fff;padding:10px 15px;font-weight:800;color:#25445a;font-size:13px;min-height:43px;transition:.14s}
.guided-area:hover{border-color:#b99a64;background:#fffaf0}
.guided-area.active{background:#143451;color:#fff;border-color:#143451;box-shadow:0 4px 11px #14345124}
.guided-choose{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:560px}
.guided-choose label{font-size:12px;color:#516778;font-weight:800;display:grid;gap:6px}
.guided-choose select{width:100%;min-height:47px;border:1px solid #cfdce5;border-radius:12px;padding:10px 12px;background:#fff;color:#163247;font-weight:800}
.guided-matchbar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
.guided-matchbar h4{margin-bottom:4px}
.guided-totals{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;font-weight:800;color:#5b7181}
.guided-totals span{border-radius:6px;padding:4px 7px;background:#eef2f4}
.guided-totals .count-avail{background:#e7f6ee;color:#126247}
.guided-totals .count-res{background:#fff1cb;color:#8c6007}
.guided-totals .count-sold{background:#f9e9e6;color:#a04442}
.guide-allstates{font-size:12px;color:#385368;font-weight:800;display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #dbe4e8;border-radius:30px;background:#fff;cursor:pointer}
.guide-allstates input{accent-color:#123b5c;width:17px;height:17px}
.guided-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.guide-unit-card{background:#fff;border:1px solid #d9e1e6;border-radius:13px;padding:15px;box-shadow:0 4px 13px #0b29450a;transition:.15s}
.guide-unit-card:hover{border-color:#c4a365;transform:translateY(-1px)}
.guide-unit-card.guide-chosen{border:2px solid #caa35c;background:#fffcf6}
.guide-unit-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.guide-unit-code{display:flex;align-items:baseline;gap:7px}
.guide-unit-code>span{font-size:11px;color:#6c7f8e}
.guide-unit-code>b{font-size:24px;color:#142e43;direction:ltr}
.guide-location{font-size:11px;color:#768798;margin:5px 0 12px;line-height:1.8}
.guide-money{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.guide-money div{background:#f4f7f8;border-radius:9px;padding:9px 7px;min-width:0}
.guide-money small{font-size:10px;color:#7d8c99;display:block;margin-bottom:3px}
.guide-money b{font-size:13px;color:#17344e;white-space:nowrap}
.guide-card-actions{display:flex;align-items:center;gap:10px;margin-top:13px}
.guide-card-actions .guide-place-btn{background:#123654;border:0;color:#fff;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:900;flex:1;min-height:44px}
.guide-card-actions>a{font-size:11px;color:#42617a;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.guided-more{display:block;margin:14px auto 0;border:1px solid #d9c59d;border-radius:10px;padding:10px 18px;background:#fff;color:#17394f;font-weight:800}
.guide-empty{background:#f4f6f6;border:1px dashed #d6dfe4;padding:22px;border-radius:12px;color:#1e3a50;margin-top:14px}
.guide-empty p{margin:6px 0 0;font-size:12px;color:#6a7e90;line-height:1.9}
.guided-selected{border:1px solid #d2b477;border-radius:16px;background:#fff;padding:17px;margin:19px 0 0;scroll-margin-top:16px;box-shadow:0 7px 22px #b7996020}
.guided-selected-intro{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}
.guided-selected-intro span:not(.status-pill){color:#7d8d97;font-size:11px}
.guided-selected-intro h4{font-size:27px;color:#14344e;margin:4px 0}
.guided-selected-intro h4 small{font-size:12px;color:#6f8190;vertical-align:middle}
.unit-location-map{border:1px solid #e7ded0;border-radius:13px;overflow:hidden;background:#fff}
.unit-map-caption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 12px;background:#f9f5ed;color:#264259;font-size:12px}
.map-actions{display:flex;gap:6px;align-items:center}
.map-actions>*{width:35px;height:35px;border:1px solid #dfc99d;background:#fff;border-radius:8px;display:grid;place-items:center;font-size:19px;font-weight:900;color:#173d54;line-height:1}
.map-actions>a{width:55px;font-size:11px}
.unit-map-scroll{overflow:auto;max-height:430px;overscroll-behavior:contain;scrollbar-width:thin;direction:ltr;background:#f1f2f3;touch-action:pan-x pan-y}
.unit-map-graphic{position:relative;width:100%;min-width:850px;line-height:0}
.unit-map-graphic img{display:block;width:100%;height:auto}
.unit-map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;background:#f5dc93f0;color:#1f2e3c;border:2px solid #98701f;box-shadow:0 3px 7px #0004, 0 0 0 4px #ffd47b65;border-radius:23px;padding:4px 9px;min-width:69px;justify-content:center;font-size:14px;line-height:1.2;z-index:2;direction:ltr}
.unit-map-pin b{font-weight:900}.pin-dot{font-size:21px;color:#6c4f11}
.unit-map-help{background:#fff;margin:0;padding:9px 13px;font-size:11px;line-height:1.85;color:#5c6d7d}
.guided-selected-bottom{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.guided-selected-bottom>div{display:flex;gap:9px;flex-wrap:wrap;flex:1;color:#274a5e;font-size:12px;font-weight:800}
.guided-selected-bottom>div span{padding:4px 8px;border-radius:5px;background:#f5f6f7}
.guided-selected-bottom .btn{min-height:40px}
.optional-unit-search{margin-top:15px;background:#f7f9fa;border:1px dashed #d7e0e5;border-radius:12px;padding:12px 14px}
.optional-unit-search summary{font-weight:800;color:#456177;cursor:pointer;font-size:13px}
.optional-inner{padding-top:13px}
.optional-inner .quick-area{margin-top:3px}
@media(min-width:1250px){.guided-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.guided-head{padding:17px}.guided-head h3{font-size:20px}.guided-head p{font-size:12px}.guided-head-icon{width:48px;height:48px;flex-basis:48px;font-size:32px}.guided-steps{padding:15px 12px;gap:16px}.guided-step{gap:8px}.guided-num{width:27px;height:27px;flex-basis:27px;font-size:14px}.guided-step h4{font-size:15px}.guided-step h4 small{display:block;margin-right:0;margin-top:3px}.guided-areas{gap:5px}.guided-area{padding:9px 11px;font-size:11px;min-height:40px}.guided-cards{grid-template-columns:1fr}.guide-money b{font-size:12px}.guide-money small{font-size:9px}.guide-card-actions .guide-place-btn{font-size:12px}.guided-selected{padding:10px}.guided-selected-bottom{flex-direction:column;align-items:stretch}.guided-selected-bottom .btn{width:100%}}
@media(max-width:450px){.guided-section{padding:13px}.guided-choose{grid-template-columns:1fr 1fr;gap:7px}.guided-choose select{font-size:12px;padding:9px 5px}.guide-money{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-money b{font-size:14px}.guided-step{gap:6px}.guided-areas .guided-area{flex:1 1 auto;min-width:70px}.guide-allstates{font-size:11px}.guided-matchbar{align-items:start}.guided-selected-intro h4{font-size:22px}}

.guide-code-explain{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-radius:10px;background:#f4f6f7;padding:9px 12px;margin:0 0 12px;color:#476175;font-size:11px;line-height:1.7}.guide-code-explain b{font-size:14px;color:#193d56}.guide-code-explain span{background:#fff;border:1px solid #e1e8e9;border-radius:5px;padding:2px 7px;font-weight:800;color:#173a51}


/* V8: clean, single-floor, high-definition plan explorer for phones & desktop. */
body.plan-viewer-open{overflow:hidden!important}
.unit-plan-preview{background:#fbfcfd;border:1px solid #e0e7eb;border-radius:14px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center}
.unit-plan-preview-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.unit-plan-preview-copy strong{color:#183950;font-size:16px}
.unit-plan-preview-copy>span:last-child{color:#647989;font-size:12px;line-height:1.75}
.unit-plan-preview-image{position:relative;background:#f3f4f5;border:1px solid #e3e8eb;border-radius:10px;min-height:95px;overflow:hidden;padding:3px;display:block;cursor:pointer}
.unit-plan-preview-image img{width:100%;display:block}
.unit-plan-preview-image span{display:block;color:#173e58;font-weight:900;font-size:11px;line-height:1.8}
.unit-plan-open-button{grid-column:1/-1;min-height:44px;width:100%;font-weight:800}
.plan-zoom-dialog{position:fixed;inset:0;z-index:99999;background:rgba(7,25,42,.92);padding:12px;display:flex;justify-content:center;align-items:center;font-family:'Cairo',Tahoma,Arial,sans-serif}
.plan-zoom-card{width:min(1450px,100%);height:100%;max-height:980px;border-radius:19px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 22px 90px #0007}
.plan-zoom-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;background:#102f49;color:white;flex-shrink:0}
.plan-zoom-head{min-width:0}
.plan-zoom-head>span{font-size:11px;color:#f0d18b;font-weight:800}
.plan-zoom-head h2{font-size:23px;line-height:1.4;margin:3px 0;color:white;font-weight:900}
.plan-zoom-head p{font-size:12px;color:#dce5eb;margin:2px 0;line-height:1.5}
.plan-zoom-close{display:flex;align-items:center;gap:9px;border:1px solid #ffffff69;border-radius:11px;background:#ffffff1c;color:#fff;font-weight:800;padding:11px 15px;font-family:inherit;cursor:pointer;flex-shrink:0}
.plan-zoom-toolbar{display:flex;justify-content:center;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #e6ebee;background:#f9f8f5;flex-wrap:wrap;flex-shrink:0}
.plan-zoom-toolbar button{border:1px solid #cbd7de;background:#fff;border-radius:10px;min-height:44px;padding:7px 13px;font-size:13px;font-family:inherit;font-weight:800;color:#173d54;cursor:pointer;white-space:nowrap}
.plan-zoom-toolbar button.plan-zoom-primary{background:#bd9341;color:#172a3a;border-color:#bd9341}
.plan-zoom-toolbar button[data-action="plan-zoomin"],.plan-zoom-toolbar button[data-action="plan-zoomout"]{font-size:22px;min-width:44px;padding:4px 7px}
#plan-zoom-scale{font-size:12px;color:#627788;direction:ltr;font-weight:800;min-width:44px;text-align:center}
.plan-zoom-viewport{flex:1;min-height:0;overflow:auto;direction:ltr;background:#e6eaec;overscroll-behavior:contain;touch-action:none;position:relative;cursor:grab}
.plan-zoom-viewport:active{cursor:grabbing}
.plan-zoom-graphic{position:relative;line-height:0;min-width:0;max-width:none;user-select:none}
.plan-zoom-graphic img{width:100%;display:block;height:auto;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.plan-zoom-marker{position:absolute;z-index:5;display:flex;align-items:center;gap:5px;transform:translate(-50%,-50%);background:#ffdf76f5;border:3px solid #9c6b17;color:#192d3c;border-radius:16px;padding:8px 12px;box-shadow:0 0 0 8px #ffd66d55,0 4px 16px #0005;white-space:nowrap;direction:rtl;line-height:1.4;pointer-events:none}
.plan-zoom-marker i{font-size:27px;font-style:normal;line-height:1}
.plan-zoom-marker strong{font-size:20px;font-weight:900}
.plan-zoom-marker small{font-size:12px;font-weight:900}
/* Compact marker located entirely within unit 2 (125 m²) on the upper floor plan. */
.plan-zoom-marker.unit-two-pin{padding:5px 9px;gap:3px;border-width:2px;border-radius:12px;box-shadow:0 0 0 4px #ffd66d75,0 3px 11px #0005}
.plan-zoom-marker.unit-two-pin i{font-size:19px}
.plan-zoom-marker.unit-two-pin strong{font-size:17px}
.plan-zoom-marker.unit-two-pin small{font-size:10px}

.plan-zoom-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;flex-wrap:wrap;border-top:1px solid #e0e7ea;background:#fff;flex-shrink:0}
.plan-zoom-foot p{font-size:11px;line-height:1.7;color:#577082;margin:0;flex:1}
.plan-zoom-foot a{color:#0f4a72;font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:760px){
 .plan-zoom-dialog{padding:0}
 .plan-zoom-card{border-radius:0;max-height:none}
 .plan-zoom-topbar{padding:10px 11px;gap:8px}
 .plan-zoom-head h2{font-size:19px}
 .plan-zoom-head p{font-size:11px;line-height:1.5}
 .plan-zoom-close{padding:10px;min-height:44px;font-size:14px}
 .plan-zoom-toolbar{justify-content:space-around;gap:4px;padding:7px 5px}
 .plan-zoom-toolbar button{padding:7px 8px;font-size:11px;min-height:42px}
 .plan-zoom-toolbar button[data-action="plan-zoomin"],.plan-zoom-toolbar button[data-action="plan-zoomout"]{min-width:38px;font-size:21px}
 #plan-zoom-scale{font-size:10px;min-width:30px}
 .plan-zoom-foot{padding:8px 12px;gap:5px}
 .plan-zoom-foot p{font-size:10px;flex-basis:100%}
 .unit-plan-preview{grid-template-columns:1fr 100px;padding:8px;gap:7px}
 .unit-plan-preview-copy strong{font-size:13px}
 .unit-plan-preview-copy>span:last-child{font-size:11px}
 .unit-plan-preview-image{min-height:70px}
}
@media(max-width:385px){
 .plan-zoom-close span{display:none}
 .plan-zoom-head h2{font-size:17px}
 .plan-zoom-head p{font-size:10px}
 .plan-zoom-toolbar button{font-size:10px}
}