/* =====================================================================
   dubaiasset.ae — Harmonisation des pages intérieures sur l'accueil v2
   (16 octobre 2026). Feuille à charger APRÈS home-v2-20261016.css, sur
   toutes les pages, sans attribut media. CSS uniquement : aucun gabarit
   modifié. Fichier généré (build_css.py du pack). Mobile-first.
   Principes repris de l'accueil : bandeau d'en-tête encre (#132b38) plein
   écran avec surtitre or, panneau flottant ivoire, boutons or / encre /
   clair sans ombre ni dégradé, angles 3 px, Newsreader + Manrope.
   ===================================================================== */

/* ---------- 0. Boutons (tout le site, hors bouton du menu) ---------- */
body.da-signature .btn-gold:not(.da-header-cta) {
  background: var(--da-gold, #8c7044);
  border-color: var(--da-gold, #8c7044);
  color: var(--da-paper, #fffefd);
  box-shadow: none;
}
body.da-signature .btn-gold:not(.da-header-cta):hover,
body.da-signature .btn-gold:not(.da-header-cta):focus-visible {
  background: #9a7c4d;
  border-color: #9a7c4d;
  color: var(--da-paper, #fffefd);
}
body.da-signature .btn-whatsapp {
  background: var(--da-ink, #132b38);
  border-color: var(--da-ink, #132b38);
  color: var(--da-paper, #fffefd);
  box-shadow: none;
}

/* ---------- 1. Bandeau d'en-tête de page (encre, plein écran) ---------- */
body.da-signature main > .section > .container > nav.breadcrumbs,
body.da-signature main > .section > .container > a.da-editorial-back,
body.da-signature main > .section > .container > .offplan-pagehead,
body.da-signature main > .section > .container > header.pagehead,
body.da-signature main > .section > .container > .detail-header,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header,
body.da-signature main > .section > .container > header.da-advisory-header,
body.da-signature main > .section > .container > header.da-editorial-header,
body.da-signature main > .section > .container > header.blog-article-header,
body.da-signature main > .section > .container > .da-contact-intro {
  position: relative;
  isolation: isolate;
  overflow: visible;
  margin-top: 0;
  max-width: none;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none; }
body.da-signature main > .section > .container > nav.breadcrumbs::before,
body.da-signature main > .section > .container > a.da-editorial-back::before,
body.da-signature main > .section > .container > .offplan-pagehead::before,
body.da-signature main > .section > .container > header.pagehead::before,
body.da-signature main > .section > .container > .detail-header::before,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header::before,
body.da-signature main > .section > .container > header.da-advisory-header::before,
body.da-signature main > .section > .container > header.da-editorial-header::before,
body.da-signature main > .section > .container > header.blog-article-header::before,
body.da-signature main > .section > .container > .da-contact-intro::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: auto;
  width: 100vw;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  opacity: 1;
  transform: translateX(-50%);
  background: var(--da-ink, #132b38);
  z-index: -1;
  pointer-events: none; }
/* La section de page commence sous le menu : le bandeau prend le haut. */
body.da-signature main > .section:has(> .container > :is(nav.breadcrumbs, a.da-editorial-back, .offplan-pagehead, header.pagehead, .detail-header, .sig-profile-intro, header.da-advisory-header, header.da-editorial-header, header.blog-article-header, .da-contact-intro):first-child) {
  padding-top: 0;
  overflow-x: clip;
}
/* Fil d'Ariane / lien retour : premier morceau du bandeau */
body.da-signature main > .section > .container > nav.breadcrumbs { margin: 0; padding: 22px 0 0; font-size: 12px; }
body.da-signature main > .section > .container > nav.breadcrumbs, body.da-signature main > .section > .container > nav.breadcrumbs a, body.da-signature main > .section > .container > nav.breadcrumbs span { color: #b9c3c5; }
body.da-signature main > .section > .container > nav.breadcrumbs a:hover { color: var(--da-paper, #fffefd); }
body.da-signature main > .section > .container > a.da-editorial-back { display: inline-flex; margin: 0; padding: 22px 0 0; background: none; border: 0; box-shadow: none; color: #b9c3c5; font-size: 12px; }
body.da-signature main > .section > .container > a.da-editorial-back:hover { color: var(--da-paper, #fffefd); }
/* Coque de l'en-tête promoteur : le bandeau ne couvre que l'en-tête, pas les chiffres ni les onglets */
body.da-signature main > .section > .container > .sig-profile-intro { margin-top: 0; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
body.da-signature main > .section > .container > .sig-profile-intro::before, body.da-signature main > .section > .container > .sig-profile-intro::after { content: none; display: none; }
/* Page contact : l'en-tête occupe toute la largeur, le texte reste à 900 px */
body.da-signature main > .section > .container > .da-contact-intro > * { max-width: 900px; }
/* Invest, services, contact : le contenu reprend de l'air sous le bandeau (les feuilles historiques forcent 5px / 0) */
body.da-signature :is(.da-signature-services, .da-signature-invest) > .container > .detail { margin-top: 26px !important; }
body.da-signature .da-signature-contact > .container > .da-contact-layout { margin-top: 26px !important; }
/* Espacement intérieur du bandeau */
body.da-signature main > .section > .container > .offplan-pagehead,
body.da-signature main > .section > .container > header.pagehead,
body.da-signature main > .section > .container > header.da-advisory-header,
body.da-signature main > .section > .container > header.da-editorial-header,
body.da-signature main > .section > .container > .da-contact-intro { padding: 30px 0 34px; margin-bottom: 0; }
body.da-signature main > .section > .container > .detail-header,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header,
body.da-signature main > .section > .container > header.blog-article-header { padding: 14px 0 32px; margin-bottom: 0; }
/* Le bloc qui suit un bandeau sans panneau flottant reprend de l'air */
html body.da-signature main > .section > .container > .detail-header + *,
html body.da-signature main > .section > .container > .sig-profile-intro > .detail-header + *,
html body.da-signature main > .section > .container > header.blog-article-header + *,
html body.da-signature main > .section > .container > header.da-advisory-header + *,
html body.da-signature main > .section > .container > header.da-editorial-header + *,
html body.da-signature main > .section > .container > .da-contact-intro + .sr-only + * { margin-top: 26px; }
/* Filet or au-dessus des titres sans surtitre (guide, à propos, mentions, invest, services, article) */
body.da-signature main > .section > .container > header.da-advisory-header :is(h1, .page-title)::before,
body.da-signature main > .section > .container > header.da-editorial-header :is(h1, .page-title)::before,
body.da-signature main > .section > .container > header.blog-article-header :is(h1, .page-title)::before {
  content: "";
  display: block;
  width: 34px;
  height: 1px;
  margin: 0 0 18px;
  background: #d9c9a8; }

/* Typographie dans le bandeau */
body.da-signature main > .section > .container > .offplan-pagehead :is(h1, .page-title),
body.da-signature main > .section > .container > header.pagehead :is(h1, .page-title),
body.da-signature main > .section > .container > .detail-header :is(h1, .page-title),
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(h1, .page-title),
body.da-signature main > .section > .container > header.da-advisory-header :is(h1, .page-title),
body.da-signature main > .section > .container > header.da-editorial-header :is(h1, .page-title),
body.da-signature main > .section > .container > header.blog-article-header :is(h1, .page-title),
body.da-signature main > .section > .container > .da-contact-intro :is(h1, .page-title) {
  color: var(--da-paper, #fffefd);
  font-family: Newsreader, Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.08;
  font-size: 36px;
  margin: 0 0 10px;
  max-width: none; }
body.da-signature main > .section > .container > .offplan-pagehead :is(.lead, .hero-lead, .text-muted, p),
body.da-signature main > .section > .container > header.pagehead :is(.lead, .hero-lead, .text-muted, p),
body.da-signature main > .section > .container > .detail-header :is(.lead, .hero-lead, .text-muted, p),
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.lead, .hero-lead, .text-muted, p),
body.da-signature main > .section > .container > header.da-advisory-header :is(.lead, .hero-lead, .text-muted, p),
body.da-signature main > .section > .container > header.da-editorial-header :is(.lead, .hero-lead, .text-muted, p),
body.da-signature main > .section > .container > header.blog-article-header :is(.lead, .hero-lead, .text-muted, p),
body.da-signature main > .section > .container > .da-contact-intro :is(.lead, .hero-lead, .text-muted, p) { color: #d1dcda; }
body.da-signature main > .section > .container > .offplan-pagehead :is(.lead, .hero-lead),
body.da-signature main > .section > .container > header.pagehead :is(.lead, .hero-lead),
body.da-signature main > .section > .container > .detail-header :is(.lead, .hero-lead),
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.lead, .hero-lead),
body.da-signature main > .section > .container > header.da-advisory-header :is(.lead, .hero-lead),
body.da-signature main > .section > .container > header.da-editorial-header :is(.lead, .hero-lead),
body.da-signature main > .section > .container > header.blog-article-header :is(.lead, .hero-lead),
body.da-signature main > .section > .container > .da-contact-intro :is(.lead, .hero-lead) { font-size: 15px; line-height: 1.65; }
body.da-signature main > .section > .container > .offplan-pagehead :is(.section-kicker, .da-eyebrow, .eyebrow, .kicker),
body.da-signature main > .section > .container > header.pagehead :is(.section-kicker, .da-eyebrow, .eyebrow, .kicker),
body.da-signature main > .section > .container > .detail-header :is(.section-kicker, .da-eyebrow, .eyebrow, .kicker),
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.section-kicker, .da-eyebrow, .eyebrow, .kicker),
body.da-signature main > .section > .container > header.da-advisory-header :is(.section-kicker, .da-eyebrow, .eyebrow, .kicker),
body.da-signature main > .section > .container > header.da-editorial-header :is(.section-kicker, .da-eyebrow, .eyebrow, .kicker),
body.da-signature main > .section > .container > header.blog-article-header :is(.section-kicker, .da-eyebrow, .eyebrow, .kicker),
body.da-signature main > .section > .container > .da-contact-intro :is(.section-kicker, .da-eyebrow, .eyebrow, .kicker) { color: #d9c9a8; }
body.da-signature main > .section > .container > .offplan-pagehead :is(.lead a, .link-underlined, p a),
body.da-signature main > .section > .container > header.pagehead :is(.lead a, .link-underlined, p a),
body.da-signature main > .section > .container > .detail-header :is(.lead a, .link-underlined, p a),
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.lead a, .link-underlined, p a),
body.da-signature main > .section > .container > header.da-advisory-header :is(.lead a, .link-underlined, p a),
body.da-signature main > .section > .container > header.da-editorial-header :is(.lead a, .link-underlined, p a),
body.da-signature main > .section > .container > header.blog-article-header :is(.lead a, .link-underlined, p a),
body.da-signature main > .section > .container > .da-contact-intro :is(.lead a, .link-underlined, p a) {
  color: var(--da-paper, #fffefd);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: rgba(255, 254, 253, 0.45); }
/* Surtitre « badge » (Off-plan, Area guide, Developer profile) rendu comme un surtitre or */
body.da-signature main > .section > .container > .detail-header > .detail-header__main > .badge,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header > .detail-header__main > .badge,
body.da-signature main > .section > .container > .detail-header .project-header-badges > .badge,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header .project-header-badges > .badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 0;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #d9c9a8;
  font: 500 11px / 1.65 Manrope, Arial, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase; }
body.da-signature main > .section > .container > .detail-header > .detail-header__main > .badge::before,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header > .detail-header__main > .badge::before,
body.da-signature main > .section > .container > .detail-header .project-header-badges > .badge::before,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header .project-header-badges > .badge::before { content: ""; width: 22px; height: 1px; background: currentColor; }
/* Pastilles et badges dans le bandeau : version fantôme */
body.da-signature main > .section > .container > .offplan-pagehead :is(.pill, .badge--soft, .badge--accent, .results-count),
body.da-signature main > .section > .container > header.pagehead :is(.pill, .badge--soft, .badge--accent, .results-count),
body.da-signature main > .section > .container > .detail-header :is(.pill, .badge--soft, .badge--accent, .results-count),
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.pill, .badge--soft, .badge--accent, .results-count),
body.da-signature main > .section > .container > header.da-advisory-header :is(.pill, .badge--soft, .badge--accent, .results-count),
body.da-signature main > .section > .container > header.da-editorial-header :is(.pill, .badge--soft, .badge--accent, .results-count),
body.da-signature main > .section > .container > header.blog-article-header :is(.pill, .badge--soft, .badge--accent, .results-count),
body.da-signature main > .section > .container > .da-contact-intro :is(.pill, .badge--soft, .badge--accent, .results-count) {
  background: rgba(255, 254, 253, 0.06);
  border-color: rgba(255, 254, 253, 0.22);
  color: #dfe5e3;
  box-shadow: none; }
body.da-signature main > .section > .container > .offplan-pagehead :is(.pill, .badge--soft) a,
body.da-signature main > .section > .container > header.pagehead :is(.pill, .badge--soft) a,
body.da-signature main > .section > .container > .detail-header :is(.pill, .badge--soft) a,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.pill, .badge--soft) a,
body.da-signature main > .section > .container > header.da-advisory-header :is(.pill, .badge--soft) a,
body.da-signature main > .section > .container > header.da-editorial-header :is(.pill, .badge--soft) a,
body.da-signature main > .section > .container > header.blog-article-header :is(.pill, .badge--soft) a,
body.da-signature main > .section > .container > .da-contact-intro :is(.pill, .badge--soft) a { color: inherit; }
body.da-signature main > .section > .container > .detail-header .pill.is-active,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header .pill.is-active { background: rgba(255, 254, 253, 0.14); border-color: rgba(255, 254, 253, 0.4); color: var(--da-paper, #fffefd); }
body.da-signature main > .section > .container > header.pagehead .badge--soft::before { background: #d9c9a8; box-shadow: none; }
/* Notes dépliables des annuaires */
body.da-signature main > .section > .container > header.pagehead .sig-directory-notes, body.da-signature main > .section > .container > header.pagehead .sig-directory-notes summary, body.da-signature main > .section > .container > header.pagehead .sig-directory-notes p { color: #b9c3c5; }
/* Boutons dans le bandeau */
body.da-signature main > .section > .container > .offplan-pagehead :is(.btn-outline, .btn-light, .btn-secondary),
body.da-signature main > .section > .container > header.pagehead :is(.btn-outline, .btn-light, .btn-secondary),
body.da-signature main > .section > .container > .detail-header :is(.btn-outline, .btn-light, .btn-secondary),
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.btn-outline, .btn-light, .btn-secondary),
body.da-signature main > .section > .container > header.da-advisory-header :is(.btn-outline, .btn-light, .btn-secondary),
body.da-signature main > .section > .container > header.da-editorial-header :is(.btn-outline, .btn-light, .btn-secondary),
body.da-signature main > .section > .container > header.blog-article-header :is(.btn-outline, .btn-light, .btn-secondary),
body.da-signature main > .section > .container > .da-contact-intro :is(.btn-outline, .btn-light, .btn-secondary) { background: transparent; border-color: rgba(255, 254, 253, 0.55); color: var(--da-paper, #fffefd); }
body.da-signature main > .section > .container > .offplan-pagehead :is(.btn-outline, .btn-light, .btn-secondary):hover,
body.da-signature main > .section > .container > header.pagehead :is(.btn-outline, .btn-light, .btn-secondary):hover,
body.da-signature main > .section > .container > .detail-header :is(.btn-outline, .btn-light, .btn-secondary):hover,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.btn-outline, .btn-light, .btn-secondary):hover,
body.da-signature main > .section > .container > header.da-advisory-header :is(.btn-outline, .btn-light, .btn-secondary):hover,
body.da-signature main > .section > .container > header.da-editorial-header :is(.btn-outline, .btn-light, .btn-secondary):hover,
body.da-signature main > .section > .container > header.blog-article-header :is(.btn-outline, .btn-light, .btn-secondary):hover,
body.da-signature main > .section > .container > .da-contact-intro :is(.btn-outline, .btn-light, .btn-secondary):hover { background: rgba(255, 254, 253, 0.12); border-color: var(--da-paper, #fffefd); color: var(--da-paper, #fffefd); }
body.da-signature main > .section > .container > .offplan-pagehead .btn-dark,
body.da-signature main > .section > .container > header.pagehead .btn-dark,
body.da-signature main > .section > .container > .detail-header .btn-dark,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header .btn-dark,
body.da-signature main > .section > .container > header.da-advisory-header .btn-dark,
body.da-signature main > .section > .container > header.da-editorial-header .btn-dark,
body.da-signature main > .section > .container > header.blog-article-header .btn-dark,
body.da-signature main > .section > .container > .da-contact-intro .btn-dark { background: var(--da-paper, #fffefd); border-color: var(--da-paper, #fffefd); color: var(--da-ink, #132b38); }
body.da-signature main > .section > .container > .offplan-pagehead .btn-dark:hover,
body.da-signature main > .section > .container > header.pagehead .btn-dark:hover,
body.da-signature main > .section > .container > .detail-header .btn-dark:hover,
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header .btn-dark:hover,
body.da-signature main > .section > .container > header.da-advisory-header .btn-dark:hover,
body.da-signature main > .section > .container > header.da-editorial-header .btn-dark:hover,
body.da-signature main > .section > .container > header.blog-article-header .btn-dark:hover,
body.da-signature main > .section > .container > .da-contact-intro .btn-dark:hover { background: var(--da-ivory, #f4f1eb); border-color: var(--da-ivory, #f4f1eb); color: var(--da-ink, #132b38); }
/* Boutons « Save / Compare » de la fiche projet */
body.da-signature main > .section > .container > .detail-header .da-selection-actions button { background: rgba(255, 254, 253, 0.06); border: 1px solid rgba(255, 254, 253, 0.3); color: var(--da-paper, #fffefd); }
body.da-signature main > .section > .container > .detail-header .da-selection-actions button:hover { background: rgba(255, 254, 253, 0.14); color: var(--da-paper, #fffefd); }
/* Chiffres du catalogue dans le bandeau */
body.da-signature main > .section > .container > .offplan-pagehead .offplan-metric-card { background: none; border: 0; border-left: 1px solid rgba(255, 254, 253, 0.22); border-radius: 0; box-shadow: none; padding: 2px 0 2px 16px; }
body.da-signature main > .section > .container > .offplan-pagehead .offplan-metric-card strong { color: var(--da-paper, #fffefd); font: 400 34px / 1 Newsreader, Georgia, serif; letter-spacing: -0.02em; }
body.da-signature main > .section > .container > .offplan-pagehead .offplan-metric-card span { color: #d1dcda; }
/* Photos et logo dans le bandeau */
body.da-signature main > .section > .container > .offplan-pagehead :is(.sig-city-figure, .guide-hero),
body.da-signature main > .section > .container > header.pagehead :is(.sig-city-figure, .guide-hero),
body.da-signature main > .section > .container > .detail-header :is(.sig-city-figure, .guide-hero),
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.sig-city-figure, .guide-hero),
body.da-signature main > .section > .container > header.da-advisory-header :is(.sig-city-figure, .guide-hero),
body.da-signature main > .section > .container > header.da-editorial-header :is(.sig-city-figure, .guide-hero),
body.da-signature main > .section > .container > header.blog-article-header :is(.sig-city-figure, .guide-hero),
body.da-signature main > .section > .container > .da-contact-intro :is(.sig-city-figure, .guide-hero) { border-radius: 3px; overflow: hidden; }
body.da-signature main > .section > .container > .sig-profile-intro > .detail-header .sig-profile-logo { background: var(--da-paper, #fffefd); border-radius: 3px; }

/* ---------- 2. Panneau flottant sous le bandeau (filtres, recherche, annuaire) ---------- */
html body.da-signature main > .section > .container > .offplan-pagehead + .signature-catalog-filters,
html body.da-signature main > .section > .container > header.pagehead + form.sig-directory-browser,
html body.da-signature main > .section > .container > header.pagehead + .search-page-panel {
  position: relative;
  z-index: 2;
  margin-top: -22px !important;
  padding: 20px 18px;
  background: var(--da-ivory, #f4f1eb);
  border: 1px solid var(--da-line, #e0e2df);
  border-radius: 3px;
  box-shadow: 0 18px 40px rgba(19, 43, 56, 0.16); }
html body.da-signature main > .section > .container > .offplan-pagehead,
html body.da-signature main > .section > .container > header.pagehead:has(+ form.sig-directory-browser),
html body.da-signature main > .section > .container > header.pagehead:has(+ .search-page-panel) { padding-bottom: 58px; }
body.da-signature main > .section > .container > .offplan-pagehead + .signature-catalog-filters :is(input, select, .input),
body.da-signature main > .section > .container > header.pagehead + form.sig-directory-browser :is(input, select, .input),
body.da-signature main > .section > .container > header.pagehead + .search-page-panel :is(input, select, .input) { background: var(--da-paper, #fffefd); }
/* Annuaire d'insights : la liste qui suit le bandeau */
body.da-signature main > .section > .container > header.pagehead + .section-shell { margin-top: 26px; }

/* ---------- 3. Fonds « soft » historiques → fonds plats de la charte ---------- */
body.da-signature main :is(.section-shell--soft, .section-shell--hub, .section-shell--showcase, .section-shell--plain, .section-shell--cta) {
  background: var(--da-paper, #fffefd);
}
body.da-signature main .quick-shortlist-panel.da-signature-shortlist {
  background: var(--da-ivory, #f4f1eb);
  border: 0;
  border-radius: 3px;
}
body.da-signature main .quick-shortlist-panel.da-signature-shortlist .section-title {
  font-family: Newsreader, Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em;
}

/* ---------- 4. Fiche projet : prix en Newsreader comme les chiffres de l'accueil ---------- */
body.da-signature .project-page .signature-summary-card .da-side-price strong {
  font: 400 32px / 1.1 Newsreader, Georgia, serif;
  letter-spacing: -0.02em;
  color: var(--da-ink, #132b38);
}

/* =====================================================================
   Mobile (<= 700 px) : boutons du hero quartier / promoteur rendus en liens
   texte par signature-directories.css — version claire sur le bandeau
   ===================================================================== */
@media (max-width: 700px) {
  html body.da-signature main > .section > .container > .detail-header .detail-header__ctas .btn,
  html body.da-signature main > .section > .container > .sig-profile-intro > .detail-header .detail-header__ctas .btn { color: var(--da-paper, #fffefd); background: transparent; border: 0; }
  html body.da-signature main > .section > .container > .detail-header .detail-header__ctas .btn:nth-child(2),
  html body.da-signature main > .section > .container > .sig-profile-intro > .detail-header .detail-header__ctas .btn:nth-child(2) { color: var(--da-ink, #132b38); background: var(--da-paper, #fffefd); border: 1px solid var(--da-paper, #fffefd); }
}
/* =====================================================================
   Tablette (>= 681 px)
   ===================================================================== */
@media (min-width: 681px) {
  body.da-signature main > .section > .container > nav.breadcrumbs,
  body.da-signature main > .section > .container > a.da-editorial-back { padding-top: 26px; }
  body.da-signature main > .section > .container > .offplan-pagehead,
  body.da-signature main > .section > .container > header.pagehead,
  body.da-signature main > .section > .container > header.da-advisory-header,
  body.da-signature main > .section > .container > header.da-editorial-header,
  body.da-signature main > .section > .container > .da-contact-intro { padding: 40px 0 44px; }
  body.da-signature main > .section > .container > .detail-header,
  body.da-signature main > .section > .container > .sig-profile-intro > .detail-header,
  body.da-signature main > .section > .container > header.blog-article-header { padding: 18px 0 40px; }
  html body.da-signature main > .section > .container > .offplan-pagehead,
  html body.da-signature main > .section > .container > header.pagehead:has(+ form.sig-directory-browser),
  html body.da-signature main > .section > .container > header.pagehead:has(+ .search-page-panel) { padding-bottom: 66px; }
  body.da-signature main > .section > .container > .offplan-pagehead :is(h1, .page-title),
  body.da-signature main > .section > .container > header.pagehead :is(h1, .page-title),
  body.da-signature main > .section > .container > .detail-header :is(h1, .page-title),
  body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(h1, .page-title),
  body.da-signature main > .section > .container > header.da-advisory-header :is(h1, .page-title),
  body.da-signature main > .section > .container > header.da-editorial-header :is(h1, .page-title),
  body.da-signature main > .section > .container > header.blog-article-header :is(h1, .page-title),
  body.da-signature main > .section > .container > .da-contact-intro :is(h1, .page-title) { font-size: 44px; }
  html body.da-signature main > .section > .container > .offplan-pagehead + .signature-catalog-filters,
  html body.da-signature main > .section > .container > header.pagehead + form.sig-directory-browser,
  html body.da-signature main > .section > .container > header.pagehead + .search-page-panel { margin-top: -30px !important; padding: 22px 24px; }
}

/* =====================================================================
   Desktop (>= 1101 px)
   ===================================================================== */
@media (min-width: 1101px) {
  body.da-signature main > .section > .container > .offplan-pagehead,
  body.da-signature main > .section > .container > header.pagehead,
  body.da-signature main > .section > .container > header.da-advisory-header,
  body.da-signature main > .section > .container > header.da-editorial-header,
  body.da-signature main > .section > .container > .da-contact-intro { padding: 52px 0 56px; }
  body.da-signature main > .section > .container > .detail-header,
  body.da-signature main > .section > .container > .sig-profile-intro > .detail-header,
  body.da-signature main > .section > .container > header.blog-article-header { padding: 22px 0 48px; }
  html body.da-signature main > .section > .container > .offplan-pagehead,
  html body.da-signature main > .section > .container > header.pagehead:has(+ form.sig-directory-browser),
  html body.da-signature main > .section > .container > header.pagehead:has(+ .search-page-panel) { padding-bottom: 76px; }
  body.da-signature main > .section > .container > .offplan-pagehead :is(h1, .page-title),
  body.da-signature main > .section > .container > header.pagehead :is(h1, .page-title),
  body.da-signature main > .section > .container > header.da-advisory-header :is(h1, .page-title),
  body.da-signature main > .section > .container > header.da-editorial-header :is(h1, .page-title),
  body.da-signature main > .section > .container > .da-contact-intro :is(h1, .page-title) { font-size: 54px; }
  body.da-signature main > .section > .container > .detail-header :is(h1, .page-title),
  body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(h1, .page-title),
  body.da-signature main > .section > .container > header.blog-article-header :is(h1, .page-title) { font-size: 46px; }
  body.da-signature main > .section > .container > .offplan-pagehead :is(.lead, .hero-lead),
  body.da-signature main > .section > .container > header.pagehead :is(.lead, .hero-lead),
  body.da-signature main > .section > .container > .detail-header :is(.lead, .hero-lead),
  body.da-signature main > .section > .container > .sig-profile-intro > .detail-header :is(.lead, .hero-lead),
  body.da-signature main > .section > .container > header.da-advisory-header :is(.lead, .hero-lead),
  body.da-signature main > .section > .container > header.da-editorial-header :is(.lead, .hero-lead),
  body.da-signature main > .section > .container > header.blog-article-header :is(.lead, .hero-lead),
  body.da-signature main > .section > .container > .da-contact-intro :is(.lead, .hero-lead) { font-size: 16px; }
  body.da-signature main > .section > .container > .offplan-pagehead .offplan-metric-card strong { font-size: 40px; }
  body.da-signature :is(.da-signature-services, .da-signature-invest) > .container > .detail { margin-top: 36px !important; }
  body.da-signature .da-signature-contact > .container > .da-contact-layout { margin-top: 36px !important; }
  html body.da-signature main > .section > .container > .offplan-pagehead + .signature-catalog-filters,
  html body.da-signature main > .section > .container > header.pagehead + form.sig-directory-browser,
  html body.da-signature main > .section > .container > header.pagehead + .search-page-panel { margin-top: -36px !important; padding: 26px 32px; box-shadow: 0 24px 50px rgba(19, 43, 56, 0.14); }
  html body.da-signature main > .section > .container > .detail-header + *,
  html body.da-signature main > .section > .container > .sig-profile-intro > .detail-header + *,
  html body.da-signature main > .section > .container > header.blog-article-header + *,
  html body.da-signature main > .section > .container > header.da-advisory-header + *,
  html body.da-signature main > .section > .container > header.da-editorial-header + *,
  html body.da-signature main > .section > .container > .da-contact-intro + .sr-only + * { margin-top: 36px; }
}

/* Site v2 — retouches du 16/10/2026 après vérification en ligne */
body.da-signature main > .section > .container > .sig-profile-intro { overflow: visible; }
html body.da-signature .project-page.signature-project-page .signature-summary-card .da-side-price strong { font: 400 28px / 1.1 Newsreader, Georgia, serif; letter-spacing: -0.02em; color: var(--da-ink, #132b38); }
@media (min-width: 1101px) {
  html body.da-signature .project-page.signature-project-page .signature-summary-card .da-side-price strong { font-size: 32px; }
}