/* Com'in Clean — ajustements sur mesure */
/* « Aussi à votre service » : 5 cartes en 3 + 2 centrées, aussi grandes que les 3 du dessus */
@media (min-width:901px){
  .grille-cartes[data-cols="5"]{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
  .grille-cartes[data-cols="5"]>*{grid-column:span 2}
  .grille-cartes[data-cols="5"]>*:nth-child(4){grid-column:2 / span 2}
  .grille-cartes[data-cols="5"]>*:nth-child(5){grid-column:4 / span 2}
}

/* ---------- Bande de preuves sous le hero ---------- */
.cc-preuves-wrap{background:var(--fond);padding:34px 24px 34px;position:relative;z-index:2}
.cc-preuves{max-width:1240px;margin:0 auto !important}
.cc-preuves{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cc-preuves li{display:flex;align-items:center;gap:12px;background:var(--carte,#fff);border:1px solid var(--bord);border-radius:14px;padding:14px 16px;font-size:15px;font-weight:600;line-height:1.3;color:var(--titre)}
.cc-preuves li svg{flex:none}
@media (max-width:767px){
  .cc-preuves-wrap{padding:22px 20px 22px}
  .cc-preuves{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cc-preuves li{padding:12px;gap:10px;font-size:14px}
}

/* ---------- Lisibilité ---------- */
p[style*="font-size:15.5px"]{font-size:16px!important;line-height:1.65!important}
p[style*="font-size:14px;line-height:1.6;color:var(--texte-doux)"],
p[style*="font-size:14.5px;line-height:1.6"],
div[style*="font-size:14.5px;line-height:1.7"]{font-size:15px!important}
footer p,footer .hvpied,footer li,footer div[style*="font-size:14px"]{font-size:13.5px!important}
footer div[style*="font-size:13px"]{font-size:13.5px!important}

/* ---------- Rythme vertical ---------- */
@media (min-width:768px){
  section[style*="padding:100px 24px"]{padding:80px 24px!important}
}
@media (max-width:767px){
  section[style*="padding:100px 24px"]{padding:56px 20px!important}
}

/* ---------- Bulle d'appel ronde (bas droite, mobile et desktop) ----------
   C'est le bouton du thème (a[aria-label="Appeler"], position:fixed, présent dans chaque page).
   Mobile : on respecte la zone sûre et on remonte le bandeau cookies au-dessus de la bulle. */
@media (max-width:767px){
  a[aria-label="Appeler"][style*="position:fixed"]{right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;width:56px!important;height:56px!important}
  #cookie-banner{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
}

.cc-preuves li{box-shadow:0 10px 28px -20px rgba(15,35,55,.45);transition:transform .3s,box-shadow .3s}
.cc-preuves li:hover{transform:translateY(-3px);box-shadow:0 16px 34px -18px rgba(15,35,55,.5)}
/* coches visibles dans les rectangles « ce qui est compris » (pages services) */
.cc-compris li svg,.cc-compris li span,.cc-compris li path,.cc-compris li polyline,.cc-compris li circle{opacity:1!important;visibility:visible!important;stroke-dashoffset:0!important}