/* ==========================================================================
   Les Demeures de Province — ajustements responsive (Ocean Communication)
   10-pages-presentation.css : pages de présentation (groupe A)
     · Accueil ............................. post 30   (.elementor-30)
     · Bienvenue chez nous ................. post 1283 (.elementor-1283)
     · Votre projet ........................ post 1908 (.elementor-1908)
     · Maison sur mesure ................... post 1492 (.elementor-1492)
     · Votre agrandissement ................ post 634  (.elementor-634)
     · Estimation budgétaire ............... post 979  (.elementor-979)
   Chargé après 00-commun.css par mu-plugins/ldp-responsive.php.

   Points de rupture : mobile ≤ 767 px · tablette 768–1024 px (portrait
   ≤ 991 px quand la mise en page doit s'empiler) · laptop 1025–1440 px ·
   grand écran au-delà.
   Plusieurs data-id existent sur des pages dupliquées (projet / agrandissement /
   agences, sur mesure / seniors / primo / investisseurs) : chaque règle est
   préfixée par la classe de la page visée.
   Conteneurs : on surcharge les variables d'Elementor (--width, --padding-*…)
   avec « html body .elementor-<page> .elementor-element.elementor-element-<id> »
   (0,3,2), plus fort que la règle d'Elementor (0,3,0).
   Non traités ici (feuille commune) : en-tête, pied de page, hero vidéo et barre
   de devis de l'accueil, marge haute des heros, blocs « Vos contacts par
   secteur », polices hors charte (Roboto des surtitres, Playfair).
   ========================================================================== */


/* ==========================================================================
   1. ACCUEIL (post 30)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1a. (supprimé le 26/10/2026) Les cartes « Ce qui fait la différence » ont été
   remplacées par la section des partenaires (logos, grille 6 / 4 / 2 colonnes
   réglée dans le CSS personnalisé du conteneur p4e7a10).
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   1b. « Nos réalisations » : images déformées (tous écrans)
   Les 4 photos (28e5e55, 9b5c9d7, 2ca33e4, 96d440d) ont une hauteur fixe
   (329 / 500 px) sans recadrage : écrasées de 35 à 50 % en mobile et tablette,
   étirées de 18 à 47 % en desktop. Deux d'entre elles (fichier « large » de
   640 px) n'occupaient pas toute leur colonne de 700 px et se décalaient de 30 px.
   → recadrage (cover) et pleine largeur de colonne ; en mobile, un format 4:3
   commun plutôt que des hauteurs de 329 et 500 px pour 347 px de large.
   -------------------------------------------------------------------------- */
html body .elementor-30 .elementor-element:is(.elementor-element-28e5e55, .elementor-element-9b5c9d7, .elementor-element-2ca33e4, .elementor-element-96d440d) img {
	width: 100%;
	max-width: 100%;
	object-fit: cover;
	object-position: center;
}
@media (max-width: 767px) {
	html body .elementor-30 .elementor-element:is(.elementor-element-28e5e55, .elementor-element-9b5c9d7, .elementor-element-2ca33e4, .elementor-element-96d440d) img {
		height: auto;
		aspect-ratio: 4 / 3;
	}
}

/* --------------------------------------------------------------------------
   1b bis. Retour client du 21/10/2026 : la photo en bas à droite (96d440d,
   fichier 5.png de 1180 × 818) était trop recadrée (662 × 329 : toit coupé).
   → montrée en entier, à son format. La photo du dessus (2ca33e4) prend la
   hauteur restante pour que les deux colonnes finissent au même niveau :
   à gauche 329 + 20 + 500 = 849 px (desktop), à droite 2ca33e4 + 20 + 96d440d.
   En tablette, les 4 photos suivent la largeur de leur colonne (mêmes
   proportions qu'en 1440 px) au lieu de hauteurs fixes très recadrées.
   100cqw = largeur de la colonne (container-type sur 19a96fc et a02827e).
   -------------------------------------------------------------------------- */
