.imaar-project {
  --imaar-ink: #0d4053;
  --imaar-accent: #917458;
  --imaar-paper: #fcfaf8;
  color: var(--imaar-ink);
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

.imaar-project .container { max-width: 1180px; }
.imaar-project__heading { padding: 2.5rem 0 1.5rem; }
.imaar-project__heading h1 { color: var(--imaar-ink); margin: 0; line-height: 1.35; }
.imaar-project__heading h1 { white-space: normal; overflow-wrap: anywhere; }
.imaar-project__eyebrow { color: var(--imaar-accent); font-weight: 700; margin: 0 0 .5rem; }
.imaar-project__gallery { margin-bottom: 2rem; }
.imaar-project__gallery .property-banner { position: relative; height: min(58vw, 480px); min-height: 260px; background: var(--imaar-paper); overflow: hidden; }
.imaar-project__gallery .property-featured-image { width: 100%; height: 100%; object-fit: contain; }
.imaar-project__gallery .property-form-wrap { display: none; }
.imaar-project__gallery .property-image-count { position: absolute; z-index: 4; inset: auto 1rem 1rem auto; width: max-content; height: auto; }
.imaar-project__gallery .property-banner-trigger { z-index: 3; }
.imaar-project__content { max-width: 960px; margin: 0 auto 3rem; }
.imaar-project .property-section-wrap { margin-bottom: 1.5rem; }
.imaar-project .block-wrap { border: 1px solid #e9e4de; background: #fff; box-shadow: none; }
.imaar-project .block-title-wrap h2 { color: var(--imaar-ink); }
.imaar-project__summary, .imaar-project__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 1rem; }
.imaar-project__summary p, .imaar-project__card { margin: 0; padding: 1.25rem; border: 1px solid #e9e4de; background: var(--imaar-paper); }
.imaar-project__summary span { display: block; margin-bottom: .4rem; color: #4e626a; }
.imaar-project__summary strong { display: block; color: var(--imaar-ink); font-size: 1.25rem; }
.imaar-project__description p:last-child { margin-bottom: 0; }
.imaar-project__card { min-width: 0; }
.imaar-project__card h3 { font-size: 1.2rem; line-height: 1.4; margin: 0; color: var(--imaar-ink); }
.imaar-project__card p { margin: .75rem 0 0; line-height: 1.6; }
.imaar-project__card .btn { margin-top: 1rem; }
.imaar-project__card-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; }
.imaar-project__status { color: #685849; border: 1px solid #d9caba; padding: .15rem .6rem; font-size: .875rem; }
.imaar-project__status.is-available { color: #21543d; border-color: #b4d6c2; }
.imaar-project__admin-note { color: #705d49; font-size: .9rem; }
.imaar-project__heading .imaar-project__admin-note { margin: .75rem 0 0; }
.imaar-project__plan { display: block; margin: 1rem 0 0; text-align: center; background: var(--imaar-paper); }
.imaar-project__plan figcaption { padding: .75rem; font-weight: 700; }
.imaar-project__plan a { display: block; }
.imaar-project__plan-image { display: block; width: 100%; max-height: 760px; height: auto; object-fit: contain; }
.imaar-project--villa .imaar-project__plan-image { max-height: 480px; }
.imaar-project .property-contact-agent-wrap { max-width: 100%; }
.imaar-project .property-contact-agent-wrap { scroll-margin-top: 2rem; }
.imaar-project ~ .property-lightbox .lightbox-gallery-wrap { width: 100%; }

@media (max-width: 767px) {
  .imaar-project .container { padding-inline: 16px; box-sizing: border-box; }
  .imaar-project__heading { padding: 1.5rem 16px 1rem; }
  .imaar-project__heading h1 { font-size: 1.7rem; }
  .imaar-project__gallery .property-banner { height: 300px; min-height: 0; }
  .imaar-project__content { margin-bottom: 2rem; }
  .imaar-project__summary, .imaar-project__cards { grid-template-columns: 1fr; }
  .imaar-project__card { padding: 1rem; }
  .imaar-project__plan-image { max-height: none; }
}