/* ===== صفحة: نماذج الشقق ===== */
.md-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(16px, 2vw, 24px)}

.md{
  display:flex; flex-direction:column;
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius); overflow:hidden;
  transition:transform .4s var(--ease), box-shadow .4s, border-color .4s;
}
.md:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(22,33,26,.09); border-color:var(--gold)}

/* المخطّط على أرضٍ فاتحة: الرسم المعماري خطوطٌ رفيعة داكنة، وأيُّ أرضٍ
   داكنة تبتلعها. و`contain` لا `cover` — قصُّ مخطّطٍ يقصّ غرفة. */
.md__plan{
  background:var(--sand-2);
  border-bottom:1px solid var(--line);
  aspect-ratio:4/3;
  display:grid; place-items:center;
  padding:14px;
}
.md__img{max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain}
.md__plan .ph{width:100%; height:100%; border:none; background:transparent}

.md__body{padding:22px 24px 24px; display:flex; flex-direction:column; gap:8px; flex:1}
.md__code{font-size:12.5px; font-weight:700; letter-spacing:.05em; color:var(--gold-2)}
.md__t{
  font-family:var(--f-display); font-weight:var(--w-display);
  font-size:26px; line-height:1.35; letter-spacing:-.02em;
}
.md__facts{display:flex; gap:22px; padding-block:10px; border-block:1px solid var(--line); margin-block:4px}
.md__f{display:flex; flex-direction:column; line-height:1.4}
.md__f b{font-family:var(--f-display); font-weight:var(--w-display); font-size:20px}
.md__f span{font-size:12.5px; color:var(--muted)}
.md__d{color:var(--muted); font-size:15px; line-height:1.85}

@media (max-width:960px){ .md-grid{grid-template-columns:repeat(2, 1fr)} }
@media (max-width:620px){ .md-grid{grid-template-columns:1fr} }