/* Immo refonte 2026 : organisation UI/UX - relation (lot parallele)
   Pages : contact, appel immediat / etude gratuite, temoignages, partenaires, regions, parrainage, recrutement,
   pages produits (.cip-wrap), mini-sites. Portee : main.uxr (classe ajoutee dans les gabarits) ou .cip-wrap.
   Identite Immo : encre #1F2021, texte #55595C, ligne #E6E4E0, fond chaud #F7F5F2, orange #EC7B35 / #B4531A.
   Arrondis : 7 px maximum. Specificite : les regles du design utilisent :not(#if), on ajoute :not(#uxr). */

:root { --uxr-r: 7px; --uxr-largeur: var(--ih-largeur, min(1360px, calc(100% - 48px))); }


/* ================================================================== BRIQUES COMMUNES */
main.uxr .uxr-grille {
  width: var(--uxr-largeur); margin: 28px auto 0; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start;
}
main.uxr .uxr-carte {
  background: #fff; border: 1px solid var(--if-ligne); border-radius: var(--uxr-r); box-shadow: var(--if-ombre);
}
main.uxr .uxr-carte-form { padding: 28px 32px 24px; }
main.uxr .uxr-carte h2:not(#if):not(#uxr) { font-size: 24px; margin: 0 0 6px; }
main.uxr .uxr-intro:not(#uxr) { margin: 0 0 18px; color: var(--if-texte); font-size: 15px; line-height: 1.55; }
main.uxr .uxr-cote { display: flex; flex-direction: column; gap: 12px; position: sticky; top: 16px; }

/* coordonnees */
main.uxr .uxr-coord { position: relative; padding: 22px 24px 18px; }
main.uxr .uxr-coord-label:not(#if):not(#uxr) { float: right; position: static; width: 60px; height: auto; margin: -6px -8px 8px 10px; }
main.uxr .uxr-coord-nom:not(#uxr) { margin: 0 0 12px; font-size: 19px; font-weight: 700; color: var(--if-encre); letter-spacing: -.02em; }
main.uxr .uxr-coord-ligne:not(#uxr) { margin: 0 0 10px; padding-left: 30px; position: relative; font-size: 15px; line-height: 1.5; color: var(--if-texte); }
main.uxr .uxr-coord-ligne a:not(#if):not(#uxr) { color: var(--if-encre); font-weight: 600; text-decoration: none !important; }
main.uxr .uxr-coord-ligne a:hover { color: var(--if-orange-fonce); text-decoration: underline !important; }
main.uxr [class*="uxr-ico-"]::before {
  content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: var(--color-orange, #EC7B35);
  -webkit-mask: var(--uxr-ico) center / contain no-repeat; mask: var(--uxr-ico) center / contain no-repeat;
}
main.uxr .uxr-ico-lieu { --uxr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E"); }
main.uxr .uxr-ico-tel, main.uxr .uxr-ico-rappel { --uxr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
main.uxr .uxr-ico-mail { --uxr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
main.uxr .uxr-ico-etude { --uxr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E"); }
main.uxr .uxr-ico-avis { --uxr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1 6.2L12 17.3 6.5 20.2l1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E"); }

/* raccourcis (rappel, etude gratuite, deposer un avis...) : discrets, une ligne chacun */
main.uxr a.uxr-raccourci:not(#uxr) {
  position: relative; display: flex; align-items: center; min-height: 64px; padding: 12px 40px 12px 64px;
  color: var(--if-encre); text-decoration: none; transition: border-color .15s, transform .15s;
}
main.uxr a.uxr-raccourci::before { left: 20px !important; top: 50% !important; margin-top: -12px; width: 24px !important; height: 24px !important; }
main.uxr a.uxr-raccourci::after {
  content: "\2192"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: var(--color-orange, #EC7B35); font-weight: 700;
}
main.uxr a.uxr-raccourci:hover { border-color: #DC9A70; transform: translateY(-1px); }
main.uxr a.uxr-raccourci strong { display: block; font-size: 16px; font-weight: 700; line-height: 1.3; }
main.uxr a.uxr-raccourci small { display: block; font-size: 13.5px; color: var(--if-texte); line-height: 1.35; }

/* ================================================================== CONTACT */
main.uxr-contact .uxr-carte-form .depot-avis:not(#if):not(#uxr) { padding: 0; background: none !important; }
main.uxr-contact .uxr-carte-form form:not(#uxr) { margin: 0; }
main.uxr-contact .uxr-carte-form textarea:not(#uxr) { min-height: 130px; height: 130px; }


/* ================================================================== BOUTON, LISTES, FILTRES (communs) */
main.uxr .uxr-btn:not(#if):not(#uxr), .uxr-depot .uxr-btn:not(#uxr) {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px;
  background: var(--color-orange, #EC7B35); color: var(--if-sur-orange, #fff); border: 0; border-radius: 4px;
  font-weight: 700; font-size: 15.5px; text-decoration: none; line-height: 1.2;
}
main.uxr .uxr-btn:hover { background: var(--if-orange-survol, #CF5F1C); color: var(--if-sur-orange, #fff); }
main.uxr .uxr-grille-g { grid-template-columns: 300px minmax(0, 1fr); }
main.uxr .uxr-liste-tete { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0 0 14px; }
main.uxr .uxr-liste-tete h2:not(#if):not(#uxr) { font-size: 24px; margin: 0; }
main.uxr .uxr-compteur:not(#uxr) { margin: 0; font-size: 14.5px; font-weight: 600; color: var(--if-texte); white-space: nowrap; }
main.uxr .uxr-vide { padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
main.uxr .uxr-vide p:not(#uxr) { margin: 0; font-size: 16px; color: var(--if-encre); }

main.uxr .uxr-filtres { padding: 18px 20px 20px; }
main.uxr .uxr-filtres-titre:not(#uxr) { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: var(--if-encre); }
main.uxr .uxr-filtres label:not(#if):not(#uxr) { display: block; margin: 12px 0 5px; font-size: 13.5px; font-weight: 600; color: var(--if-encre); }
main.uxr .uxr-filtres :is(input[type=text], select):not(#if):not(#uxr) {
  width: 100%; height: 40px; padding: 0 12px; border: 1px solid #CFCBC4; border-radius: 4px; background: #fff; font-size: 15px; color: var(--if-encre);
}
main.uxr .uxr-recherche { display: flex; }
main.uxr .uxr-recherche input:not(#if):not(#uxr) { border-radius: 4px 0 0 4px; border-right: 0; }
main.uxr .uxr-recherche button {
  flex: 0 0 44px; height: 40px; border: 0; border-radius: 0 4px 4px 0; background: var(--color-orange, #EC7B35) center / 18px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2021' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E"); cursor: pointer;
}
main.uxr .uxr-filtres-raz:not(#if):not(#uxr) { display: inline-block; margin-top: 12px; font-size: 14px; font-weight: 600; color: var(--if-orange-fonce); }

main.uxr .uxr-pagination:not(#if):not(#uxr) { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 8px 0 0; padding: 0; }
main.uxr .uxr-pagination a:not(#if):not(#uxr), main.uxr .uxr-pagination-ellipse {
  display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 8px; margin: 0;
  border: 1px solid var(--if-ligne); border-radius: 4px; background: #fff; color: var(--if-encre); font-weight: 600; font-size: 14.5px; text-decoration: none;
}
main.uxr .uxr-pagination a.active:not(#if):not(#uxr) { background: var(--if-encre); border-color: var(--if-encre); color: #fff; }
main.uxr .uxr-pagination-ellipse { border-color: transparent; background: none; }

/* ================================================================== TEMOIGNAGES */
main.uxr .uxr-note { padding: 22px 22px 20px; background: var(--if-encre); border-color: var(--if-encre); color: #fff; }
main.uxr .uxr-note-val:not(#uxr) { margin: 0; display: flex; align-items: baseline; gap: 4px; color: #fff; }
main.uxr .uxr-note-val strong:not(#uxr) { font-size: 56px; line-height: 1; letter-spacing: -.04em; color: #fff; font-weight: 700; }
main.uxr .uxr-note-val span { font-size: 20px; font-weight: 600; color: #C9C6C1; }
main.uxr .uxr-note-nb:not(#uxr) { margin: 6px 0 10px; font-size: 15px; color: #fff; }
main.uxr .uxr-note-nb strong:not(#if):not(#uxr) { color: var(--color-orange, #EC7B35); }
main.uxr .uxr-note-txt:not(#uxr) { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: #C9C6C1; }
main.uxr .uxr-note .uxr-btn { width: 100%; }
main.uxr-avis .liste-avis:not(#if):not(#uxr) { border-radius: var(--uxr-r) !important; margin-bottom: 14px !important; }
main.uxr-avis .liste-avis :is(.img-profil, a.br-5, .br-5):not(#if):not(#uxr) { border-radius: 4px !important; }

/* depot d'un avis (bas de page) */
.uxr-depot { background: var(--if-fond-chaud); padding: 40px 0 48px; }
.uxr-depot-carte {
  width: min(1040px, calc(100% - 64px)); margin: 0 auto; padding: 32px 40px 24px;
  background: #fff; border: 1px solid var(--if-ligne); border-radius: 7px; box-shadow: var(--if-ombre);
}
.uxr-depot-tete h2:not(#if):not(#uxr) { font-size: clamp(22px, 2vw, 28px); line-height: 1.2; letter-spacing: -.03em; margin: 0 0 6px; color: var(--if-encre); font-weight: 700; }
.uxr-depot-tete h2 .orange:not(#if):not(#uxr) { color: var(--color-orange, #EC7B35); }
.uxr-depot-tete p:not(#uxr) { margin: 0 0 20px; color: var(--if-texte); font-size: 15px; line-height: 1.55; }
.uxr-depot .depot-avis:not(#if):not(#uxr) { padding: 0; background: none !important; max-width: none; width: auto; }
.uxr-depot .uxr-ligne-note img { cursor: pointer; height: 26px; margin-right: 2px; }
@media (max-width: 767px) {
  .uxr-depot { padding: 24px 0 32px; }
  .uxr-depot-carte { width: calc(100% - 32px); padding: 22px 18px 18px; }
}

/* ================================================================== RESPONSIVE */
@media (max-width: 1100px) {
  main.uxr .uxr-grille { grid-template-columns: minmax(0, 1fr) 300px; }
  main.uxr .uxr-grille-g { grid-template-columns: 270px minmax(0, 1fr); }
}
@media (max-width: 860px) {
  main.uxr .uxr-grille, main.uxr .uxr-grille-g { grid-template-columns: minmax(0, 1fr); }
  main.uxr .uxr-cote { position: static; }
}
@media (max-width: 767px) {
  :root { --uxr-largeur: calc(100% - 32px); }
  main.uxr .uxr-grille { margin-top: 16px; gap: 14px; }
  main.uxr .uxr-carte-form { padding: 22px 18px 18px; }
}

/* temoignages : cartes plus denses (photo 120 px, entiere) */
@media (min-width: 992px) {
  main.uxr-avis .liste-avis > .row > .col-lg-4:not(#uxr) { flex: 0 0 140px; max-width: 140px; }
  main.uxr-avis .liste-avis > .row > .col-lg-8:not(#uxr) { flex: 1 1 0; max-width: none; width: auto; }
  main.uxr-avis .liste-avis .img-profil:not(#if):not(#uxr) { width: 120px; height: auto; }
}
.uxr-depot .uxr-ligne-note > label:not(#if):not(#uxr) { flex: 0 0 auto; width: auto; margin-right: 14px; }
.uxr-depot textarea:not(#if):not(#uxr) { min-height: 140px; height: 140px; }

/* ================================================================== PARTENAIRES (banques / assurances, immobiliers) */
main.uxr .uxr-chiffre .uxr-note-val strong:not(#uxr) { font-size: 60px; }
main.uxr .uxr-chiffre .uxr-note-txt:not(#uxr) { margin: 0; }
main.uxr .uxr-secteurs-select:not(#if):not(#uxr) { display: none; }
main.uxr .uxr-secteurs-liste:not(#if):not(#uxr) { list-style: none; margin: 0; padding: 0; max-height: min(52vh, 520px); overflow: auto; }
main.uxr .uxr-secteurs-liste li:not(#if):not(#uxr) { margin: 0; padding: 0; }
main.uxr .uxr-secteurs-liste a:not(#if):not(#uxr) {
  display: block; padding: 7px 10px; border-radius: 4px; font-size: 14.5px; font-weight: 500; color: var(--if-encre); text-decoration: none !important; line-height: 1.3;
}
main.uxr .uxr-secteurs-liste a:hover { background: var(--if-fond-chaud); }
main.uxr .uxr-secteurs-liste a.actif:not(#if):not(#uxr) { background: var(--color-orange, #EC7B35); color: var(--if-sur-orange, #fff); font-weight: 700; box-shadow: none; }
main.uxr .uxr-liste-tete-filtre { align-items: center; flex-wrap: wrap; }
main.uxr .uxr-filtre-page { margin: 0; flex: 0 1 300px; }
main.uxr .uxr-filtre-page input:not(#if):not(#uxr) {
  width: 100%; height: 42px; padding: 0 12px 0 38px; border: 1px solid #CFCBC4; border-radius: 4px; font-size: 15px; color: var(--if-encre);
  background: #fff 12px center / 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355595C' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
}
main.uxr .uxr-filtre-vide:not(#uxr) { margin: 0 0 12px; padding: 14px 18px; background: #fff; border: 1px dashed #CFCBC4; border-radius: var(--uxr-r); color: var(--if-texte); }
main.uxr .uxr-cartes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
main.uxr .uxr-cartes-groupe:not(#if):not(#uxr) {
  grid-column: 1 / -1; margin: 14px 0 0; padding-bottom: 8px; border-bottom: 1px solid var(--if-ligne); font-size: 17px; line-height: 1.3; letter-spacing: -.01em;
}
main.uxr .uxr-cartes-groupe:first-child:not(#if):not(#uxr) { margin-top: 0; }
main.uxr .uxr-cartes-groupe a:not(#if):not(#uxr) { color: var(--if-encre); text-decoration: none; }
main.uxr .uxr-cartes-groupe a:hover { color: var(--if-orange-fonce); text-decoration: underline; }
main.uxr .uxr-cartes-groupe span { font-weight: 500; color: var(--if-texte); font-size: 15px; margin-left: 6px; }
main.uxr .uxr-part-carte { display: flex; gap: 12px; align-items: flex-start; padding: 12px; }
main.uxr .uxr-part-carte[hidden] { display: none; }
main.uxr .uxr-part-carte figure:not(#uxr) {
  flex: 0 0 72px; height: 56px; margin: 0; display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--if-ligne); border-radius: 4px; background: #fff; overflow: hidden;
}
main.uxr .uxr-part-carte figure img:not(#if):not(#uxr) { max-width: 64px; max-height: 48px; width: auto; height: auto; object-fit: contain; border-radius: 0; }
main.uxr .uxr-part-nom:not(#uxr) { margin: 0 0 3px; font-size: 14.5px; font-weight: 700; line-height: 1.3; color: var(--if-encre); overflow-wrap: anywhere; }
main.uxr .uxr-part-adr:not(#uxr) { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--if-texte); overflow-wrap: anywhere; }
@media (max-width: 1280px) { main.uxr .uxr-cartes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 860px) {
  main.uxr .uxr-secteurs-select:not(#if):not(#uxr) { display: block; }
  main.uxr .uxr-secteurs-liste:not(#if):not(#uxr) { display: none; }
  main.uxr .uxr-chiffre .uxr-note-txt:not(#uxr) { display: none; }
  main.uxr .uxr-chiffre { display: flex; align-items: center; gap: 14px; padding: 14px 18px; }
  main.uxr .uxr-chiffre .uxr-note-val strong:not(#uxr) { font-size: 40px; }
  main.uxr .uxr-chiffre .uxr-note-nb:not(#uxr) { margin: 0; }
  main.uxr .uxr-filtre-page { flex: 1 1 100%; }
}
@media (max-width: 560px) { main.uxr .uxr-cartes { grid-template-columns: minmax(0, 1fr); } }

/* ================================================================== RECHERCHE DE COURTIERS (France / region / departement)
   Bandeau compact : la carte de recherche et la liste des courtiers arrivent au premier ecran. */
main.uxr-rech > .if-hero ~ .intro-site-avec-img:not(#if):not(#uxr) { margin-top: 24px !important; border-radius: var(--uxr-r) !important; }
main.uxr-rech section.bg-blanc:not(#if):not(#uxr) { border-radius: var(--uxr-r) !important; }
main.uxr-rech .intro-site-avec-img > .row > .col-lg-8 > div > .centered:not(#if):not(#uxr) { border-radius: var(--uxr-r); }
main.uxr-rech .intro-site-avec-img > .row > .col-lg-4:not(#if):not(#uxr) { position: relative; }

/* ================================================================== PARRAINAGE */
main.uxr .uxr-ico-video { --uxr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E"); }
main.uxr .uxr-gains ul:not(#if):not(#uxr) { list-style: none; margin: 0 0 12px; padding: 10px 0 0; border-top: 1px solid rgb(255 255 255 / .14); }
main.uxr .uxr-gains li:not(#if):not(#uxr) { display: flex; justify-content: space-between; margin: 0; padding: 5px 0; font-size: 14.5px; color: #E4E1DC; line-height: 1.4; }
main.uxr .uxr-gains li strong:not(#if):not(#uxr), main.uxr .uxr-gains .uxr-note-txt strong:not(#if):not(#uxr) { color: var(--color-orange, #EC7B35); }
main.uxr .uxr-gains .uxr-note-nb:not(#uxr) { margin-top: 0; font-size: 16px; line-height: 1.4; }
main.uxr .uxr-gains .uxr-note-nb strong:not(#if):not(#uxr) { font-size: 26px; }
main.uxr .uxr-gains .uxr-note-txt:not(#uxr) { margin: 0; }
/* la colonne "(> Voir notre video)" des ingredients : la video est plus bas et dans la colonne du formulaire */
main.uxr-parr .parainage-ingredient > .row > .col-lg-3:not(#uxr) { display: none; }
main.uxr-parr .parainage-ingredient > .row > .col-lg-9:not(#uxr) { flex: 1 1 100%; max-width: 100%; width: 100%; }
main.uxr-parr > .intro-site-avec-img:not(#if):not(#uxr) { margin-top: 32px !important; border-radius: var(--uxr-r) !important; }
main.uxr-parr .uxr-carte-form .depot-avis:not(#if):not(#uxr) { padding: 0; background: none !important; max-width: none; width: auto; }
main.uxr-parr .uxr-carte-form h2 .orange:not(#if):not(#uxr) { color: var(--color-orange, #EC7B35); }

/* ================================================================== RECRUTEMENT (page du site) : formulaire en premier, texte a cote */
main.uxr-recrut section.contactPage:not(#if):not(#uxr) { width: var(--uxr-largeur); border-radius: var(--uxr-r); margin-top: 24px; padding: 32px 36px; }
main.uxr-recrut .uxr-recrut-form .contentContact:not(#uxr) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 44px; align-items: start; }
main.uxr-recrut .uxr-recrut-form .contentContact > .right:not(#if):not(#uxr) { order: -1; float: none; width: auto; }
main.uxr-recrut .uxr-recrut-form .contentContact > .left:not(#if):not(#uxr) { float: none; width: auto; padding: 18px 22px; background: var(--if-fond-chaud); border: 1px solid var(--if-ligne); border-radius: var(--uxr-r); }
main.uxr-recrut .uxr-recrut-form .contentContact > .left p:not(#if):not(#uxr) { font-size: 15px; line-height: 1.55; margin: 0; }
main.uxr-recrut .uxr-recrut-form .titre_bloc:not(#if):not(#uxr) { margin-bottom: 18px; }
main.uxr-recrut :is(.gauche, .droite):not(#if):not(#uxr) { border-radius: var(--uxr-r); }
@media (max-width: 860px) {
  main.uxr-recrut .uxr-recrut-form .contentContact:not(#uxr) { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  main.uxr-recrut section.contactPage:not(#if):not(#uxr) { padding: 22px 18px; }
}
/* formulaire historique (labels au-dessus, champs pleine largeur, boutons texte) */
main.uxr-recrut .uxr-recrut-form .contentFormInt:not(#if):not(#uxr) { margin: 0 0 12px; float: none; width: auto; }
main.uxr-recrut .uxr-recrut-form .contentFormInt > label:not(#if):not(#uxr) { display: block; float: none; width: auto; margin: 0 0 5px; font-size: 14px; font-weight: 600; color: var(--if-encre); text-align: left; }
main.uxr-recrut .uxr-recrut-form .contentFormInt > p:not(#if):not(#uxr) { margin: 0; float: none; width: auto; }
main.uxr-recrut .uxr-recrut-form .contentFormInt :is(input[type=text], textarea):not(#if):not(#uxr) {
  width: 100%; height: 42px; padding: 0 12px; border: 1px solid #CFCBC4; border-radius: 4px; background: #fff; font-size: 15px; color: var(--if-encre); box-shadow: none;
}
main.uxr-recrut .uxr-recrut-form .contentFormInt :is(input, textarea):focus { outline: 2px solid var(--color-orange-doux, #F29A5E); outline-offset: 0; border-color: var(--color-orange, #EC7B35); }
main.uxr-recrut .uxr-recrut-form form:not(#if):not(#uxr) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 14px; margin: 0; }
main.uxr-recrut .uxr-recrut-form form > *:not(#uxr) { grid-column: 1 / -1; }
main.uxr-recrut .uxr-recrut-form form > .contentFormInt:is(:has(#nom), :has(#email), :has(#cp), :has(#ville)):not(#uxr) { grid-column: auto; }
main.uxr-recrut .uxr-recrut-form .contentFormInt textarea#comment:not(#if):not(#uxr) { height: 110px; padding: 10px 12px; }
main.uxr-recrut .uxr-recrut-form .contentFormInt :is(span, p) > input:not(#uxr) { display: block; }
main.uxr-recrut .uxr-recrut-form .nextEtapeContact:not(#if):not(#uxr) { display: flex; gap: 12px; justify-content: flex-start; margin: 16px 0 0; float: none; width: auto; }
main.uxr-recrut .uxr-recrut-form .nextEtapeContact a:not(#if):not(#uxr) { display: contents; }
main.uxr-recrut .uxr-btn:not(#if):not(#uxr), main.uxr-recrut .uxr-btn-sec:not(#if):not(#uxr) {
  min-height: 46px; padding: 10px 26px; border-radius: 4px; font-size: 16px; font-weight: 700; cursor: pointer; line-height: 1.2;
}
main.uxr-recrut .uxr-btn:not(#if):not(#uxr) { background: var(--color-orange, #EC7B35); border: 1px solid var(--color-orange, #EC7B35); color: var(--if-sur-orange, #fff); }
main.uxr-recrut .uxr-btn-sec:not(#if):not(#uxr) { background: #fff; border: 1px solid #CFCBC4; color: var(--if-encre); }

/* ================================================================== ESPACE RECRUTEMENT (/recrutement/, body.rc-v4)
   Tache principale : la recherche d'offres (secteur, region, ville, departement). Carrousel plus bas -> recherche au premier ecran. */
body.rc-v4 .owl-carousel.home-slider .slider-item:not([data-stellar-background-ratio]):not(#if):not(#uxr),
body.rc-v4 .owl-carousel.home-slider .slider-item:not([data-stellar-background-ratio]) .slider-text:not(#if):not(#uxr) { height: 380px !important; }
body.rc-v4 .search-submit.btn:not(#if):not(#uxr) { flex: 0 0 auto; width: auto !important; min-width: 150px; padding: 0 24px; white-space: nowrap; }
body.rc-v4 .block-17 form .fields .one-third:not(#if):not(#uxr) { min-width: 0; }
body.rc-v4 .owl-carousel.home-slider .slider-item:not([data-stellar-background-ratio]):not(#if):not(#uxr) { background-position: center 12% !important; }

/* ================================================================== PAGES PRODUITS (.cip-wrap : credit immobilier, assurance de pret,
   rachat, remere, credit pro, etude gratuite). Tache principale : le questionnaire (iframe) -> bandeau compact,
   barre de partage deplacee sous le formulaire, surtitres retires, arrondis 7 px. */
.cip-wrap { --cip-rayon: 7px; }
.cip-wrap:not(#if):not(#uxr) { display: flex; flex-direction: column; }
.cip-wrap:not(#if):not(#uxr) > :is(.cip-hero, .ih-bandeau) { order: 0; }
.cip-wrap:not(#if):not(#uxr) > .cip-main { order: 1; }
.cip-wrap:not(#if):not(#uxr) > .cip-share-section { order: 2; border-top: 1px solid var(--cip-ligne); }
.cip-wrap:not(#if):not(#uxr) > .cip-bottom { order: 3; }
.cip-wrap:not(#if):not(#uxr) > :not(.cip-hero):not(.ih-bandeau):not(.cip-main):not(.cip-share-section):not(.cip-bottom) { order: 4; }
.cip-wrap:not(#if):not(#uxr) :is(.cip-hero-eyebrow, .cip-eyebrow) { display: none; }
.cip-wrap:not(#if):not(#uxr) .cip-hero-inner { min-height: 0; padding-block: 26px 24px; grid-template-columns: minmax(0, 640px); }
.cip-wrap:not(#if):not(#uxr) .cip-hero h1 { max-width: 640px; font-size: clamp(30px, 2.7vw, 40px); }
.cip-wrap:not(#if):not(#uxr) .cip-hero h1 em { display: inline; }
.cip-wrap:not(#if):not(#uxr) .cip-hero h1 em::before { content: " "; }
.cip-wrap:not(#if):not(#uxr) .cip-hero-desc { max-width: 620px; margin-top: 10px; font-size: 16px; line-height: 1.5; }
.cip-wrap:not(#if):not(#uxr) .cip-kpis { max-width: 620px; margin-top: 16px; padding: 0; box-shadow: none; }
.cip-wrap:not(#if):not(#uxr) .cip-kpi { gap: 3px; padding: 9px 12px; }
.cip-wrap:not(#if):not(#uxr) .cip-kpi strong { font-size: 20px; }
.cip-wrap:not(#if):not(#uxr) .cip-kpi span { font-size: 12.5px; }
.cip-wrap:not(#if):not(#uxr) .cip-hero::after {
  left: auto; right: 0; width: auto; aspect-ratio: 2 / 1;
  background-position: center var(--cip-photo-pos-y, 30%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%); mask-image: linear-gradient(90deg, transparent 0, #000 22%);
}
.cip-wrap:not(#if):not(#uxr) .cip-main { padding: 24px 0 56px; background: var(--cip-fond); }
/* titres des cartes laterales : casse normale (plus de petites capitales) */
.cip-wrap:not(#if):not(#uxr) .cip-sb-head { font-size: 16px; letter-spacing: -.01em; text-transform: none; color: var(--cip-encre); }
@media (max-width: 1100px) {
  .cip-wrap:not(#if):not(#uxr) .cip-hero::after { display: none; }
  .cip-wrap:not(#if):not(#uxr) .cip-hero-inner { padding-block: 24px 20px; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .cip-wrap:not(#if):not(#uxr) .cip-hero h1 { font-size: 28px; }
  .cip-wrap:not(#if):not(#uxr) .cip-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 12px; }
  .cip-wrap:not(#if):not(#uxr) .cip-kpi:nth-child(n) { padding: 9px 0; }
  .cip-wrap:not(#if):not(#uxr) .cip-kpi:nth-child(odd) { padding-right: 10px; }
  .cip-wrap:not(#if):not(#uxr) .cip-kpi:nth-child(even) { padding-left: 12px; }
  .cip-wrap:not(#if):not(#uxr) .cip-kpi strong { font-size: 20px; }
  .cip-wrap:not(#if):not(#uxr) .cip-main { padding: 16px 0 40px; }
}

/* ================================================================== FENETRES APPEL IMMEDIAT / ETUDE GRATUITE (.spe-appel)
   Le surtitre en capitales devient une phrase d'aide sous le titre. */
.spe-appel .uxr-sous-titre { margin: 6px 0 0; font-size: 16px; line-height: 1.45; color: var(--if-texte, #55595C); font-weight: 500; }
.spe-appel .spe-carte:not(#if):not(#uxr), .spe-appel .spe-appel-carte:not(#if):not(#uxr) { border-radius: 7px; }
.spe-appel .spe-appel-tete h1:not(#if):not(#uxr) { margin-bottom: 0; }
.spe-appel .uxr-sous-titre:not(#uxr) { margin-top: 10px; }
@media (min-width: 560px) {
  .spe-appel fieldset.spe-appel-cases:not(#if):not(#uxr) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
  .spe-appel fieldset.spe-appel-cases > legend:not(#uxr) { grid-column: 1 / -1; }
  .spe-appel fieldset.spe-appel-cases > .if-case:not(#if):not(#uxr) { margin: 0; }
}

/* ================================================================== MINI-SITES (body.mini-site)
   Bandeaux des pages interieures (.msh-hero, pages 2 a 12) : compacts, photo entiere a droite (hauteur du bandeau),
   surtitre retire -> le contenu utile (formulaire, avis, taux...) remonte au premier ecran. Loi Lemoine exclue (autre lot). */
body.mini-site .msh-hero:not([style*="lemoine"]):not(#if):not(#uxr) {
  margin-bottom: 28px;
  background: linear-gradient(90deg, #F4EEE7 0, #F4EEE7 calc(100% - 440px), rgb(244 238 231 / 0) calc(100% - 260px)),
              var(--msh-img) right center / auto 100% no-repeat, #F4EEE7;
}
body.mini-site .msh-hero:not([style*="lemoine"])::before { display: none; }
body.mini-site .msh-hero:not([style*="lemoine"]) .msh-hero-inner:not(#if):not(#uxr) { min-height: 240px; padding-block: 28px; }
body.mini-site .msh-hero:not([style*="lemoine"]) .msh-surtitre:not(#if):not(#uxr) { display: none; }
body.mini-site .msh-hero:not([style*="lemoine"]) h1:not(#if):not(#uxr) { font-size: clamp(32px, 3vw, 44px); }
body.mini-site .msh-hero:not([style*="lemoine"]) h1.msh-long:not(#if):not(#uxr) { font-size: clamp(28px, 2.6vw, 38px); }
body.mini-site .msh-hero:not([style*="lemoine"]) .msh-lead:not(#if):not(#uxr) { margin-top: 12px; font-size: 16.5px; }
@media (max-width: 991px) {
  body.mini-site .msh-hero:not([style*="lemoine"]):not(#if):not(#uxr) { background: #fff; }
  body.mini-site .msh-hero:not([style*="lemoine"]) .msh-hero-inner:not(#if):not(#uxr) { min-height: 0; padding-block: 22px 18px; }
  /* photo sous le titre : retiree, l'outil de la page vient tout de suite */
  body.mini-site .msh-hero:not([style*="lemoine"]) .msh-photo:not(#if):not(#uxr) { display: none; }
}
body.mini-site main.uxr-ms .uxr-grille { margin-top: 0; margin-bottom: 40px; }
main.uxr-ms .uxr-carte h2:not(#if):not(#uxr) { font-weight: 700; color: var(--if-encre); letter-spacing: -.03em; text-transform: none; }

/* pages produits du mini-site (block_page_produit.tpl, .pp-wrap, pages 18 a 22) : meme principe que .cip-wrap */
body.mini-site .pp-wrap:not(#if):not(#uxr) { display: flex; flex-direction: column; }
body.mini-site .pp-wrap > .pp-hero:not(#uxr) { order: 0; }
body.mini-site .pp-wrap > .pp-main:not(#uxr) { order: 1; }
body.mini-site .pp-wrap > .pp-share-section:not(#uxr) { order: 2; border-top: 1px solid var(--if-ligne); }
body.mini-site .pp-wrap > :not(.pp-hero):not(.pp-main):not(.pp-share-section):not(#uxr) { order: 3; }
body.mini-site .pp-wrap .pp-eyebrow:not(#if):not(#uxr) { display: none; }
body.mini-site .pp-wrap .pp-hero:not(#if):not(#uxr) {
  background: linear-gradient(90deg, #fff 0, #fff calc(100% - 460px), rgb(255 255 255 / 0) calc(100% - 280px)),
              var(--pp-hero-img) right center / auto 100% no-repeat, #F4EEE7;
}
body.mini-site .pp-wrap .pp-hero::after { display: none; }
body.mini-site .pp-wrap .pp-hero-inner:not(#if):not(#uxr) { min-height: 0; padding: 26px 40px 22px; }
body.mini-site .pp-wrap .pp-hero h1:not(#if):not(#uxr) { font-size: clamp(30px, 2.7vw, 40px); }
body.mini-site .pp-wrap .pp-hero-desc:not(#if):not(#uxr) { margin-top: 10px; font-size: 16px; }
body.mini-site .pp-wrap .pp-kpis:not(#if):not(#uxr) { margin-top: 14px; padding: 8px 14px; border-radius: 7px; box-shadow: none; }
body.mini-site .pp-wrap .pp-trust-inline:not(#if):not(#uxr) { margin-top: 10px; }
body.mini-site .pp-wrap .pp-main:not(#if):not(#uxr) { padding-top: 24px; }
@media (max-width: 991px) {
  body.mini-site .pp-wrap .pp-hero:not(#if):not(#uxr) { background: #fff; }
  body.mini-site .pp-wrap .pp-hero-photo:not(#if):not(#uxr) { display: none; }
  body.mini-site .pp-wrap .pp-hero-inner:not(#if):not(#uxr) { padding: 20px 16px 18px; }
}

/* ================================================================== ARRONDIS <= 7 px sur les composants existants de ces pages
   (le design Immo utilise 8 a 12 px et des pilules ; ici on plafonne a 7 px, uniquement dans le lot) */
.cip-wrap:not(#if):not(#uxr) :is(.cip-faq-item, .cip-ti, .eg-checkbox-item, .cip-sb-block, .cip-type-card, .cip-form-wrapper, .cip-kpis) { border-radius: 7px; }
main.uxr :is(.detail-profil, .liste-avis, .liste_credit_tableau, .liste_taux_de_credit, .intro-site-avec-img, .bg-gris-clair, .br-5, .br-10):not(#if):not(#uxr) { border-radius: 7px !important; }
main.uxr .intro-site-avec-img img:not(#if):not(#uxr), main.uxr .liste-avis img:not(#if):not(#uxr) { border-radius: 4px; }
:is(main.uxr, main.uxr ~ section) :is(.lien-rapide-home li, .lien-rapide-home a, .liste-actualite-home li, .actu-liste ul.nav, .liste-actu-1 ul, .actu-1 figure, .actu-1 img):not(#if):not(#uxr) { border-radius: 7px !important; }
/* parrainage */
main.uxr-parr :is(section.container, section.bg-gris-clair, .parainage-ingredient li, .p-4.me-4, .p-4.mx-4, .benefice-lemoine, .col-lg-9, video, .faq-parrainage .row, .reglement-parrainage .row, .gagner-cheque-cadeaux .row):not(#if):not(#uxr) { border-radius: 7px !important; }
main.uxr-parr :is(img.me-3, #nav-tab button, .devenir-parain a, .faq-parrainage a):not(#if):not(#uxr) { border-radius: 4px !important; }
/* recrutement (page du site) */
main.uxr-recrut :is(.les_courtiers_home, .avis_curent_courtier, .content_liste_courtier_slide > *):not(#if):not(#uxr) { border-radius: 7px !important; }
/* espace recrutement */
body.rc-v4 :is(.tabulation-search, .section-2-blocks-wrapper, .block-6, .block-5, .blog-entry, .nav-pills, .nav-pills .nav-link, .block-17, .rc-offre):not(#if):not(#uxr) { border-radius: 7px !important; }
body.rc-v4 .rc-sous-nav .nav-link:not(#if):not(#uxr), body.rc-v4 nav .nav-link:not(#if):not(#uxr) { border-radius: 4px !important; }
/* mini-sites : pages du lot (bandeau compact) */
body.mini-site main :is(.intro-site-avec-img, .bg-gris-clair, .br-5, .br-10, .detail-courtier, .depot-avis, .col.p-3, .p-3.px-4, .liste-avis, .nav-item):not(#if):not(#uxr) { border-radius: 7px !important; }
body.mini-site main .detail-courtier img:not(#if):not(#uxr), body.mini-site main .intro-site-avec-img img.img-fluid:not(.aaa-confiance):not(#if):not(#uxr) { border-radius: 4px !important; }

/* ================================================================== MOBILE : l'outil d'abord */
@media (max-width: 860px) {
  /* temoignages : note compacte, filtres, puis les avis */
  main.uxr-avis .uxr-note-txt:not(#uxr) { display: none; }
  main.uxr-avis .uxr-note:not(#uxr) { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 14px; padding: 14px 16px; }
  main.uxr-avis .uxr-note-val strong:not(#uxr) { font-size: 40px; }
  main.uxr-avis .uxr-note-nb:not(#uxr) { margin: 0; }
  main.uxr-avis .uxr-note .uxr-btn:not(#if):not(#uxr) { grid-column: 1 / -1; margin-top: 8px; }
  main.uxr-avis .uxr-filtres:not(#uxr) { padding: 14px 16px; }
  /* recherche France : la carte avant le texte de presentation */
  main.uxr-rech .intro-site-avec-img > .row:not(#uxr) { display: flex; flex-direction: column; }
  main.uxr-rech .intro-site-avec-img > .row:not(:has(.centered)) > .col-lg-4:not(#uxr) { order: -1; }
}
main.uxr-parr img.img-fluid:not(#if):not(#uxr) { border-radius: 4px !important; }
body.mini-site main img.img-fluid:not(.aaa-confiance):not([class*=rond]):not(#if):not(#uxr) { border-radius: 4px; }
/* carrousel plus bas : le texte monte, les puces du carrousel ne le recouvrent plus */
body.rc-v4 .owl-carousel.home-slider .slider-item:not([data-stellar-background-ratio]) .slider-text:not(#if):not(#uxr) { align-items: flex-start !important; padding-top: 48px; }
main.uxr :is(.uxr-coord-nom, .uxr-coord-ligne):not(#if):not(#uxr) { display: flow-root; }