html body .elementor-30 .elementor-element.elementor-element-96d440d img {
	height: auto;
	aspect-ratio: 1180 / 818;
}
@media (min-width: 768px) {
	html body .elementor-30 .elementor-element:is(.elementor-element-19a96fc, .elementor-element-a02827e) {
		container-type: inline-size;
	}
}
@media (min-width: 1025px) {
	html body .elementor-30 .elementor-element.elementor-element-2ca33e4 img {
		height: calc(829px - 100cqw * 818 / 1180);
		object-position: 50% 55%;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-30 .elementor-element.elementor-element-28e5e55 img {
		height: calc(100cqw * 329 / 662);
	}
	html body .elementor-30 .elementor-element.elementor-element-9b5c9d7 img {
		height: calc(100cqw * 500 / 662);
	}
	html body .elementor-30 .elementor-element.elementor-element-2ca33e4 img {
		height: calc(100cqw * 829 / 662 - 100cqw * 818 / 1180);
		object-position: 50% 55%;
	}
}

/* --------------------------------------------------------------------------
   1c. « Notre histoire » (rangée 724eaad : texte 639412c | curseur f26f20d)
   Tablette portrait : la mise en page desktop était compressée dans 334 px —
   chiffres FFB / RE2020 / 100 % sur 3 colonnes de 102 px (texte mot par mot,
   « RE2020 » débordait sur « 100% »), boutons sur 2 lignes. → texte puis
   curseur, chacun en pleine largeur.
   Toute la tablette : boutons « Demander un devis » (7ef9cce) et « Notre
   histoire » (45713eb) sur une ligne (ils passaient sur 2 lignes en 768 et 1024).
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	html body .elementor-30 .elementor-element.elementor-element-724eaad {
		--flex-direction: column;
		--align-items: stretch;
		--gap: 40px;
		--row-gap: 40px;
	}
	html body .elementor-30 .elementor-element:is(.elementor-element-639412c, .elementor-element-f26f20d) {
		--width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-30 .elementor-element.elementor-element-1175755 {
		--flex-wrap: wrap;
		--align-items: center;
		--gap: 12px 28px;
		--row-gap: 12px;
		--column-gap: 28px;
	}
	html body .elementor-30 .elementor-element:is(.elementor-element-7ef9cce, .elementor-element-45713eb) {
		--container-widget-width: auto;
		--container-widget-flex-grow: 0;
		flex: 0 0 auto;
		width: auto;
	}
	html body .elementor-30 .elementor-element.elementor-element-45713eb .elementor-button {
		width: auto;
	}
	html body .elementor-30 .elementor-element.elementor-element-45713eb .elementor-button-text,
	html body .elementor-30 .elementor-element.elementor-element-7ef9cce .popup-trigger-btn {
		white-space: nowrap;
	}
}

/* --------------------------------------------------------------------------
   1d. « Nos réalisations » : lien « Découvrir nos réalisations » (4b952f9 dans
   1869b86) sur 2 lignes en tablette portrait (colonne réduite à 218 px) ;
   vide entre le titre et les photos.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-30 .elementor-element.elementor-element-1869b86 {
		--width: auto;
		flex: 0 0 auto;
	}
	html body .elementor-30 .elementor-element.elementor-element-2cde84a {
		flex: 1 1 0;
		min-width: 0;
	}
	html body .elementor-30 .elementor-element.elementor-element-4b952f9 .elementor-button-text {
		white-space: nowrap;
	}
}
/* Titre et photos sont deux sections (aa7baca, ea6d8f3) : leurs marges de 80 px
   s'additionnaient en tablette (160 px de vide), 40 + 40 px en mobile. */
@media (max-width: 1024px) {
	html body .elementor-30 .elementor-element.elementor-element-aa7baca {
		--padding-bottom: 0px;
	}
	html body .elementor-30 .elementor-element.elementor-element-ea6d8f3 {
		--padding-top: 12px;
	}
}

/* --------------------------------------------------------------------------
   1e. « Terrains & maisons » (en-tête 7116bff, annonces ce36df7 dans 40e74ca2)
   Tablette : 3 annonces sur 2 colonnes, la 3e seule à demi-largeur → 3 colonnes.
   Tablette et mobile : le titre et les cartes sont deux sections dont les marges
   s'additionnaient (180 px de vide en tablette, 120 px en mobile).
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-30 .elementor-element.elementor-element-ce36df7 .elementor-posts-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		--grid-column-gap: 20px;
		column-gap: 20px;
	}
	html body .elementor-30 .elementor-element.elementor-element-ce36df7 .elementor-post__text {
		padding: 18px !important;   /* le CSS du widget impose 24 px avec !important */
	}
}
@media (max-width: 1024px) {
	html body .elementor-30 .elementor-element.elementor-element-7116bff {
		--padding-bottom: 0px;
	}
	html body .elementor-30 .elementor-element.elementor-element-40e74ca2 {
		--padding-top: 12px;
	}
	html body .elementor-30 .elementor-element.elementor-element-775ecdbb {
		--margin-top: 0px;
	}
}

