/* SAMANA Downtown One skin, loaded after the shared site.css. Taken from SAMANA's brochure for the project: its deep
   navy ground (#0D0C38) and the cyan light of its rings and facade lines (#36C4E6; #1E7FA3 where white type sits on
   it), cool pale grounds (#F3F6F9, band #E7EEF4), navy type. Headings in the serif, upper case as the brochure sets
   its titles. Arabic keeps normal spacing. */
:root {
  --ink: #0D0C38;
  --muted: #4D5470;
  --ground: #F4F6F9;
  --band: #E8EEF4;
  --line: #CCD6E2;
  --sand: #E3EBF2;
  --navy: #0D0C38;
  --cyan: #36C4E6;
  --cyan-dark: #1E7FA3;
  --cyan-pale: #E1F4FA;
  --shadow: 0 6px 28px rgba(13, 12, 56, 0.08);
}
body { background: var(--ground); }
.hdr { background: rgba(244, 246, 249, 0.92); }
.hdr.is-solid, .hdr.is-menu, .mnav { background: var(--ground); }

/* ---------- type ---------- */
.eyebrow { color: var(--cyan-dark); letter-spacing: 0.12em; }
.h2, .form__title { color: var(--ink); letter-spacing: 0.01em; }
.hero__title { letter-spacing: 0.06em; text-transform: uppercase; text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5); }
.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 { white-space: normal; text-align: center; }
.btn--line { color: var(--navy); border-color: var(--navy); }
.btn--line:hover { background: var(--navy); }
.btn--white { color: var(--navy); }

/* ---------- first screen ---------- */
.hero__dev { width: 130px; }
.hcard--glass { background: rgba(13, 12, 56, 0.55); }
.hcard--solid { background: var(--cyan-dark); }

/* ---------- 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(--cyan-pale); }
.drive__n { background: var(--cyan-dark); }

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

/* The about text keeps its paragraphs: the handover stands on its own line (Akra, 22 Oct 2026). */
.about__text .body { white-space: pre-line; }

/* The location map is the brochure's whole map page (1220 : 863): the box takes its shape on every screen, nothing is
   cut off (Akra, 26 Oct 2026: "Карта опять cropped"). */
.loc__map { aspect-ratio: 1220 / 863; align-self: center; background: var(--navy); }
.loc__map img { height: auto; object-fit: contain; }

/* The number cards keep their lines: the prices by type stand as a list (Akra, 26 Oct 2026). */
.icard .body { white-space: pre-line; }