/* Pages du site refaites au gabarit commun (mu-plugin mph-pages.php, code court [mph_page modele lang]).
   Demande Philippe, 2026-10-05 : nettoyage, entretien, installation chauffage et climatisation, autoconstruction, notre
   histoire, à propos, carrière, licences — FR et EN — « avec les nouveaux visuels » (ceux de /subvention/, /contact/,
   /merci/, /politique-de-confidentialite/).
   Composants de /merci/ et de /subvention/ (.mc-hero, .mc-carte, .mc-ligne, .mc-faq, .mc-licences…) + ceux propres au
   gabarit (.mc-cartes, .mc-listes, .mc-imgtxt, .mc-stats, .mc-temps, .mc-postes, .mc-barres…), et la bannière de fin du
   site (.mphcta) reprise TELLE QUELLE (règle de Philippe : elle termine toute page modifiée).
   ⚠️ Rien de la feuille ne touche l'intérieur de .mc-hote (réservation Booknetic, avis Trustindex, grilles WooCommerce) :
   ces blocs gardent la police et les marges du thème.
   ⚠️ Versionnée par son NOM (pages-vN.css, MPH_PAGES_CSS_V ; ici v11) : une couche du site fige le ?ver= et l'edge garde l'ancienne. */

.mph-mc{--b:#1e6ff2;--b2:#1a5fd6;--n:#0f2f5f;--p:#eef5ff;--l:#dbe7fb;--t:#1f2937;--g:#5b6b86;--v:#16a34a;--v2:#22c55e;--r:#dc2626;--a:#b45309;
  max-width:1140px;margin:8px auto 60px;font-family:inherit;color:var(--t);font-size:16px;line-height:1.6}