/* --------------------------------------------------------------------------
   1f. « Nos actualités » (f5ff425) : en tablette, l'article unique tenait dans
   une colonne sur 2 (moitié droite vide ; en 1024 px, carte horizontale avec un
   titre sur 5 lignes dans 110 px). → une colonne pleine largeur.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-30 .elementor-element.elementor-element-f5ff425 .elementor-posts-container {
		grid-template-columns: minmax(0, 1fr);
	}
	/* le widget ne prenait que 639 px sur 706 dans sa rangée 9075b0d */
	html body .elementor-30 .elementor-element.elementor-element-f5ff425 {
		--container-widget-width: 100%;
		flex: 1 1 100%;
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
   1g. Curseur « Le croquis / La maison » (9a3e730) : étiquettes en 11 px → 12 px.
   -------------------------------------------------------------------------- */
html body .elementor-30 .elementor-element.elementor-element-9a3e730 .ddp-tag {
	font-size: 12px;
}


/* ==========================================================================
   2. BIENVENUE CHEZ NOUS (post 1283)
   ========================================================================== */

/* --------------------------------------------------------------------------
   2a. « Notre équipe » : accordéons « En savoir plus » (365092e, dab939f,
   4a23456, 03b16f3), tous écrans.
   L'écart titre / icône était de 400 px : en mobile et tablette le libellé
   tombait à 42 px de large (« En / savoir / plus ») et l'icône sortait de
   l'écran (page de 505 px de large en 390, de 878 px en 768) ; en desktop
   l'icône flottait au milieu de la carte. → écart normal, icône au bord droit.
   2b. Même alignement pour l'accordéon « Un projet entièrement personnalisé »
   (0e03bed) : les + suivaient le texte, chacun à une position différente.
   -------------------------------------------------------------------------- */
html body .elementor-1283 .elementor-element:is(.elementor-element-365092e, .elementor-element-dab939f, .elementor-element-4a23456, .elementor-element-03b16f3) {
	--n-accordion-icon-gap: 12px;
	--n-accordion-title-justify-content: space-between;
	--n-accordion-title-flex-grow: 1;
}
html body .elementor-1283 .elementor-element.elementor-element-0e03bed {
	--n-accordion-title-justify-content: space-between;
	--n-accordion-title-flex-grow: 1;
}

/* --------------------------------------------------------------------------
   2c. Hero : boutons « Demander un devis » / « Voir nos réalisations »
   (c21890e, 1c53844 dans bb5e7fc, réglé à 41 %) sur 2 lignes en tablette.
   2d. Compteurs du hero (titres 5f2af13…3f76d80) : interligne de 2,5 hérité
   d'Elementor, « Agences en / Normandie » s'écartait de 34 px en tablette.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-1283 .elementor-element.elementor-element-bb5e7fc {
		--width: 100%;
		--flex-wrap: wrap;
	}
	html body .elementor-1283 .elementor-element:is(.elementor-element-c95e14d, .elementor-element-443bbb4) {
		--width: auto;
		flex: 0 0 auto;
	}
	html body .elementor-1283 .elementor-element:is(.elementor-element-c21890e, .elementor-element-1c53844) .elementor-button-text {
		white-space: nowrap;
	}
}
@media (max-width: 1024px) {
	html body .elementor-1283 .elementor-element-9f3378f .elementor-counter-title {
		line-height: 1.35;
		margin-top: 6px;
	}
}

/* --------------------------------------------------------------------------
   2e. Rythme vertical en tablette et mobile. Les deux rangées de cartes
   « équipe » (6bab5a6, 14f64c7) et l'intro « Notre équipe » (9513e87) sont trois
   sections : 160 px entre l'intro et les cartes et entre les deux rangées en
   tablette (80 px en mobile), contre 20 px entre deux cartes. Même chose entre
   l'intro « Les garanties » (f701ab3) et ses cartes (5cdcfd80) : ~200 px.
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	html body .elementor-1283 .elementor-element:is(.elementor-element-9513e87, .elementor-element-6bab5a6, .elementor-element-f701ab3) {
		--padding-bottom: 0px;
	}
	html body .elementor-1283 .elementor-element.elementor-element-6bab5a6,
	html body .elementor-1283 .elementor-element.elementor-element-5cdcfd80 {
		--padding-top: 16px;
	}
	html body .elementor-1283 .elementor-element.elementor-element-14f64c7 {
		--padding-top: 20px;   /* = écart entre deux cartes d'une même rangée */
	}
}

