.pj{--navy:#06395e;--ink:#162c40;--muted:#667789;--green:#138d61;--yellow:#b7831e;--grey:#667687;--line:#e3e9ee;padding-block:clamp(2rem,5vw,3.5rem) clamp(3rem,7vw,5rem)}
.pj *{box-sizing:border-box}
.pj .p-shell{width:min(1050px,calc(100% - 32px));margin:0 auto}
.pj h2{font-size:clamp(1.2rem,2vw,1.5rem)}
.pj .crumb{font-size:.9rem;color:var(--muted)}
.pj .crumb a{color:inherit}
.pj .lead{color:var(--muted);max-width:780px;margin:0 0 32px}
.pj .project-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(18px,3vw,30px);box-shadow:0 5px 26px #0e355509}
.pj .project-head{padding:22px 0 10px}
.pj .project-head p{margin:0 0 15px;color:var(--muted)}
.pj .project-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}
.pj .stat{border:1px solid var(--line);border-radius:12px;padding:16px 10px;text-align:center;background:#f8fafc}
.pj .stat strong{display:block;font-size:clamp(1.45rem,3.4vw,2.4rem);line-height:1.3;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.pj .stat span{font-size:.9rem;color:var(--muted)}
.pj .stat.total{border-top:4px solid var(--navy)}
.pj .stat.available{border-top:4px solid var(--green)}
.pj .stat.reserved{border-top:4px solid var(--yellow)}
.pj .stat.sold{border-top:4px solid var(--grey)}
.pj .stat.available strong{color:var(--green)}
.pj .stat.reserved strong{color:var(--yellow)}
.pj .stat.sold strong{color:var(--grey)}
.pj .bars{display:flex;direction:ltr;overflow:hidden;height:11px;border-radius:100px;background:#e9edf0}
.pj .bars i{display:block;height:100%}
.pj .bar-available{background:var(--green)}
.pj .bar-reserved{background:#d8ab43}
.pj .bar-sold{background:#8292a3}
.pj .bar-unknown{background:#e6e7e8}
.pj .notice{border-inline-start:4px solid #d8ab43;background:#fffcf0;padding:12px 15px;border-radius:8px;font-size:.92rem;margin:18px 0 4px}
.pj .hint{color:var(--muted);font-size:.88rem}
.pj .project-link{display:block;border:1px solid var(--line);padding:20px;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none}
.pj .project-link:hover{border-color:var(--green)}
.pj .project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.pj .project-link h2{margin:0 0 8px;color:var(--navy)}
.pj .project-link p{margin:0;color:var(--muted)}
.pj .action{display:inline-block;text-decoration:none;background:var(--navy);color:white;font-weight:700;padding:12px 22px;border-radius:9px;margin-top:18px}
.pj .action:focus-visible,.pj .project-link:focus-visible{outline:3px solid #169d98;outline-offset:3px}
.pj #status-title{margin-bottom:5px}
.pj @font-face{font-family:"DIN Next Arabic";src:url("fonts/din-next-arabic-500.woff") format("woff");font-weight:100 599;font-style:normal;font-display:swap}
.pj @font-face{font-family:"DIN Next Arabic";src:url("fonts/din-next-arabic-700.woff") format("woff");font-weight:600 900;font-style:normal;font-display:swap}
@media(max-width:600px){.pj .project-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pj .stat{padding:16px 6px}}
/* ===== مشاريع الخارطة ===== */
.pj progress{display:block;width:100%;height:10px;appearance:none;-webkit-appearance:none;border:0;border-radius:99px;background:#e5ecf1;overflow:hidden;color:#0b8a95}
.pj progress::-webkit-progress-bar{background:#e5ecf1;border-radius:99px}.pj progress::-webkit-progress-value{background:linear-gradient(90deg,#0b8a95,#138d61);border-radius:99px}.pj progress::-moz-progress-bar{background:linear-gradient(90deg,#0b8a95,#138d61);border-radius:99px}
.pj-progress{display:grid;gap:.4rem}.pj-progress-top{display:flex;justify-content:space-between;align-items:baseline}.pj-progress-top strong{font-size:1.6rem;color:#0b6f6f;font-variant-numeric:tabular-nums}.pj-progress small{color:var(--muted)}
.pj-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(16px,3vw,32px);align-items:start;margin-bottom:24px}
.pj-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block;background:#e9eef2}
.pj-facts{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(18px,3vw,26px);display:grid;gap:18px}
.pj-hero:not(:has(.pj-cover)){grid-template-columns:1fr}
.pj-dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.pj-dl div{background:#f6f9fb;border-radius:10px;padding:10px 12px}.pj-dl dt{font-size:.82rem;color:var(--muted)}.pj-dl dd{margin:0;font-weight:700}.pj-dl dd.ok{color:var(--green)}
.pj-wafi{margin:0;background:#eef8f2;color:#0f6b45;border:1px solid #c6e9d5;border-radius:10px;padding:8px 12px;font-size:.9rem}
.pj-cta{display:flex;gap:10px;flex-wrap:wrap}
.pj .project-panel{margin-bottom:22px}
.pj-features{columns:2;column-gap:28px;padding-inline-start:1.2rem;margin:10px 0 0}.pj-features li{break-inside:avoid;margin-bottom:6px}
.unit-legend{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.unit-legend .u{pointer-events:none;width:auto;padding:2px 12px;height:auto}
.unit-floor{margin:14px 0}.unit-floor h3{font-size:.95rem;margin:0 0 8px;color:var(--muted)}
.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}
.pj .u{height:46px;border-radius:8px;border:1px solid transparent;font:700 .9rem var(--body,inherit);cursor:pointer;font-variant-numeric:tabular-nums;transition:transform .15s,box-shadow .15s}
.pj .u.available{background:#e3f5eb;color:#0f6b45;border-color:#a9dcc0}.pj .u.reserved{background:#fff3d6;color:#7a5a12;border-color:#efd590}.pj .u.sold{background:#eceff2;color:#7b8794;border-color:#dfe4e9;text-decoration:line-through}
.pj .u.available:hover,.pj .u.on{transform:translateY(-2px);box-shadow:0 6px 14px -6px #0b6f6f80}.pj .u.on{outline:3px solid #0b8a95;outline-offset:1px}
.unit-card{margin-top:16px;border:1px solid #a9dcc0;background:#f6fcf8;border-radius:12px;padding:16px;display:grid;gap:10px}.unit-card[hidden]{display:none}.unit-card h3{margin:0}.unit-card dl{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}.unit-card dt{font-size:.8rem;color:var(--muted)}.unit-card dd{margin:0;font-weight:700}.unit-card [data-book][hidden]{display:none}
.pj-timeline{list-style:none;margin:16px 0 0;padding:0;border-inline-start:3px solid #d7e6ec;display:grid;gap:22px}
.pj-timeline li{position:relative;padding-inline-start:22px}.pj-timeline li::before{content:"";position:absolute;inset-inline-start:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:#0b8a95;border:3px solid #fff;box-shadow:0 0 0 1px #0b8a95}
.pj-tl-head{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.88rem}.pj-tl-pct{background:#e3f5eb;color:#0f6b45;border-radius:99px;padding:0 10px;font-weight:700}
.pj-timeline h3{margin:4px 0;font-size:1.05rem}.pj-timeline p{margin:0 0 8px;color:var(--ink)}
.pj-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.pj-photos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.pj-calc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pj-calc label{display:grid;gap:4px;font-size:.88rem;color:var(--muted)}.pj-calc input{border:1px solid #c9d6e2;border-radius:8px;padding:10px;font:inherit;width:100%;min-width:0;color:var(--ink)}
.pj-calc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.pj-calc-out div{background:#f1f7fa;border-radius:12px;padding:14px;text-align:center}.pj-calc-out span{display:block;font-size:.85rem;color:var(--muted)}.pj-calc-out strong{font-size:clamp(1.2rem,3vw,1.7rem);color:var(--navy);font-variant-numeric:tabular-nums}
.pj-follow form{margin-top:10px}
.pj-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}
.pj-card{display:grid;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 5px 26px #0e355509;transition:transform .2s,box-shadow .2s}.pj-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px #0e355540}
.pj-card img,.pj-card-ph{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:linear-gradient(120deg,#0a478f,#0b8a95)}
.pj-card-body{padding:16px 18px;display:grid;gap:10px}.pj-card-body h2{margin:0}.pj-card-body p{margin:0;color:var(--muted)}.pj-card-facts{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:.92rem}.pj-card small{color:#0b6f6f;font-weight:700}
@media(max-width:820px){.pj-hero{grid-template-columns:1fr}.pj-calc{grid-template-columns:1fr 1fr}.pj-features{columns:1}}
@media(max-width:420px){.pj-dl{grid-template-columns:1fr 1fr}.pj-calc-out{grid-template-columns:1fr}}
.pj:has(> .pj-hero:first-child){padding-top:1.25rem}