/* The Meriva Collection skin, loaded after the shared site.css. Taken from Ellington's brochure: warm white
   pages (#F1EFED, BR p8), sand stone (#EAE5DB BR p43, #E7D6CE BR p14), the deep sea navy of its section pages
   (#253C51, BR p12), the soft sea blue of the cover's sky and water (#9BACB8, BR p1), timber brown (#87766C,
   BR p8); headings in a light high-contrast serif ("Take the scenic route", "Watch the horizon unfold"),
   eyebrows in spaced sans capitals ("01 CONCEPT", "03 LOCATION"). Arabic keeps normal spacing. */
:root {
  --ink: #26292F;
  --muted: #6B655F;
  --ground: #F4F2EF;
  --band: #EAE5DB;
  --line: #DAD3C7;
  --sand: #E7D9CC;
  --navy: #253C51;
  --sea: #9BACB8;
  --sea-pale: #DFE6EA;
  --timber: #87766C;
  --radius: 0;
  --shadow: 0 6px 28px rgba(37, 60, 81, 0.08);
}
body { background: var(--ground); }
.hdr { background: rgba(244, 242, 239, 0.92); }
.hdr.is-solid, .hdr.is-menu, .mnav { background: var(--ground); }

/* ---------- type: a light serif for headings, spaced capitals for eyebrows ---------- */
.eyebrow { font: 500 13px/1.3 var(--sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--timber); margin-bottom: 12px; }
.h2, .form__title { font: 400 36px/1.12 var(--serif); letter-spacing: -0.005em; color: var(--navy); }
.hero__title { font: 400 64px/1.02 var(--serif); letter-spacing: 0.04em; text-transform: uppercase; 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.65); }
[dir="rtl"] .eyebrow, [dir="rtl"] .h2, [dir="rtl"] .form__title, [dir="rtl"] .hero__title { letter-spacing: 0; }

/* ---------- buttons: flat, navy ---------- */
.btn { border-radius: 0; letter-spacing: 0.08em; text-transform: uppercase; font-size: 13px; font-weight: 700; }
[dir="rtl"] .btn { letter-spacing: 0; }
.btn--line { color: var(--navy); border-color: var(--navy); }
.btn--line:hover { background: var(--navy); }
.btn--white { color: var(--navy); }
.tab { border-radius: 0; }

/* ---------- first screen ---------- */
.hero__dev { width: 140px; }
.hcard--glass { background: rgba(37, 60, 81, 0.5); border-radius: 0; }
.hcard--solid { background: var(--navy); border-radius: 0; }

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

/* The plan pages are Ellington's whole landscape pages (16 : 9): shown at full width, nothing cut off. */
.plans--1 img { height: auto; width: 100%; max-height: none; }
.plans--1 figure { flex: 1 1 100%; }

@media (max-width: 700px) {
  .hero__title { font-size: 40px; letter-spacing: 0.03em; }
  .h2, .form__title { font-size: 28px; }
  .plans { min-height: 0; padding: 16px; }
}
/* The shared sheet's 400 px step shrinks the card figures, but its Russian 26 px rule outranks it, so on a phone
   "AED 3,01 млн" held the two cards wider than the screen (Akra's screenshot, 23 Oct 2026). */
@media (max-width: 400px) {
  [data-lang="ru"] .hcard b { font-size: 22px; }
}