/* --------------------------------------------------------------------------
   2f. « Les garanties » : texte d'intro (f1483cf) réglé à 53 %, soit 173 px
   centrés en mobile.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	html body .elementor-1283 .elementor-element.elementor-element-f1483cf {
		--container-widget-width: 100%;
		width: 100%;
		max-width: 100%;
	}
}


/* ==========================================================================
   3. VOTRE PROJET (post 1908) et VOTRE AGRANDISSEMENT (post 634)
   Pages dupliquées : mêmes identifiants (aussi sur Nos agences, non visée).
   ========================================================================== */

/* --------------------------------------------------------------------------
   3a. Retrait de 80 px à gauche en tablette (e8f66d7 : titre et intro,
   68705c1 : cartes / photos) : ces sections étaient décalées vers la droite
   (marge gauche 111–121 px contre 31 px pour les autres, marge droite inchangée).
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body :is(.elementor-1908, .elementor-634) .elementor-element:is(.elementor-element-e8f66d7, .elementor-element-68705c1) {
		--padding-left: 0px;
	}
}

/* --------------------------------------------------------------------------
   3b. Hero : boutons (9a1a1fb, 10ac1cf dans 6c425c5) sur 2 lignes en tablette
   (« Voir les / projets », « Demander / une étude »).
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body :is(.elementor-1908, .elementor-634) .elementor-element.elementor-element-6c425c5 {
		--flex-wrap: wrap;
		--gap: 12px;
		--row-gap: 12px;
		--column-gap: 12px;
	}
	html body :is(.elementor-1908, .elementor-634) .elementor-element:is(.elementor-element-9a1a1fb, .elementor-element-10ac1cf) .elementor-button-text {
		white-space: nowrap;
	}
}

/* --------------------------------------------------------------------------
   3c. Projet — « Quel projet vous ressemble ? » : intro (f8e1614) réglée à 50 %,
   soit 163 px de large en mobile.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	html body .elementor-1908 .elementor-element.elementor-element-f8e1614 {
		--container-widget-width: 100%;
		width: 100%;
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   3d. Projet — pastilles de prix des cartes (widgets HTML 1fb2ab8, fbe6493,
   a3d72d2, 8eea9f5) : « Prix » / « À partir de » en 10,4 px → 12 px. Le style
   du widget impose sa police avec !important.
   -------------------------------------------------------------------------- */
html body .elementor-1908 .ldp-prix small {
	font-size: .75rem !important;
}

