/* Lyra at Ghaf Woods skin, loaded after the shared site.css. Taken from Majid Al Futtaim's Lyra brochures: the
   terracotta of the digital brochure's location panel and plan titles (#8A4535, DB p6, BB pp.7-11), its deeper shade
   (#5E2E24), the cream of the map pages (#F3ECE1), the deep night blue of the cover's back (#282B3E) and the warm
   peach of the "Starting from" picture (#F4C2A6); headings in the page's serif, as the brochure sets its titles in a
   light serif. Arabic keeps normal spacing. */
:root {
  --ink: #2A2320;
  --muted: #6A5D57;
  --ground: #FBF8F3;
  --band: #F3ECE1;
  --line: #E2D6C6;
  --forest: #8A4535;
  --forest-deep: #5E2E24;
  --gold: #A35A43;
  --gold-light: #F4C2A6;
  --mint: #F4C2A6;
  --mint-pale: #F8EEE6;
  --night: #282B3E;
  --radius: 4px;
  --shadow: 0 6px 28px rgba(94, 46, 36, 0.08);
}
body { background: var(--ground); }
.hdr { background: rgba(251, 248, 243, 0.92); }
.hdr.is-solid, .hdr.is-menu, .mnav { background: var(--ground); }

/* ---------- type ---------- */
.eyebrow { font: 600 13px/1.3 var(--sans); letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.h2, .form__title { font-weight: 500; letter-spacing: 0; color: var(--forest-deep); }
.hero__title { text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45); }
.hero__sub { font-weight: 500; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); }
[dir="rtl"] .eyebrow, [dir="rtl"] .h2, [dir="rtl"] .form__title, [dir="rtl"] .hero__title { letter-spacing: 0; }

/* ---------- buttons ---------- */
.btn { border-radius: 4px; font-weight: 700; }
.btn--line { color: var(--forest); border-color: var(--forest); }
.btn--line:hover { background: var(--forest); }
.btn--white { color: var(--forest); }

/* ---------- first screen ---------- */
.hero__dev { width: 150px; }
.hcard--glass { background: rgba(40, 43, 62, 0.55); }
.hcard--solid { background: var(--night); }

/* ---------- bands in the brochure's colours ---------- */
.amen { background: var(--band); }
.amen__text { background: var(--ground); }
.gallery { background: var(--band); }
.unit__row, .plans, .facts { background: var(--band); }
.unit.is-open .unit__row { background: var(--forest); }
.loc__card { background: var(--mint-pale); }
.drive__n { background: var(--forest); }

@media (max-width: 700px) {
  .hero__title { font-size: 40px; }
  .h2, .form__title { font-size: 28px; }
}

/* Lyra's plan is 50/50 with no booking share (SF; MET): one card for the 50% before handover, one for the 50% on
   handover. The standard's middle card (construction) would read 0%, so it is hidden. */
.plan__cards .pcard:nth-child(2) { display: none; }