.mph-mc *{box-sizing:border-box}
.mph-mc p:where(:not(.mc-hote p)){margin:0;font-size:inherit;line-height:inherit;color:inherit}
.mph-mc :is(h1,h2,h3,h4):where(:not(.mc-hote *)){font-family:inherit;letter-spacing:-.01em;margin:0;line-height:1.25}
.mph-mc a:where(:not(.mc-hote a)){text-decoration:none}
.mph-mc svg:where(:not(.mc-hote svg)){display:block}
.mph-mc [hidden]{display:none !important}
.mph-mc .mc-nowrap{white-space:nowrap}
/* Les blocs des extensions retrouvent la typographie du thème (Poppins 14/22, noir). */
.mph-mc .mc-hote{font-size:14px;line-height:22px;color:#000}

/* ── En-tête : la carte bleue compacte (celle de /subvention/) ── */
.mph-mc .mc-hero{position:relative;overflow:hidden;border-radius:24px;padding:32px 44px;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 44px;align-items:center;
  background:radial-gradient(600px 300px at 90% -10%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#0f2f5f 0%,#1a4fa8 55%,#1e6ff2 100%);box-shadow:0 20px 50px rgba(15,47,95,.22)}
.mph-mc .mc-hero::after{content:'';position:absolute;left:-80px;bottom:-120px;width:320px;height:320px;border-radius:50%;border:44px solid rgba(255,255,255,.06);pointer-events:none}
.mph-mc .mc-hero > *{position:relative;z-index:1}
.mph-mc .mc-oeil{display:block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bcd6ff;margin-bottom:10px}
.mph-mc .mc-hero h1{font-size:38px;line-height:1.1;font-weight:800;color:#fff;margin-bottom:12px;text-wrap:balance}
.mph-mc .mc-hero h1 span{display:block;color:#9fd0ff}
.mph-mc .mc-hero p{font-size:17px;color:#dbe7fb;max-width:700px}
.mph-mc .mc-pastilles{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mph-mc .mc-pastille{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 14px}
.mph-mc .mc-pastille svg{width:16px;height:16px}
.mph-mc .mc-actions{display:flex;flex-wrap:wrap;gap:12px}
.mph-mc .mc-hero .mc-actions{flex-direction:column;align-items:stretch;min-width:290px}
.mph-mc .mc-bouton{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border-radius:14px;font-size:16px;font-weight:700;text-align:center;line-height:1.25;
  transition:transform .15s,background .15s,box-shadow .15s}
.mph-mc .mc-bouton:hover{transform:translateY(-1px)}
.mph-mc .mc-bouton svg{width:19px;height:19px;flex:none}
.mph-mc .mc-bouton.blanc{background:#fff;color:var(--n) !important;box-shadow:0 10px 24px rgba(5,20,50,.25)}
.mph-mc .mc-bouton.blanc:hover{background:#eef5ff}
.mph-mc .mc-bouton.contour{border:1.5px solid rgba(255,255,255,.55);color:#fff !important;background:rgba(255,255,255,.08)}
.mph-mc .mc-bouton.contour:hover{background:rgba(255,255,255,.16)}
.mph-mc .mc-bouton.bleu{background:var(--b);color:#fff !important;box-shadow:0 10px 22px rgba(30,111,242,.28)}
.mph-mc .mc-bouton.bleu:hover{background:var(--b2)}
.mph-mc .mc-bouton.pale{background:var(--p);color:var(--b) !important;border:1.5px solid var(--l)}
.mph-mc .mc-bouton.pale:hover{border-color:var(--b)}

/* ── La réservation en premier (Nettoyage) : le titre de la page en sombre, centré, puis le module Booknetic ── */
.mph-mc .mc-resa .mc-resa-tete{text-align:center;max-width:820px;margin:0 auto 22px}
.mph-mc .mc-resa .mc-oeil{color:var(--b)}
.mph-mc .mc-resa h1{font-size:36px;line-height:1.15;font-weight:800;color:var(--n);text-wrap:balance}
.mph-mc .mc-resa h1 span{color:var(--b)}
.mph-mc .mc-resa .mc-resa-tete p{margin-top:10px;font-size:16.5px;color:var(--g)}
.mph-mc .mc-resa .mc-resa-tete p a{color:var(--b);font-weight:700}
.mph-mc .mc-resa .mc-hote > .booknetic_appointment{margin-left:auto;margin-right:auto}
.mph-mc .mc-resa + .mc-bloc{margin-top:36px}

/* ── Les sections ── */
.mph-mc .mc-bloc{margin-top:44px;scroll-margin-top:110px}
.mph-mc .mc-hero + .mc-bloc{margin-top:28px}
.mph-mc .mc-bloc.mc-collee{margin-top:14px}
.mph-mc .mc-bloc-tete{margin-bottom:18px}
.mph-mc .mc-bloc-tete h2{font-size:26px;font-weight:800;color:var(--n);margin-bottom:6px;text-wrap:balance}
.mph-mc .mc-bloc-sub{color:var(--g);font-size:15.5px;max-width:860px}
.mph-mc .mc-bloc-sub a,.mph-mc .mc-prose a{color:var(--b);font-weight:600}
.mph-mc .mc-bloc-sub a:hover,.mph-mc .mc-prose a:hover{text-decoration:underline}
.mph-mc .mc-carte{background:#fff;border:1px solid var(--l);border-radius:20px;padding:28px 30px;box-shadow:0 6px 24px rgba(15,47,95,.06)}

/* Le texte courant (paragraphes, sous-titres, listes) d'une carte. */
.mph-mc .mc-prose{font-size:15.5px;line-height:1.65;color:var(--t)}
.mph-mc .mc-prose > * + *{margin-top:12px}
.mph-mc .mc-prose h3{font-size:18px;font-weight:800;color:var(--n);margin-top:22px}
.mph-mc .mc-prose h3:first-child{margin-top:0}
.mph-mc .mc-prose h4{font-size:16px;font-weight:700;color:var(--n);margin-top:18px}
.mph-mc .mc-prose ul{margin:10px 0 0;padding:0;list-style:none}
.mph-mc .mc-prose ul li{position:relative;padding-left:22px;margin:6px 0}
.mph-mc .mc-prose ul li::before{content:'';position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--b)}
.mph-mc .mc-prose strong{color:var(--n)}

/* Cartes à icône (avantages, types d'appareils, valeurs…). */
.mph-mc .mc-cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mph-mc .mc-cartes-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mph-mc .mc-cartes-4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Une carte seule sur sa rangée prend toute la largeur (7 types de climatiseurs = 3 + 3 + 1). */
.mph-mc .mc-cartes-3 > .mc-c:last-child:nth-child(3n+1){grid-column:1 / -1}
.mph-mc .mc-c{background:#fff;border:1px solid var(--l);border-radius:18px;padding:22px 22px 20px;box-shadow:0 6px 24px rgba(15,47,95,.05)}
.mph-mc .mc-c .mc-ico{width:44px;height:44px;border-radius:13px;background:var(--p);color:var(--b);display:grid;place-items:center;margin-bottom:14px}
.mph-mc .mc-c .mc-ico svg{width:22px;height:22px}
.mph-mc .mc-c h3{font-size:17px;font-weight:800;color:var(--n);margin-bottom:6px}
.mph-mc .mc-c .mc-prose{font-size:15px;color:var(--g)}
.mph-mc .mc-c .mc-prose strong{color:var(--t)}
.mph-mc .mc-c-texte .mc-prose{color:var(--t)}
.mph-mc .mc-c h3 a{color:var(--b)}
.mph-mc .mc-note a{color:inherit;font-weight:700;text-decoration:underline}
/* Variante « rangées » (avantages) : l'icône à gauche du titre — neuf cartes tiennent en trois rangées basses. */
.mph-mc .mc-cartes-rangees .mc-c{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;align-content:start;padding:18px 20px}
.mph-mc .mc-cartes-rangees .mc-c .mc-ico{grid-row:span 2;margin:0}
.mph-mc .mc-cartes-rangees .mc-c h3{font-size:16.5px;margin:2px 0 4px}
.mph-mc .mc-cartes-rangees .mc-c .mc-prose{font-size:14.5px;line-height:1.55}
/* Une carte sans texte (juste un nom) : l'icône et le nom sur la même ligne, centrés. */
.mph-mc .mc-cartes-rangees .mc-c-seul{align-items:center;align-content:center}
.mph-mc .mc-cartes-rangees .mc-c-seul .mc-ico{grid-row:auto}
.mph-mc .mc-cartes-rangees .mc-c-seul h3{margin:0;font-size:15.5px;line-height:1.35}

/* Listes « inclus / pas inclus ». */
.mph-mc .mc-listes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mph-mc .mc-liste h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--n)}
.mph-mc .mc-liste h3 .mc-rond{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:#e8f8ee;color:var(--v)}
.mph-mc .mc-liste-non h3 .mc-rond{background:#fdecec;color:var(--r)}
.mph-mc .mc-liste h3 .mc-rond svg{width:16px;height:16px;stroke-width:3}
.mph-mc .mc-liste-sub{margin-top:6px !important;color:var(--g);font-size:14.5px}
.mph-mc .mc-liste ul{list-style:none;margin:14px 0 0;padding:0}
.mph-mc .mc-liste li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--l);font-size:15px;line-height:1.5}
.mph-mc .mc-liste li:first-child{border-top:0}
.mph-mc .mc-liste li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--v);stroke-width:2.6}
.mph-mc .mc-liste-non li svg{color:var(--r)}
.mph-mc .mc-liste h4{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin:16px 0 0}

/* Image + texte. */
.mph-mc .mc-imgtxt{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center}
.mph-mc .mc-imgtxt.inverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.mph-mc .mc-imgtxt.inverse .mc-img{order:2}
.mph-mc .mc-img img{display:block;width:100%;height:auto;border-radius:16px}

/* Notes : info (bleu pâle) et avertissement (ambre). */
.mph-mc .mc-note{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;border-radius:14px;background:#f6f9ff;border:1px solid var(--l);font-size:15px;line-height:1.55;color:var(--t)}
.mph-mc .mc-note > svg{width:20px;height:20px;color:var(--b);flex:none;margin-top:1px}
.mph-mc .mc-note-alerte{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}
.mph-mc .mc-note-alerte > svg{color:#ea580c}
.mph-mc .mc-note strong{display:block;margin-bottom:2px}
.mph-mc .mc-bloc > .mc-note + *,.mph-mc .mc-note + .mc-note{margin-top:14px}
.mph-mc .mc-bloc > * + .mc-note{margin-top:16px}

/* Accordéon (questions, entretien par l'utilisateur). */
.mph-mc .mc-faq details{background:#fff;border:1px solid var(--l);border-radius:16px;padding:16px 20px;box-shadow:0 4px 16px rgba(15,47,95,.04)}
.mph-mc .mc-faq details + details{margin-top:10px}
.mph-mc .mc-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:16.5px;font-weight:700;color:var(--n)}
.mph-mc .mc-faq summary::-webkit-details-marker{display:none}
.mph-mc .mc-faq summary::after{content:'+';color:var(--b);font-size:24px;font-weight:700;line-height:1;flex:none}
.mph-mc .mc-faq details[open] summary::after{content:'–'}
.mph-mc .mc-faq details > .mc-prose{margin-top:12px}

/* Les licences (celles de la page Service). */
.mph-mc .mc-licences{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mph-mc .mc-licences > div{padding:18px;border-radius:16px;background:#fff;border:1px solid var(--l)}
.mph-mc .mc-licences span{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g)}
.mph-mc .mc-licences b{display:block;font-size:20px;font-weight:800;color:var(--b);line-height:1.25;margin:2px 0 6px}
.mph-mc .mc-licences small{display:block;font-size:13.5px;line-height:1.45;color:var(--g)}
.mph-mc .mc-lien-suite{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:15px;font-weight:700;color:var(--b) !important}
.mph-mc .mc-lien-suite svg{width:16px;height:16px}
.mph-mc .mc-lien-suite:hover{text-decoration:underline}

/* Chiffres : une bande bleue, comme l'en-tête. */
.mph-mc .mc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:26px;border-radius:22px;color:#fff;
  background:linear-gradient(135deg,#0f2f5f 0%,#1a4fa8 55%,#1e6ff2 100%);box-shadow:0 16px 40px rgba(15,47,95,.18)}
.mph-mc .mc-stats > div{text-align:center;padding:10px 6px;border-radius:14px;background:rgba(255,255,255,.08)}
.mph-mc .mc-stats b{display:block;font-size:32px;font-weight:800;line-height:1.15;color:#fff}
.mph-mc .mc-stats span{display:block;font-size:14px;color:#dbe7fb;margin-top:4px}

/* Témoignages. */
.mph-mc .mc-temoins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mph-mc .mc-temoin{display:flex;flex-direction:column;background:#fff;border:1px solid var(--l);border-radius:18px;padding:22px}
.mph-mc .mc-temoin .mc-etoiles{color:#f5b301;letter-spacing:2px;font-size:16px;margin-bottom:10px}
.mph-mc .mc-temoin p{font-size:15px;line-height:1.6;color:var(--t);flex:1}
.mph-mc .mc-temoin cite{display:block;margin-top:14px;font-style:normal;font-weight:700;color:var(--n);font-size:15px}

/* Ligne du temps (notre histoire). */
.mph-mc .mc-temps{list-style:none;margin:0;padding:0;position:relative}
.mph-mc .mc-temps::before{content:'';position:absolute;left:46px;top:8px;bottom:8px;width:2px;background:var(--l)}
.mph-mc .mc-temps li{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr);gap:18px;align-items:start;margin:0 0 16px}
.mph-mc .mc-temps li:last-child{margin-bottom:0}
.mph-mc .mc-an{position:relative;z-index:1;display:grid;place-items:center;height:40px;border-radius:999px;background:var(--b);color:#fff;font-weight:800;font-size:15.5px;box-shadow:0 0 0 6px #fff}
.mph-mc .mc-temps .mc-carte{padding:18px 22px}
.mph-mc .mc-temps .mc-prose{font-size:15.5px}

/* Offres d'emploi. */
.mph-mc .mc-postes details{background:#fff;border:1px solid var(--l);border-radius:18px;padding:0;box-shadow:0 6px 24px rgba(15,47,95,.05);scroll-margin-top:110px}
.mph-mc .mc-postes details + details{margin-top:14px}
.mph-mc .mc-postes summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 22px}
.mph-mc .mc-postes summary::-webkit-details-marker{display:none}
.mph-mc .mc-postes summary .mc-ico{width:44px;height:44px;border-radius:13px;background:var(--p);color:var(--b);display:grid;place-items:center}
.mph-mc .mc-postes summary .mc-ico svg{width:22px;height:22px}
.mph-mc .mc-postes summary b{display:block;font-size:18px;font-weight:800;color:var(--n);line-height:1.3}
.mph-mc .mc-postes summary small{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px;font-size:14px;color:var(--g)}
.mph-mc .mc-postes summary .mc-ouvrir{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;color:var(--b);white-space:nowrap}
.mph-mc .mc-postes summary .mc-ouvrir::after{content:'+';font-size:22px;line-height:1}
.mph-mc .mc-postes details[open] summary .mc-ouvrir::after{content:'–'}
.mph-mc .mc-postes .mc-poste-corps{padding:4px 22px 24px 82px;border-top:1px solid var(--l)}
.mph-mc .mc-postes .mc-poste-corps .mc-prose{margin-top:18px}
.mph-mc .mc-postes .mc-prose h3{font-size:16.5px}
.mph-mc .mc-postes .mc-poste-corps .mc-bouton{margin-top:20px}
/* « Postuler » et « Voir la page de l'offre » côte à côte ; empilés au téléphone (les boutons y prennent toute la largeur). */
.mph-mc .mc-postes .mc-poste-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.mph-mc .mc-postes .mc-poste-actions .mc-bouton{margin-top:0}

/* Barres (spécialités). */
.mph-mc .mc-barres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}
.mph-mc .mc-barre b{display:flex;justify-content:space-between;font-size:15px;font-weight:700;color:var(--n);margin-bottom:6px}
.mph-mc .mc-barre b span{color:var(--b)}
.mph-mc .mc-barre i{display:block;height:10px;border-radius:999px;background:var(--p);overflow:hidden}
.mph-mc .mc-barre i::before{content:'';display:block;height:100%;width:var(--x);border-radius:inherit;background:linear-gradient(90deg,#1a4fa8,#1e6ff2)}

/* Bloc d'une extension (réservation) : pas de cadre de plus (il a le sien), centré sous son titre centré. Seule la marge du
   bloc Booknetic est touchée (sa largeur est fixée par son thème, 980 px). */
.mph-mc .mc-widget{background:none;border:0;box-shadow:none;padding:0}
.mph-mc .mc-s-widget .mc-bloc-tete{text-align:center}
.mph-mc .mc-s-widget .mc-bloc-sub{margin:0 auto}
.mph-mc .mc-s-widget .mc-hote > .booknetic_appointment{margin-left:auto;margin-right:auto}
.mph-mc .mc-s-avis .mc-hote{margin-top:-6px}

/* ── Bannière de fin : « MPH CTA BANNER » du site, TELLE QUELLE (règle de Philippe, 2026-10-05). Règles copiées sans
   retouche du bloc que portaient les pages ; seule la marge s'ajuste à la fin de page. ── */
.mphcta{box-sizing:border-box;position:relative;overflow:hidden;border-radius:20px;margin:40px 0;padding:48px 44px;
  background:linear-gradient(120deg,#0b4aa2 0%,#1466d6 45%,#2f86f0 100%);
  box-shadow:0 18px 45px rgba(11,74,162,.28);font-family:'Poppins',-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;}
.mphcta *{box-sizing:border-box;}
.mphcta:before{content:"";position:absolute;top:-60px;right:-40px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);}
.mphcta-grid{position:relative;display:flex;gap:36px;align-items:center;flex-wrap:wrap;}
.mphcta-left{flex:1 1 420px;min-width:280px;}
.mphcta .mphcta-kicker{display:inline-block;color:#fff !important;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);
  padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:16px;}
.mphcta .mphcta-h{margin:0 0 14px;font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.5px;color:#fff !important;}
.mphcta .mphcta-h span{color:#ffd23c !important;}
.mphcta-chips{display:flex;flex-wrap:wrap;gap:8px 10px;margin:18px 0 0;padding:0;list-style:none;}
.mphcta-chips li{font-size:14px;font-weight:500;background:rgba(255,255,255,.12);padding:7px 13px;border-radius:10px;}
.mphcta-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:260px;}
.mphcta-btn{display:block;text-align:center;text-decoration:none;background:#ffd23c;color:#0b3c85 !important;
  font-size:19px;font-weight:800;padding:20px 30px;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .15s ease,box-shadow .15s ease;line-height:1.25;white-space:normal;}
.mphcta-btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.28);color:#0b3c85 !important;}
.mphcta-tel{display:block;text-align:center;text-decoration:none;background:rgba(255,255,255,.08);color:#fff !important;border:2px solid rgba(255,255,255,.75);font-size:18px;font-weight:800;padding:15px 26px;border-radius:14px;transition:all .15s ease;line-height:1.2;white-space:nowrap;}.mphcta-tel:hover{background:rgba(255,255,255,.18);color:#fff !important;transform:translateY(-3px);}
.mphcta-sub{text-align:center;font-size:14px;color:rgba(255,255,255,.92);}
.mphcta-sub a{color:#fff;font-weight:700;text-decoration:underline;}
.mphcta-reassure{text-align:center;font-size:12.5px;color:rgba(255,255,255,.8);margin-top:2px;}
@media(max-width:600px){.mphcta{padding:32px 20px;border-radius:16px;}.mphcta-grid{gap:24px;}.mphcta-h{font-size:24px;}.mphcta-right{min-width:0;width:100%;}.mphcta-btn{font-size:16.5px;padding:17px 18px;}.mphcta-tel{font-size:16.5px;padding:15px 18px;}.mphcta-chips li{font-size:13px;}}
.mph-mc .mphcta{margin:44px 0 0}

/* ── Tablette ── */
@media (max-width:991px){
  .mph-mc .mc-hero{grid-template-columns:minmax(0,1fr);padding:32px;gap:22px}
  .mph-mc .mc-hero h1{font-size:34px}
  .mph-mc .mc-hero .mc-actions{flex-direction:row;min-width:0}
  .mph-mc .mc-cartes,.mph-mc .mc-cartes-4,.mph-mc .mc-temoins{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mph-mc .mc-licences,.mph-mc .mc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mph-mc .mc-imgtxt,.mph-mc .mc-imgtxt.inverse{grid-template-columns:minmax(0,1fr);gap:20px}
  .mph-mc .mc-imgtxt.inverse .mc-img{order:0}
}
/* ── Téléphone ── */
@media (max-width:767px){
  .mph-mc{margin:0 auto 48px}
  .mph-mc .mc-hero{border-radius:20px;padding:26px 20px 20px;gap:20px}
  .mph-mc .mc-hero h1{font-size:28px}
  .mph-mc .mc-hero p{font-size:16px}
  .mph-mc .mc-actions,.mph-mc .mc-hero .mc-actions{flex-direction:column;align-items:stretch}
  .mph-mc .mc-bouton{width:100%}
  .mph-mc .mc-bloc{margin-top:32px}
  .mph-mc .mc-hero + .mc-bloc{margin-top:24px}
  .mph-mc .mc-resa .mc-resa-tete{margin-bottom:16px}
  .mph-mc .mc-resa h1{font-size:26px}
  .mph-mc .mc-resa .mc-resa-tete p{font-size:15.5px}
  .mph-mc .mc-resa + .mc-bloc{margin-top:28px}
  .mph-mc .mc-bloc-tete{margin-bottom:14px}
  .mph-mc .mc-bloc-tete h2{font-size:22px}
  .mph-mc .mc-carte{padding:22px 18px;border-radius:18px}
  .mph-mc .mc-cartes,.mph-mc .mc-cartes-2,.mph-mc .mc-cartes-4,.mph-mc .mc-listes,.mph-mc .mc-temoins,.mph-mc .mc-barres{grid-template-columns:minmax(0,1fr);gap:12px}
  /* Les cartes à icône deviennent des rangées : l'icône à gauche, on lit sans faire défiler six écrans. */
  .mph-mc .mc-c:has(.mc-ico){display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-content:start;padding:16px}
  .mph-mc .mc-c:has(.mc-ico) .mc-ico{width:40px;height:40px;margin:0;grid-row:span 2}
  .mph-mc .mc-c h3{font-size:16px}
  .mph-mc .mc-licences{grid-template-columns:minmax(0,1fr)}
  .mph-mc .mc-stats{padding:16px;gap:10px}
  .mph-mc .mc-stats b{font-size:26px}
  .mph-mc .mc-temps::before{left:30px}
  .mph-mc .mc-temps li{grid-template-columns:62px minmax(0,1fr);gap:12px}
  .mph-mc .mc-an{height:34px;font-size:14px}
  .mph-mc .mc-temps .mc-carte{padding:14px 16px}
  .mph-mc .mc-postes summary{grid-template-columns:minmax(0,1fr) auto;padding:16px 18px}
  .mph-mc .mc-postes summary .mc-ico{display:none}
  .mph-mc .mc-postes .mc-poste-corps{padding:4px 18px 20px}
  .mph-mc .mc-faq details{padding:14px 16px}
  .mph-mc .mphcta{margin-top:32px}
}
@media (max-width:420px){
  .mph-mc .mc-hero{padding-top:22px}
  .mph-mc .mc-oeil{margin-bottom:8px}
  .mph-mc .mc-hero h1{font-size:26px}
  .mph-mc .mc-hero p{font-size:15.5px}
  .mph-mc .mc-pastilles{gap:6px;margin-top:14px}
  .mph-mc .mc-pastille{font-size:12.5px;padding:5px 11px;gap:6px}
  /* Petits téléphones : les pastilles cèdent leur place au bouton du premier écran (mesuré à 360×640, page À propos). */
  .mph-mc .mc-hero .mc-pastilles{display:none}
  .mph-mc .mc-bouton{padding:10px 16px}
}
@media (prefers-reduced-motion:reduce){.mph-mc *{transition:none !important}}

/* ── Le formulaire de candidature (HTML Forms, mph-emplois.php) — habillé EXACTEMENT comme celui de l'appel de service
   (service-v7.css, lui-même calqué sur /contact/) : mêmes champs blancs, bouton bleu arrondi, CV en bouton pointillé. ── */
.mph-mc .mc-grille-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:start;scroll-margin-top:110px}
.mph-mc .mc-carte-form,.mph-mc .mc-cote{padding:30px}
.mph-mc .mc-carte-form h3,.mph-mc .mc-cote h3{font-size:22px;font-weight:800;color:var(--n);margin-bottom:6px}
.mph-mc .mc-carte-sub{color:var(--g);font-size:15.5px;margin-bottom:20px !important}
.mph-mc .mc-cote .mc-carte-sub{margin-bottom:0 !important}
.mph-mc .mc-bouton.mc-plein{display:flex;width:100%;margin:20px 0 14px}
.mph-mc .mc-ligne{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--t);padding:10px 0;border-top:1px solid var(--l)}
.mph-mc .mc-ligne svg{width:20px;height:20px;color:var(--b);flex:0 0 auto;margin-top:2px}
.mph-mc .mc-ligne small{display:block;color:var(--g);font-size:13.5px}
.mph-mc .hf-form{margin:0}
.mph-mc .hf-fields-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}
.mph-mc .hf-fields-wrap > *{grid-column:1 / -1}
.mph-mc .hf-fields-wrap > p.demi{grid-column:auto}
.mph-mc .hf-form p{margin:0}
.mph-mc .hf-form .input,.mph-mc .hf-form .select,.mph-mc .hf-form .textarea{display:block;width:100%;min-height:48px;height:auto;margin:0;padding:0 15px;border:1.5px solid #e3e8f0;border-radius:12px;
  font-size:15.5px;font-family:inherit;line-height:1.35;color:var(--t);background:#fff;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.mph-mc .hf-form .input::placeholder,.mph-mc .hf-form .textarea::placeholder{color:#7b8799;opacity:1}
.mph-mc .hf-form .select{-webkit-appearance:none;appearance:none;padding-right:42px;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%235b6b86' d='M3.2 5.6 8 10.4l4.8-4.8 1.1 1.1L8 12.6 2.1 6.7z'/%3E%3C/svg%3E") no-repeat right 15px center / 14px}
.mph-mc .hf-form .select:has(option[value=""]:checked){color:#7b8799}
.mph-mc .hf-form .select option{color:var(--t)}
.mph-mc .hf-form .textarea{min-height:100px;padding:12px 15px;line-height:1.5;resize:vertical}
.mph-mc .hf-form .input:focus,.mph-mc .hf-form .select:focus,.mph-mc .hf-form .textarea:focus{outline:none;border-color:var(--b);box-shadow:0 0 0 4px rgba(30,111,242,.14)}
.mph-mc .hf-form input[type=submit],.mph-mc .hf-form input[type=submit]:hover,.mph-mc .hf-form input[type=submit]:focus{display:block;width:100%;height:auto;margin:4px 0 0;padding:16px 24px;border:0;border-radius:999px;
  background:var(--b);color:#fff;font-size:16.5px;font-weight:700;font-family:inherit;line-height:1.3;text-transform:none;letter-spacing:normal;cursor:pointer;
  box-shadow:0 8px 20px rgba(30,111,242,.30);transition:background .15s,transform .15s}
.mph-mc .hf-form input[type=submit]:hover{background:var(--b2);transform:translateY(-2px)}
.mph-mc .hf-form .hf-mention{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--g);text-align:center;text-wrap:balance}
.mph-mc .hf-form .hf-mention a{color:inherit;text-decoration:underline}
.mph-mc .mph-cv-fichier{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mph-mc .mph-cv-bouton{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin:0;padding:0 14px;border:1.5px dashed #c7d4e8;border-radius:12px;
  background:var(--p);color:var(--n);font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}
.mph-mc .mph-cv-bouton:hover{border-color:var(--b)}
.mph-mc .mph-cv-bouton svg{width:19px;height:19px;fill:var(--b);flex:none;display:block}
.mph-mc .mph-cv-bouton input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.mph-mc .mph-cv-fichier.a-un-fichier .mph-cv-bouton{display:none}
.mph-mc .mph-cv-fichiers:empty{display:none}
.mph-mc .mph-cv-nom-fichier{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:48px;padding:6px 8px 6px 14px;border-radius:12px;background:var(--p);border:1.5px solid var(--l);
  color:var(--n);font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
.mph-mc .mph-cv-nom-fichier button{width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:50%;background:#fff;color:var(--t);font-size:18px;line-height:1;cursor:pointer;flex:none}
.mph-mc .mph-cv-erreur{color:#b91c1c;font-size:13.5px;font-weight:600}
.mph-mc .mph-cv-alerte{margin:10px 0 0;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45;background:#fff7ed;color:#7c2d12}
.mph-mc .hf-message{margin:12px 0 0;padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.55}
.mph-mc .hf-message-success{background:#e8f8ee;border:1px solid #a7e3bd;color:#166534}
.mph-mc .hf-message-success strong{display:block;margin-bottom:2px}
.mph-mc .hf-message-warning,.mph-mc .hf-message-error{background:#fdecec;border:1px solid #f5b5b5;color:#991b1b}
@media (max-width:991px){
  .mph-mc .mc-grille-form{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .mph-mc .mc-carte-form,.mph-mc .mc-cote{padding:22px 18px}
  .mph-mc .mc-carte-form h3,.mph-mc .mc-cote h3{font-size:20px}
  .mph-mc .mc-grille-form{gap:16px}
  .mph-mc .hf-fields-wrap{grid-template-columns:minmax(0,1fr)}
  .mph-mc .hf-form .input,.mph-mc .hf-form .select,.mph-mc .hf-form .textarea{font-size:16px}
}

/* ── 2026-10-06 : pages du pied de page (livraison, retour, modalités ; installation, réparation, nettoyage) ── */
/* En-tête sans boutons (pages légales, comme la politique de confidentialité). */
@media (min-width:992px){
  .mph-mc .mc-hero.mc-hero-seul{grid-template-columns:minmax(0,1fr);padding:40px 44px}
  .mph-mc .mc-hero-seul h1{font-size:40px}
}

/* Les étapes d'un service, numérotées et reliées par un trait ; la photo à côté. */
.mph-mc .mc-etapes{list-style:none;margin:0;padding:0}
.mph-mc .mc-etapes li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;margin:0;padding:0 0 22px;list-style:none}
.mph-mc .mc-etapes li:last-child{padding-bottom:0}
.mph-mc .mc-etapes li:not(:last-child)::after{content:'';position:absolute;left:21px;top:52px;bottom:6px;width:2px;border-radius:2px;background:var(--l)}
.mph-mc .mc-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--b);color:#fff;font-size:17px;font-weight:800;box-shadow:0 0 0 5px var(--p)}
.mph-mc .mc-etapes h3{font-size:17.5px;font-weight:800;color:var(--n);margin:10px 0 4px}
.mph-mc .mc-etapes .mc-prose{font-size:15px;color:var(--g)}
.mph-mc .mc-etapes .mc-prose strong{color:var(--t)}
.mph-mc .mc-etapes-grille{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:start}
.mph-mc .mc-etapes-grille .mc-img{position:sticky;top:110px}

/* Pages légales : sections numérotées + sommaire collant (le dessin de la politique de confidentialité). */
.mph-mc .mc-legal{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.mph-mc .mc-som{position:sticky;top:96px;background:#fff;border:1px solid var(--l);border-radius:18px;padding:18px 14px;box-shadow:0 6px 24px rgba(15,47,95,.06)}
.mph-mc .mc-som > strong,.mph-mc .mc-som-mob > summary{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--g);margin:0 8px 8px}
.mph-mc .mc-som ol,.mph-mc .mc-som-mob ol{list-style:none;margin:0;padding:0;counter-reset:s}
.mph-mc .mc-som li,.mph-mc .mc-som-mob li{margin:0;padding:0;counter-increment:s;list-style:none}
.mph-mc .mc-som a,.mph-mc .mc-som-mob a{display:flex;gap:10px;align-items:baseline;padding:7px 8px;border-radius:10px;font-size:14px;line-height:1.35;color:var(--n)}
.mph-mc .mc-som a::before,.mph-mc .mc-som-mob a::before{content:counter(s);flex:0 0 18px;font-size:12px;font-weight:800;color:var(--b)}
.mph-mc .mc-som a:hover,.mph-mc .mc-som-mob a:hover{background:var(--p)}
.mph-mc .mc-som-mob{display:none}
.mph-mc .mc-legal-sec{scroll-margin-top:110px}
.mph-mc .mc-legal-sec + .mc-legal-sec{margin-top:16px}
.mph-mc .mc-legal-sec h2{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;color:var(--n);margin-bottom:14px}
.mph-mc .mc-legal-sec .mc-n{flex:none;width:34px;height:34px;border-radius:10px;background:var(--p);color:var(--b);display:grid;place-items:center;font-size:15px;font-weight:800}
/* Dans un texte : un encadré (ce qu'il faut retenir), une adresse, des délais en tuiles. */
.mph-mc .mc-prose .mc-encadre{padding:14px 16px;border-radius:14px;background:#f6f9ff;border:1px solid var(--l)}
.mph-mc .mc-prose .mc-encadre-alerte{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}
.mph-mc .mc-prose .mc-encadre-alerte strong{color:#7c2d12}
.mph-mc .mc-prose .mc-adresse{padding:14px 18px;border-radius:12px;background:var(--p);border-left:4px solid var(--b);color:var(--n);font-weight:600;line-height:1.55}
.mph-mc .mc-prose .mc-delais{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mph-mc .mc-prose .mc-delais > div{padding:12px 14px;border-radius:12px;border:1px solid var(--l);background:#fff}
.mph-mc .mc-prose .mc-delais b{display:block;font-size:14px;font-weight:800;color:var(--b)}
.mph-mc .mc-prose .mc-delais span{display:block;font-size:14px;line-height:1.4;color:var(--g)}

/* « Nous joindre » : les coordonnées à gauche, les trois gestes à droite. */
.mph-mc .mc-joindre{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 36px;align-items:center}
.mph-mc .mc-joindre-lignes .mc-ligne:first-child{border-top:0;padding-top:0}
.mph-mc .mc-joindre-lignes .mc-ligne:last-child{padding-bottom:0}
.mph-mc .mc-joindre .mc-actions{flex-direction:column;align-items:stretch;min-width:270px}

@media (max-width:991px){
  .mph-mc .mc-legal{grid-template-columns:minmax(0,1fr)}
  .mph-mc .mc-som{display:none}
  .mph-mc .mc-som-mob{display:block;padding:14px 18px;margin-bottom:16px}
  .mph-mc .mc-som-mob > summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;margin:0;font-size:12.5px}
  .mph-mc .mc-som-mob > summary::-webkit-details-marker{display:none}
  .mph-mc .mc-som-mob > summary::after{content:'+';font-size:22px;line-height:1;color:var(--b);letter-spacing:0}
  .mph-mc .mc-som-mob[open] > summary::after{content:'–'}
  .mph-mc .mc-som-mob ol{margin-top:8px}
  .mph-mc .mc-etapes-grille{grid-template-columns:minmax(0,1fr);gap:22px}
  .mph-mc .mc-etapes-grille .mc-img{position:static;order:-1}
  .mph-mc .mc-joindre{grid-template-columns:minmax(0,1fr)}
  .mph-mc .mc-joindre .mc-actions{flex-direction:row;min-width:0}
}
@media (max-width:767px){
  .mph-mc .mc-legal-sec h2{font-size:18.5px;gap:10px}
  .mph-mc .mc-legal-sec .mc-n{width:30px;height:30px;font-size:14px}
  .mph-mc .mc-etapes li{grid-template-columns:36px minmax(0,1fr);gap:12px;padding-bottom:18px}
  .mph-mc .mc-num{width:36px;height:36px;font-size:15px;box-shadow:0 0 0 4px var(--p)}
  .mph-mc .mc-etapes li:not(:last-child)::after{left:17px;top:44px}
  .mph-mc .mc-etapes h3{font-size:16.5px;margin-top:6px}
  .mph-mc .mc-joindre .mc-actions{flex-direction:column}
  .mph-mc .mc-prose .mc-delais{grid-template-columns:repeat(2,minmax(0,1fr))}
}