/* --------------------------------------------------------------------------
   3e. Agrandissement — « Laissez-vous inspirer » : en tablette, les 3 photos
   (8fc9d50 | 523f183 | 0cd28d9, dans 76c3480 / ac92a6c / 7c41f07) se
   partageaient une ligne en 2:1:1 (288 / 139 / 139 px), pastilles sur 2 lignes.
   → la 1re sur toute la largeur, les deux autres côte à côte dessous.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-634 .elementor-element.elementor-element-9cf2519 {
		--flex-wrap: wrap;
	}
	html body .elementor-634 .elementor-element.elementor-element-76c3480 {
		--width: 100%;
		flex: 0 0 100%;
	}
	html body .elementor-634 .elementor-element:is(.elementor-element-ac92a6c, .elementor-element-7c41f07) {
		--width: 50%;
		flex: 0 0 50%;
	}
}

/* --------------------------------------------------------------------------
   3f. Agrandissement — « Agrandir plutôt que déménager » (2a41ada : texte
   d0f646a | cartes 5aa300b) : en tablette portrait le titre tenait dans 218 px
   (« Agrandir / plutôt / que / déménager »). → texte au-dessus des cartes.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	html body .elementor-634 .elementor-element.elementor-element-2a41ada {
		--flex-direction: column;
		--align-items: stretch;
		--gap: 24px;
		--row-gap: 24px;
	}
	html body .elementor-634 .elementor-element:is(.elementor-element-d0f646a, .elementor-element-5aa300b) {
		--width: 100%;
	}
}

/* --------------------------------------------------------------------------
   3g. Agrandissement — lien « Toutes nos réalisations » (a712011) : libellé sur
   2 lignes en mobile et tablette, flèche détachée à droite.
   21/10/2026 : libellé devenu « Laissez-vous inspirer par nos réalisations »
   (retour client), trop long pour une ligne en mobile → retour à la ligne
   permis sous 768 px, flèche collée au dernier mot.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-634 .elementor-element.elementor-element-a712011 .elementor-button-text {
		white-space: nowrap;
	}
}
@media (max-width: 767px) {
	html body .elementor-634 .elementor-element.elementor-element-a712011 .elementor-button-text {
		white-space: normal;
		text-align: left;
		line-height: 1.9;
	}
	html body .elementor-634 .elementor-element.elementor-element-a712011 .elementor-button {
		justify-content: flex-start;
	}
	html body .elementor-634 .elementor-element.elementor-element-a712011 .elementor-button::after {
		margin-left: 0;
		padding-left: 14px;
	}
}


/* --------------------------------------------------------------------------
   3h. Agrandissement — retours client du 21/10/2026, tablette portrait :
   - « Vos besoins » (ec873cd) compte 5 cartes depuis l'ajout de « Création
     d'un garage » : 5 colonnes de 130 px étaient trop étroites (« supplémentaire »
     sortait de sa carte) → 3 + 2 cartes, centrées ;
   - bouton « Laissez-vous inspirer par nos réalisations » (a712011, dans
     c7e26f6) : trop long à côté du texte (b4dbc22) → sous le texte.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	html body .elementor-634 .elementor-element.elementor-element-ec873cd {
		--flex-wrap: wrap;
		--justify-content: center;
	}
	html body .elementor-634 .elementor-element.elementor-element-ec873cd > .elementor-element {
		--width: calc((100% - 20px) / 3);
		flex: 0 0 calc((100% - 20px) / 3);
	}
	html body .elementor-634 .elementor-element.elementor-element-2eeaeae {
		--flex-direction: column;
		--align-items: flex-start;
	}
	html body .elementor-634 .elementor-element:is(.elementor-element-b4dbc22, .elementor-element-c7e26f6) {
		--width: 100%;
	}
}

/* ==========================================================================
   4. MAISON SUR MESURE (post 1492)
   ========================================================================== */

/* --------------------------------------------------------------------------
   4a. Pastilles « Contemporaine / Traditionnelle » (803e99a dans f2b06b2,
   647386d dans 47851ee) : conteneurs réglés à 33 % / 92 % ; en tablette la 1re
   pastille tombait à 68 px (« Contempor… » coupé, recouvert par la 2e).
   → chaque pastille à la largeur de son texte, sur une ligne, à tous les écrans.
   -------------------------------------------------------------------------- */
html body .elementor-1492 .elementor-element.elementor-element-7a0ce3e {
	--flex-wrap: wrap;
	--gap: 8px;
	--row-gap: 8px;
	--column-gap: 8px;
}
html body .elementor-1492 .elementor-element:is(.elementor-element-f2b06b2, .elementor-element-47851ee) {
	--width: auto;
	flex: 0 0 auto;
}
html body .elementor-1492 .elementor-element:is(.elementor-element-803e99a, .elementor-element-647386d) {
	white-space: nowrap;
}

/* --------------------------------------------------------------------------
   4b. « De l'idée à la maison de vos rêves » (f3932da : texte et cartes 6debc90
   | curseur adfe7bf). En tablette, mise en page desktop compressée : cartes de
   156 px (texte mot par mot), curseur isolé à droite. → empilés, pleine largeur.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-1492 .elementor-element.elementor-element-f3932da {
		--flex-direction: column;
		--align-items: stretch;
		--gap: 40px;
		--row-gap: 40px;
	}
	html body .elementor-1492 .elementor-element:is(.elementor-element-6debc90, .elementor-element-adfe7bf) {
		--width: 100%;
	}
}

/* --------------------------------------------------------------------------
   4c. « Votre maison, dans les moindres détails » (intro a5104eb, cartes
   f895acb / 066bc3a / d910719 / f59d0bf dans 729ce94)
   - Tous écrans : le contenu de la carte « Menuiserie & équipements » (0dfa818)
     remontait de 27 px (16 px hors de la carte en mobile), carte plus courte.
   - Tablette et mobile : icônes réglées en % (18 %) → 20 px en tablette ; titres
     remontés de 15 px sous l'icône (chevauchement). Icônes à 48 px, titres à leur place.
   - Tablette portrait : 4 cartes de 160 px → 2×2.
   - Tablette et mobile : intro et cartes sont deux sections, 190 px de vide.
   -------------------------------------------------------------------------- */
html body .elementor-1492 .elementor-element.elementor-element-0dfa818 {
	--margin-top: 0px;
}
@media (max-width: 1024px) {
	html body .elementor-1492 .elementor-element:is(.elementor-element-2ffeb42, .elementor-element-1d035bb, .elementor-element-6b80147, .elementor-element-1a9dcce) img {
		width: 48px;
	}
	html body .elementor-1492 .elementor-element:is(.elementor-element-fc374b7, .elementor-element-75a5929, .elementor-element-7fbbc72, .elementor-element-5229a3c) {
		margin-top: 0;
	}
	html body .elementor-1492 .elementor-element.elementor-element-a5104eb {
		--padding-bottom: 0px;
	}
	html body .elementor-1492 .elementor-element.elementor-element-729ce94 {
		--padding-top: 16px;
	}
	/* titres des cartes en paragraphes (marges de 1 em / 1,5 em du thème) :
	   46 px entre le titre et son texte → 14 px. Même chose pour les cartes de 4b. */
	html body .elementor-1492 .elementor-element:is(.elementor-element-fc374b7, .elementor-element-75a5929, .elementor-element-7fbbc72, .elementor-element-5229a3c, .elementor-element-4306c2e, .elementor-element-ca8ee86) p:last-child {
		margin-bottom: 8px;
	}
	html body .elementor-1492 .elementor-element:is(.elementor-element-faf37c5, .elementor-element-8f0b6b7, .elementor-element-da8dcbc, .elementor-element-be315f5, .elementor-element-d17dacd, .elementor-element-cec84dc) p:first-child {
		margin-top: 6px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	html body .elementor-1492 .elementor-element.elementor-element-729ce94 {
		--flex-wrap: wrap;
	}
	html body .elementor-1492 .elementor-element:is(.elementor-element-f895acb, .elementor-element-066bc3a, .elementor-element-d910719, .elementor-element-f59d0bf) {
		--width: calc(50% - 10px);
		flex: 0 0 calc(50% - 10px);
	}
}

/* --------------------------------------------------------------------------
   4d. « Votre maison pensée autour de vous » : le 1er point (4769bf2) se
   réduisait à la largeur de son texte (554 px contre 729 px) et ses filets
   étaient plus courts que ceux des points suivants (visible en desktop).
   -------------------------------------------------------------------------- */
html body .elementor-1492 .elementor-element.elementor-element-4769bf2 {
	--align-self: stretch;
	align-self: stretch;
}

/* --------------------------------------------------------------------------
   4e. Hero : bouton « Demander une étude » (ba0b742 dans 9bc5cd9, réglé à 50 %)
   sur 2 lignes en mobile.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	html body .elementor-1492 .elementor-element.elementor-element-9bc5cd9 {
		--width: auto;
	}
	html body .elementor-1492 .elementor-element.elementor-element-ba0b742 :is(a, button) {
		white-space: nowrap;
	}
}

/* --------------------------------------------------------------------------
   4f. Curseur « Le croquis / La maison » (e97fdd5) : étiquettes 11 px → 12 px.
   -------------------------------------------------------------------------- */
html body .elementor-1492 .elementor-element.elementor-element-e97fdd5 .ddp-tag {
	font-size: 12px;
}


/* ==========================================================================
   5. ESTIMATION BUDGÉTAIRE (post 979)
   ========================================================================== */

/* --------------------------------------------------------------------------
   5a. Titre du hero (72cc2c0c, « Estimez le budget de <br> votre futur
   maison ») : en 40 px, « de » tombait seul sur une ligne en mobile.
   5b. Intro du simulateur (74a9af7b) réglée à 71 % : 246 px en mobile.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	html body .elementor-979 .elementor-element.elementor-element-72cc2c0c .elementor-heading-title {
		font-size: 31px;
		line-height: 1.18;
	}
	html body .elementor-979 .elementor-element.elementor-element-74a9af7b {
		--container-widget-width: 100%;
		width: 100%;
		max-width: 100%;
	}
}