/*
 * CSF Formation Manager V8.7.4.7.7 — Typography & Icon Micro Calibration
 * Présentation illustrée du widget « CSF · Méga menu domaines configurable ».
 * Référence visuelle : maquette validée 1448 × 1086.
 */
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic{
  --csf-mosaic-ink:#102b4a;
  --csf-mosaic-muted:#607087;
  --csf-mosaic-line:#e5ebf1;
  --csf-mosaic-green:#16906f;
  position:relative;
  width:100%;
  max-width:1480px;
  margin-inline:auto;
  padding:20px 30px 12px !important;
  overflow:hidden;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:var(--csf-mosaic-ink);
  box-shadow:none !important;
  font-family:"Poppins",Arial,sans-serif !important;
}

/* -------------------------------------------------------------------------
 * En-tête : composition éditoriale + visuel de droite
 * ---------------------------------------------------------------------- */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 410px;
  align-items:start;
  gap:28px;
  width:100%;
  max-width:none !important;
  margin:0 0 18px !important;
  padding:0 !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-main{
  min-width:0;
  padding-top:8px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__kicker{
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin:0 0 14px;
  color:#30445a;
  font-size:11px;
  font-weight:600;
  line-height:1;
  letter-spacing:.29em;
  text-transform:uppercase;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__kicker i{
  display:block;
  width:24px;
  height:3px;
  border-radius:99px;
  background:var(--csf-mosaic-green);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__title{
  max-width:980px;
  margin:0 !important;
  color:#081d37 !important;
  font-family:"Poppins",Arial,sans-serif !important;
  font-size:clamp(37px,4.35vw,62px) !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__subtitle{
  max-width:880px;
  margin:10px 0 0 !important;
  color:#61728b !important;
  font-size:17px !important;
  font-weight:400;
  line-height:1.55 !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filters{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:22px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:40px;
  padding:0 20px;
  border:1px solid #dce5ed;
  border-radius:999px;
  background:#fff;
  color:#2c4058 !important;
  box-shadow:0 1px 1px rgba(14,39,68,.02);
  font-size:13px;
  font-weight:500;
  line-height:1;
  text-decoration:none !important;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease;
}
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__filter:hover,
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__filter:focus-visible{
  border-color:#9fb0c1;
  background:#f8fafc;
  color:#102b4a !important;
  transform:translateY(-1px);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filter.is-active{
  border-color:#102b4a;
  background:#102b4a;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(16,43,74,.12);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__grid-icon{
  display:grid;
  grid-template-columns:repeat(2,4px);
  grid-template-rows:repeat(2,4px);
  gap:2px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__grid-icon i{
  width:4px;
  height:4px;
  border:1px solid currentColor;
  border-radius:1px;
}

.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-aside{
  position:relative;
  min-height:220px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__hero-image{
  position:absolute;
  top:-20px;
  right:0;
  width:225px;
  height:220px;
  overflow:hidden;
  border-radius:0 0 26px 26px;
  background:#f3f6f8;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__hero-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(105deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.22) 19%,rgba(255,255,255,0) 36%);
  pointer-events:none;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__hero-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-note{
  position:absolute;
  top:48px;
  left:5px;
  z-index:3;
  width:152px;
  color:#132c48;
  font-family:"Caveat","Segoe Print",cursive !important;
  font-size:22px;
  font-weight:600;
  line-height:.98;
  text-align:left;
  transform:rotate(-4deg);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-note i{
  display:block;
  width:34px;
  height:3px;
  margin:11px 0 0 15px;
  border-radius:99px;
  background:#11916d;
  transform:rotate(-9deg);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric{
  position:absolute;
  right:155px;
  bottom:2px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:168px;
  padding:11px 14px;
  border:1px solid rgba(17,43,74,.07);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 24px rgba(17,43,74,.09);
  color:#455b70;
  font-size:10px;
  font-weight:500;
  line-height:1.25;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric-bars{
  display:flex;
  align-items:flex-end;
  gap:3px;
  width:28px;
  height:28px;
  color:#31a078;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric-bars i{
  display:block;
  width:5px;
  border-radius:2px 2px 0 0;
  background:currentColor;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric-bars i:nth-child(1){height:10px;opacity:.7}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric-bars i:nth-child(2){height:18px;opacity:.85}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric-bars i:nth-child(3){height:26px}

/* -------------------------------------------------------------------------
 * Grille mosaïque : proportions fidèles à la maquette de référence
 * ---------------------------------------------------------------------- */
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mega__grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.58fr) minmax(0,1.19fr) minmax(0,.88fr) !important;
  grid-template-rows:282px 102px 200px;
  gap:18px !important;
  align-items:stretch !important;
  margin-top:2px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:nth-child(1){grid-column:1;grid-row:1 / span 2}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:nth-child(2){grid-column:2;grid-row:1}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:nth-child(3){grid-column:3;grid-row:1}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:nth-child(4){grid-column:1;grid-row:3}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:nth-child(5){grid-column:2;grid-row:2 / span 2}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:nth-child(6){grid-column:3;grid-row:2 / span 2}

.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.csf-card{
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  min-width:0;
  min-height:0 !important;
  padding:18px 20px !important;
  overflow:hidden;
  border:1px solid var(--csf-mosaic-border) !important;
  border-radius:16px !important;
  background:var(--csf-mosaic-surface) !important;
  box-shadow:0 1px 0 rgba(17,43,74,.01),0 7px 22px rgba(17,43,74,.035) !important;
  transform:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.5;
  pointer-events:none;
  background:radial-gradient(circle at 94% 92%,rgba(255,255,255,.55),transparent 35%);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--csf-mosaic-button) 34%,#dce4eb) !important;
  box-shadow:0 14px 30px rgba(17,43,74,.08) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__card-link{z-index:5}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__microcopy,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__scribble{
  position:relative;
  z-index:3;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body{pointer-events:none}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__button{pointer-events:auto}

.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:14px;
  min-height:54px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__icon.csf-icon{
  width:56px !important;
  height:56px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--csf-mosaic-icon-bg) 92%,#ffffff 8%),var(--csf-mosaic-icon-bg)) !important;
  color:var(--csf-mosaic-icon-color) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42), 0 5px 12px rgba(12,37,64,.055) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__icon svg{
  width:32px !important;
  height:32px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.95;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon.csf-icon{position:relative;overflow:hidden}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon.csf-icon::after{content:'';position:absolute;inset:1px;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 44%);pointer-events:none}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon .csf-domain-icon-svg--premium .csf-domain-icon__secondary{fill:currentColor !important;opacity:.16;stroke:none !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon .csf-domain-icon-svg--premium .csf-domain-icon__primary{stroke:currentColor !important;fill:none !important;stroke-width:2.15}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon .csf-domain-icon-svg--premium .csf-domain-icon__detail{stroke:currentColor !important;fill:none !important;stroke-width:2.05;opacity:.95}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__card:hover .csf-domain-mega__icon.csf-icon{transform:translateY(-1px)}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__count.csf-badge{
  min-height:30px;
  margin-left:0;
  padding:6px 11px !important;
  border:1px solid var(--csf-mosaic-badge-border) !important;
  border-radius:999px !important;
  background:var(--csf-mosaic-badge-bg) !important;
  color:var(--csf-mosaic-badge-color) !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1 !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body{
  display:flex !important;
  flex:1 1 auto;
  flex-direction:column !important;
  align-items:flex-start;
  gap:8px !important;
  max-width:100%;
  padding-top:10px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.has-illustration .csf-domain-mega__body,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.has-illustration .csf-domain-mega__top{max-width:58%}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp.has-illustration .csf-domain-mega__body,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp.has-illustration .csf-domain-mega__top{max-width:49%}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie.has-illustration .csf-domain-mega__body,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie.has-illustration .csf-domain-mega__top{max-width:48%}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__name.csf-title{
  max-width:22ch;
  margin:0 !important;
  color:#0d2847 !important;
  font-family:"Poppins",Arial,sans-serif !important;
  font-size:clamp(19px,1.65vw,25px) !important;
  font-weight:750 !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__desc.csf-text{
  max-width:34ch;
  margin:0 !important;
  color:#627287 !important;
  font-size:13px !important;
  font-weight:400;
  line-height:1.55 !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button.csf-button,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card span.csf-domain-mega__button.csf-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:15px;
  width:max-content !important;
  min-width:0;
  min-height:40px;
  margin-top:auto !important;
  padding:9px 19px !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--csf-mosaic-button) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition:background-color .18s ease,transform .18s ease;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button:hover,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button:focus-visible{
  background:var(--csf-mosaic-button-hover) !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__button em{
  color:inherit !important;
  font-style:normal;
  font-size:17px;
  line-height:1;
}

/* Illustrations photographiques intégrées au plugin */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  z-index:1;
  width:54%;
  overflow:hidden;
  pointer-events:none;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,var(--csf-mosaic-surface) 0%,rgba(255,255,255,.42) 17%,rgba(255,255,255,0) 48%);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mosaic__visual{width:55%}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mosaic__visual img{object-position:center 58%}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mosaic__visual{width:43%}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mosaic__visual{width:54%}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mosaic__visual{width:45%}

.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__scribble{
  position:absolute;
  z-index:4;
  display:block;
  color:#152e4a;
  font-family:"Caveat","Segoe Print",cursive !important;
  font-size:18px;
  font-weight:600;
  line-height:.96;
  text-align:center;
  transform:rotate(-5deg);
  pointer-events:none;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__scribble i{
  display:block;
  width:30px;
  height:3px;
  margin:9px auto 0;
  border-radius:99px;
  background:var(--csf-mosaic-button);
  transform:rotate(-6deg);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mosaic__scribble{top:48px;right:50px}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mosaic__scribble{top:46px;right:54px}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mosaic__scribble{top:42px;right:205px}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mosaic__scribble{top:42px;right:35px}

.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__microcopy{
  position:absolute;
  left:20px;
  bottom:15px;
  z-index:4;
  display:block;
  max-width:180px;
  padding-left:10px;
  border-left:1px solid #8ca1b4;
  color:#617188;
  font-size:9px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.18em;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__body{padding-bottom:63px}

/* -------------------------------------------------------------------------
 * Bandeau d'accompagnement + ligne de réassurance
 * ---------------------------------------------------------------------- */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer{
  position:relative;
  display:grid !important;
  grid-template-columns:62px minmax(0,1fr) auto 290px;
  align-items:center;
  gap:18px;
  width:100%;
  min-height:92px;
  margin-top:18px;
  padding:15px 22px !important;
  overflow:hidden;
  border:1px solid #e0e8ef !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__chat-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:12px;
  background:#edf4ff;
  color:#17375e;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__chat-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-copy h3{
  margin:0 0 3px;
  color:#102b4a;
  font-size:18px;
  font-weight:750;
  line-height:1.2;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-copy p{
  margin:0;
  color:#5d6f85;
  font-size:12px;
  font-weight:400;
  line-height:1.5;
}
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__footer-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px;
  min-height:44px;
  padding:10px 23px !important;
  border:0 !important;
  border-radius:12px !important;
  background:#102b4a !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:1 !important;
  text-decoration:none !important;
}
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__footer-button:hover,
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__footer-button:focus-visible{
  background:#0b223b !important;
  color:#fff !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-button em{font-style:normal;font-size:18px}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  height:62px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor img{
  width:125px;
  height:70px;
  object-fit:contain;
  object-position:center;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor span{
  display:block;
  color:#17375e;
  font-family:"Caveat","Segoe Print",cursive !important;
  font-size:20px;
  font-weight:600;
  line-height:.9;
  transform:rotate(-4deg);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor span i{
  display:block;
  width:28px;
  height:3px;
  margin:8px 0 0 18px;
  border-radius:99px;
  background:#ff9d12;
  transform:rotate(-8deg);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) 160px;
  align-items:center;
  gap:22px;
  padding:20px 16px 4px;
  color:#506176;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  font-size:10px;
  font-weight:400;
  line-height:1.35;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit svg{
  flex:0 0 34px;
  width:34px;
  height:34px;
  fill:none;
  stroke:#102b4a;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit:nth-child(4) svg{fill:#102b4a;stroke:none}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit b{font-weight:500}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits-tag{
  position:relative;
  display:block;
  padding-left:18px;
  border-left:1px solid #cad4de;
  color:#65758a;
  font-size:9px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:.28em;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits-tag i{
  position:absolute;
  right:0;
  bottom:0;
  width:26px;
  height:3px;
  border-radius:99px;
  background:#ffb116;
}

/* -------------------------------------------------------------------------
 * Responsive : la mosaïque devient une grille 2 colonnes puis une pile.
 * ---------------------------------------------------------------------- */
@media (max-width:1180px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head{grid-template-columns:minmax(0,1fr) 320px}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-note{left:0}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric{right:120px}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__scribble{font-size:16px}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mosaic__scribble{right:20px}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mosaic__scribble{right:150px}
}

@media (max-width:1024px){
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic{padding-inline:20px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head{grid-template-columns:1fr;gap:8px}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-aside{display:none}
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mega__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:none !important;
    grid-auto-rows:minmax(250px,auto);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:nth-child(n){grid-column:auto;grid-row:auto}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top{max-width:62% !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:not(.has-illustration) .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:not(.has-illustration) .csf-domain-mega__top{max-width:100% !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__scribble{display:none}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__microcopy{display:none}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__body{padding-bottom:0}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer{grid-template-columns:56px minmax(0,1fr) auto;padding-inline:18px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor{display:none}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits-tag{display:none}
}

@media (max-width:767px){
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic{padding:16px 14px 8px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__title{font-size:34px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__subtitle{font-size:15px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filters{gap:8px;margin-top:18px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filters::-webkit-scrollbar{display:none}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filter{flex:0 0 auto;min-height:36px;padding-inline:16px;font-size:12px}
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mega__grid{grid-template-columns:1fr !important;grid-auto-rows:minmax(230px,auto);gap:14px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.csf-card{padding:17px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top{max-width:62% !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:not(.has-illustration) .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:not(.has-illustration) .csf-domain-mega__top{max-width:100% !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual{width:46%}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__name.csf-title{font-size:20px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__desc.csf-text{font-size:12.5px !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer{grid-template-columns:48px 1fr;gap:12px}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-button{grid-column:1 / -1;width:100% !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits{grid-template-columns:1fr;padding-inline:6px}
}

@media (max-width:480px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top{max-width:100% !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual{opacity:.16;width:58%}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual::before{background:linear-gradient(90deg,var(--csf-mosaic-surface) 0%,rgba(255,255,255,.45) 65%,rgba(255,255,255,0) 100%)}
}

@media (prefers-reduced-motion:reduce){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filter,
  .csf-domain-mega--editorial_mosaic .csf-domain-mega__button{transition:none !important}
}

/* ========================================================================
 * V8.7.4.7.0 — Fidelity Pass
 * Ajustement proportionnel de la maquette V4 sur les largeurs desktop
 * intermédiaires (notamment les contenus Elementor ~1080–1200 px).
 * ===================================================================== */
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic{
  container-type:inline-size;
  container-name:csf-domain-mosaic-v4;
}

@media (min-width:1025px){
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic{
    padding:clamp(16px,2.16cqw,30px) clamp(18px,2.16cqw,30px) clamp(8px,.86cqw,12px) !important;
  }

  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head{
    grid-template-columns:minmax(0,1fr) clamp(300px,29.55cqw,410px) !important;
    gap:clamp(18px,2.02cqw,28px) !important;
    margin-bottom:clamp(14px,1.30cqw,18px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-main{padding-top:clamp(4px,.58cqw,8px)}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__kicker{
    gap:clamp(8px,.8cqw,11px);
    margin-bottom:clamp(10px,1cqw,14px);
    font-size:clamp(9px,.8cqw,11px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__title{
    max-width:none;
    font-size:clamp(38px,4.47cqw,62px) !important;
    line-height:1.04 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__subtitle{
    max-width:66cqw;
    margin-top:clamp(7px,.72cqw,10px) !important;
    font-size:clamp(14px,1.23cqw,17px) !important;
    line-height:1.5 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filters{
    gap:clamp(8px,.72cqw,10px);
    margin-top:clamp(16px,1.58cqw,22px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filter{
    min-height:clamp(34px,2.88cqw,40px);
    padding-inline:clamp(14px,1.44cqw,20px);
    font-size:clamp(11px,.94cqw,13px);
  }

  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-aside{
    min-height:clamp(164px,15.85cqw,220px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__hero-image{
    top:clamp(-20px,-1.44cqw,-14px);
    width:clamp(168px,16.2cqw,225px);
    height:clamp(164px,15.85cqw,220px);
    border-radius:0 0 clamp(18px,1.87cqw,26px) clamp(18px,1.87cqw,26px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-note{
    top:clamp(34px,3.45cqw,48px);
    left:clamp(0px,.35cqw,5px);
    width:clamp(114px,10.95cqw,152px);
    font-size:clamp(17px,1.58cqw,22px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric{
    right:clamp(112px,11.17cqw,155px);
    bottom:clamp(0px,.14cqw,2px);
    min-width:clamp(128px,12.1cqw,168px);
    padding:clamp(8px,.8cqw,11px) clamp(10px,1cqw,14px);
    font-size:clamp(8px,.72cqw,10px);
  }

  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mega__grid{
    grid-template-columns:minmax(0,1.58fr) minmax(0,1.19fr) minmax(0,.88fr) !important;
    grid-template-rows:clamp(214px,20.38cqw,283px) clamp(68px,6.41cqw,89px) clamp(152px,14.41cqw,200px) !important;
    gap:clamp(13px,1.30cqw,18px) !important;
  }

  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.csf-card{
    min-height:0 !important;
    padding:clamp(14px,1.30cqw,18px) clamp(15px,1.44cqw,20px) !important;
    border-radius:clamp(13px,1.15cqw,16px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top{
    gap:clamp(10px,1cqw,14px);
    min-height:clamp(42px,3.89cqw,54px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__icon.csf-icon{
    width:clamp(42px,3.89cqw,54px) !important;
    height:clamp(42px,3.89cqw,54px) !important;
    border-radius:clamp(10px,.86cqw,12px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__icon svg{
    width:clamp(19px,1.73cqw,24px) !important;
    height:clamp(19px,1.73cqw,24px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__count.csf-badge{
    min-height:clamp(25px,2.16cqw,30px);
    padding:clamp(4px,.43cqw,6px) clamp(8px,.8cqw,11px) !important;
    font-size:clamp(10px,.86cqw,12px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body{
    gap:clamp(5px,.58cqw,8px) !important;
    padding-top:clamp(6px,.72cqw,10px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__name.csf-title{
    font-size:clamp(18px,1.73cqw,24px) !important;
    line-height:1.1 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__desc.csf-text{
    font-size:clamp(11px,.94cqw,13px) !important;
    line-height:1.5 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card span.csf-domain-mega__button.csf-button{
    min-height:clamp(34px,2.88cqw,40px);
    padding:clamp(7px,.65cqw,9px) clamp(14px,1.37cqw,19px) !important;
    gap:clamp(10px,1.08cqw,15px);
    font-size:clamp(11px,.94cqw,13px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__scribble{
    font-size:clamp(14px,1.30cqw,18px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mosaic__scribble{
    top:clamp(36px,3.46cqw,48px);
    right:clamp(24px,3.60cqw,50px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mosaic__scribble{
    top:clamp(34px,3.32cqw,46px);
    right:clamp(30px,3.89cqw,54px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mosaic__scribble{
    top:clamp(31px,3.03cqw,42px);
    right:clamp(118px,14.77cqw,205px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mosaic__scribble{
    top:clamp(30px,3.03cqw,42px);
    right:clamp(22px,2.52cqw,35px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__microcopy{
    left:clamp(15px,1.44cqw,20px);
    bottom:clamp(10px,1.08cqw,15px);
    max-width:clamp(136px,12.97cqw,180px);
    font-size:clamp(7px,.65cqw,9px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__body{
    padding-bottom:clamp(47px,4.54cqw,63px);
  }

  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer{
    grid-template-columns:clamp(48px,4.47cqw,62px) minmax(0,1fr) auto clamp(218px,20.9cqw,290px);
    gap:clamp(12px,1.30cqw,18px);
    min-height:clamp(72px,6.77cqw,94px);
    margin-top:clamp(13px,1.30cqw,18px);
    padding:clamp(11px,1.08cqw,15px) clamp(16px,1.58cqw,22px) !important;
    border-radius:clamp(13px,1.15cqw,16px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__chat-icon{
    width:clamp(38px,3.46cqw,48px);
    height:clamp(38px,3.46cqw,48px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-copy h3{font-size:clamp(14px,1.30cqw,18px)}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-copy p{font-size:clamp(10px,.86cqw,12px)}
  .csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__footer-button{
    min-height:clamp(36px,3.17cqw,44px);
    padding:clamp(8px,.72cqw,10px) clamp(17px,1.66cqw,23px) !important;
    font-size:clamp(11px,.94cqw,13px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor{height:clamp(48px,4.47cqw,62px)}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor img{
    width:clamp(94px,9.0cqw,125px);
    height:clamp(53px,5.04cqw,70px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor span{font-size:clamp(15px,1.44cqw,20px)}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits{
    grid-template-columns:repeat(4,minmax(0,1fr)) clamp(120px,11.53cqw,160px);
    gap:clamp(15px,1.58cqw,22px);
    padding:clamp(14px,1.44cqw,20px) clamp(11px,1.15cqw,16px) 4px;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit{
    gap:clamp(9px,.86cqw,12px);
    font-size:clamp(8px,.72cqw,10px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit svg{
    flex-basis:clamp(26px,2.45cqw,34px);
    width:clamp(26px,2.45cqw,34px);
    height:clamp(26px,2.45cqw,34px);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits-tag{font-size:clamp(7px,.65cqw,9px)}
}

/* Priorité absolue du design V4 sur les variables historiques du widget. */
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button.csf-button,
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button.csf-button:visited,
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card span.csf-domain-mega__button.csf-button{
  background:var(--csf-mosaic-button) !important;
  border-color:var(--csf-mosaic-button) !important;
  color:#fff !important;
}
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button.csf-button span,
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button.csf-button em,
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card span.csf-domain-mega__button.csf-button span,
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card span.csf-domain-mega__button.csf-button em{
  color:#fff !important;
}
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__count.csf-badge{
  background:var(--csf-mosaic-badge-bg) !important;
  border-color:var(--csf-mosaic-badge-border) !important;
  color:var(--csf-mosaic-badge-color) !important;
}

/* ========================================================================
 * V8.7.4.7.1 — Fidelity Closure
 * Ajustements issus de la recette visuelle 1100 px : palette V4 verrouillée,
 * titres au bon rythme, carte Industrie non tronquée, footer rétabli.
 * ===================================================================== */
@media (min-width:1025px){
  /* La carte BTP reprend la respiration et le retour à la ligne de la maquette. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp.has-illustration .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp.has-illustration .csf-domain-mega__top{max-width:45% !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__name.csf-title{max-width:12.5ch !important}

  /* Les cartes étroites doivent conserver la hiérarchie de la maquette. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--techniques .csf-domain-mega__name.csf-title{max-width:11ch !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__name.csf-title{
    max-width:14ch !important;
    font-size:clamp(17px,1.55cqw,21.5px) !important;
    line-height:1.08 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__desc.csf-text{
    font-size:clamp(10px,.84cqw,11.7px) !important;
    line-height:1.42 !important;
  }

  /* Industrie : contenu complet dans la rangée basse, sans coupe du CTA. */
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie.csf-card{
    padding:clamp(11px,1.02cqw,14px) clamp(14px,1.25cqw,17px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__top{
    min-height:clamp(36px,3.25cqw,45px) !important;
    gap:clamp(8px,.78cqw,11px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__icon.csf-icon{
    width:clamp(38px,3.45cqw,48px) !important;
    height:clamp(38px,3.45cqw,48px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__body{
    gap:clamp(2px,.28cqw,4px) !important;
    padding-top:clamp(3px,.36cqw,5px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__name.csf-title{
    font-size:clamp(16px,1.42cqw,19.5px) !important;
    line-height:1.06 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__desc.csf-text{
    max-width:25ch !important;
    font-size:clamp(9px,.78cqw,10.8px) !important;
    line-height:1.35 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie span.csf-domain-mega__button.csf-button{
    min-height:clamp(28px,2.45cqw,34px) !important;
    padding:5px clamp(11px,1.02cqw,14px) !important;
    font-size:clamp(9px,.8cqw,11px) !important;
  }

  /* Notes manuscrites : éviter tout chevauchement avec les visages / titres. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mosaic__scribble{
    right:clamp(18px,2.1cqw,30px) !important;
    top:clamp(24px,2.25cqw,32px) !important;
    max-width:105px;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mosaic__scribble{
    right:clamp(118px,13.2cqw,185px) !important;
    top:clamp(24px,2.45cqw,34px) !important;
  }
}

/* Le mode V4 impose sa palette de référence, même si le repeater contient
 * encore des couleurs héritées d'une ancienne présentation. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp{--csf-mosaic-button:#102f4d !important;--csf-mosaic-button-hover:#0a253d !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences{--csf-mosaic-button:#0c6b5f !important;--csf-mosaic-button-hover:#095a50 !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--techniques{--csf-mosaic-button:#5d33b8 !important;--csf-mosaic-button-hover:#4a269a !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie{--csf-mosaic-button:#1d67c8 !important;--csf-mosaic-button-hover:#1558b0 !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique{--csf-mosaic-button:#bd520c !important;--csf-mosaic-button-hover:#a6470a !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention{--csf-mosaic-button:#c91936 !important;--csf-mosaic-button-hover:#aa132d !important}

/* Footer : neutralise les styles historiques qui transformaient l'icône chat
 * et le cartouche final en blocs pleins. */
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer .csf-domain-mosaic__chat-icon{
  display:inline-flex !important;
  width:clamp(38px,3.46cqw,48px) !important;
  height:clamp(38px,3.46cqw,48px) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:#edf4ff !important;
  color:#17375e !important;
  box-shadow:none !important;
}
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer .csf-domain-mosaic__chat-icon svg{
  display:block !important;
  width:25px !important;
  height:25px !important;
  fill:none !important;
  stroke:#17375e !important;
  stroke-width:1.7 !important;
}
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits .csf-domain-mosaic__benefits-tag{
  min-width:0 !important;
  min-height:0 !important;
  padding:0 0 0 18px !important;
  border:0 !important;
  border-left:1px solid #cad4de !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#65758a !important;
  box-shadow:none !important;
  text-align:left !important;
}
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits .csf-domain-mosaic__benefits-tag i{
  display:block !important;
  background:#ffb116 !important;
}

/* ========================================================================
 * V8.7.4.7.2 — Domain Icon System Premium
 * Pictogrammes CSF duotone / illustrés pour la mosaïque éditoriale V4.
 * Le dessin reste vectoriel, indépendant des polices d'icônes externes.
 * ===================================================================== */
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic
.csf-domain-mosaic__card .csf-domain-mega__icon--premium,
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic
.csf-domain-mosaic__card .csf-domain-mega__icon--illustrated{
  position:relative;
  isolation:isolate;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:15px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 8px 18px rgba(17,43,74,.09) !important;
  color:var(--csf-mosaic-icon-color) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--premium::before,
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated::before{
  content:"";
  position:absolute;
  z-index:0;
  width:70%;
  height:70%;
  left:-16%;
  top:-22%;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  filter:blur(1px);
  pointer-events:none;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--premium::after,
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated::after{
  content:"";
  position:absolute;
  z-index:0;
  right:7px;
  bottom:6px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  opacity:.10;
  pointer-events:none;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--premium svg,
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated svg{
  position:relative;
  z-index:2;
  display:block !important;
  width:32px !important;
  height:32px !important;
  overflow:visible;
  transform:translateZ(0);
  transform-origin:center;
  transition:transform .22s cubic-bezier(.2,.75,.25,1),filter .22s ease;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--premium .csf-domain-icon__secondary,
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated .csf-domain-icon__secondary{
  fill:currentColor !important;
  stroke:none !important;
  opacity:.17;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--premium .csf-domain-icon__primary,
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated .csf-domain-icon__primary{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:1;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--premium .csf-domain-icon__detail,
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated .csf-domain-icon__detail{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:.82;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated .csf-domain-icon__secondary{opacity:.30}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated .csf-domain-icon__primary{stroke-width:1.65 !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated svg{width:30px !important;height:30px !important}

/* Palette premium : contraste fort sur BTP / compétences, pastel sur les autres domaines. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__icon--premium,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__icon--illustrated{
  background:linear-gradient(145deg,#ff7b2f 0%,#ec5a14 62%,#d94a08 100%) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.56) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 9px 20px rgba(214,74,8,.18) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mega__icon--premium,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mega__icon--illustrated{
  background:linear-gradient(145deg,#0a7db7 0%,#08699f 58%,#075988 100%) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.54) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 9px 20px rgba(8,105,159,.17) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--techniques .csf-domain-mega__icon--premium,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--techniques .csf-domain-mega__icon--illustrated{
  background:linear-gradient(145deg,#eee7ff 0%,#ddd0ff 100%) !important;
  color:#6636bd !important;
  border-color:#f7f2ff !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__icon--premium,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__icon--illustrated{
  background:linear-gradient(145deg,#e7f4ff 0%,#cfe9ff 100%) !important;
  color:#2169b7 !important;
  border-color:#f7fbff !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mega__icon--premium,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mega__icon--illustrated{
  background:linear-gradient(145deg,#fff0da 0%,#ffdcae 100%) !important;
  color:#a94d0a !important;
  border-color:#fff8ef !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__icon--premium,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__icon--illustrated{
  background:linear-gradient(145deg,#ffe8ed 0%,#ffcfd9 100%) !important;
  color:#ca1838 !important;
  border-color:#fff5f7 !important;
}

/* Les variantes premium utilisent toujours un trait net, y compris sur les icônes
 * Industrie et Logistique qui étaient historiquement forcées en remplissage plein. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__icon--premium svg,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__icon--illustrated svg,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mega__icon--premium svg,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mega__icon--illustrated svg{
  fill:none !important;
}

/* Micro-animation sobre ; aucune animation permanente. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-mega__icon--motion svg,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-mega__icon--motion svg{
  transform:translateY(-1px) scale(1.055);
  filter:drop-shadow(0 2px 2px rgba(17,43,74,.08));
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-mega__icon--motion,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-mega__icon--motion{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 11px 22px rgba(17,43,74,.12) !important;
}

@media (max-width:767px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--premium svg,
  .csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--illustrated svg{
    width:26px !important;
    height:26px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .csf-domain-mega--editorial_mosaic .csf-domain-mega__icon--motion svg{transition:none !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-mega__icon--motion svg,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-mega__icon--motion svg{transform:none !important}
}


/* V8.7.4.7.4 — Premium Icon Optical Balance */
.csf-domain-mega--editorial_mosaic .csf-domain-mega__icon .csf-domain-icon-svg--premium{
  transform-origin:50% 50%;
  transition:transform .2s ease;
}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--helmet{transform:scale(1.12)}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--users{transform:scale(1.15)}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--gear{transform:scale(1.10)}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--industry{transform:scale(.98)}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--forklift{transform:scale(1.18)}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--shield{transform:scale(1.06)}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__card:hover .csf-domain-icon-svg--premium{transform:scale(1.06)}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__card:hover .csf-domain-icon-svg--helmet{transform:scale(1.17)}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__card:hover .csf-domain-icon-svg--users{transform:scale(1.20)}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__card:hover .csf-domain-icon-svg--gear{transform:scale(1.15)}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__card:hover .csf-domain-icon-svg--industry{transform:scale(1.03)}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__card:hover .csf-domain-icon-svg--forklift{transform:scale(1.23)}
.csf-domain-mega--editorial_mosaic .csf-domain-mega__card:hover .csf-domain-icon-svg--shield{transform:scale(1.11)}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--forklift .csf-domain-icon__primary,
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--forklift .csf-domain-icon__detail{stroke-width:2.3 !important}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--helmet .csf-domain-icon__primary{stroke-width:2.3 !important}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--users .csf-domain-icon__primary{stroke-width:2.25 !important}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--industry .csf-domain-icon__primary{stroke-width:1.9 !important}
.csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--shield .csf-domain-icon__detail{stroke-width:2.45 !important}
@media (prefers-reduced-motion:reduce){
  .csf-domain-mega--editorial_mosaic .csf-domain-mega__icon .csf-domain-icon-svg--premium{transition:none}
}


/* ========================================================================
 * V8.7.4.7.5 — Editorial Mosaic Premium Polish
 * Finition visuelle : cohérence des cartes, fusion photo, interaction,
 * bandeau conseil, réassurance et responsive dédié.
 * ===================================================================== */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__name.csf-title{
  text-wrap:balance;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__desc.csf-text{
  text-wrap:pretty;
}

/* Cartes : relief plus fin, sans modifier la structure de la mosaïque. */
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.csf-card{
  box-shadow:0 1px 0 rgba(16,43,74,.018),0 10px 26px rgba(16,43,74,.045) !important;
  transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 38px rgba(16,43,74,.105) !important;
}

/* Illustration : fondu colorimétrique propre au domaine + léger rapprochement. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual::before{
  background:linear-gradient(90deg,
    var(--csf-mosaic-surface) 0%,
    color-mix(in srgb,var(--csf-mosaic-surface) 92%,transparent) 20%,
    rgba(255,255,255,.08) 52%,
    transparent 72%) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--csf-mosaic-button) 10%,transparent) 0%,
    transparent 46%,
    color-mix(in srgb,var(--csf-mosaic-button) 5%,transparent) 100%);
  pointer-events:none;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual img{
  transform:scale(1.001);
  filter:saturate(.97) contrast(1.015);
  transition:transform .45s cubic-bezier(.2,.72,.18,1),filter .3s ease;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-mosaic__visual img,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-mosaic__visual img{
  transform:scale(1.028);
  filter:saturate(1.02) contrast(1.02);
}

/* Badges : plus légers, plus réguliers. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__count.csf-badge{
  min-height:27px !important;
  padding:5px 10px !important;
  box-shadow:0 1px 0 rgba(16,43,74,.035) !important;
  letter-spacing:-.01em;
  white-space:nowrap;
}

/* CTA : rythme identique + flèche animée sans déplacement du bouton. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button.csf-button,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card span.csf-domain-mega__button.csf-button{
  min-height:38px;
  padding:8px 17px !important;
  gap:13px !important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--csf-mosaic-button) 15%,transparent) !important;
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__button em{
  display:inline-block;
  transform:translateX(0);
  transition:transform .2s ease;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button:hover em,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button:focus-visible em{
  transform:translateX(4px);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card a.csf-domain-mega__button:focus-visible,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filter:focus-visible,
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__footer-button:focus-visible{
  outline:3px solid rgba(31,111,235,.28) !important;
  outline-offset:3px;
}

/* Notes manuscrites : meilleure lisibilité sur photographie. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__scribble,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-note{
  text-shadow:0 1px 2px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.72);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__scribble{
  max-width:125px;
}

/* En-tête : bloc photo plus intégré et cartouche métrique plus aérien. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__hero-image{
  box-shadow:0 12px 34px rgba(16,43,74,.07);
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  background:rgba(255,255,255,.92);
}

/* Bandeau conseil : illustration fondue, bouton cohérent avec les CTA. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer{
  background:linear-gradient(90deg,#f3f9fd 0%,#f7fbfd 68%,#f2f8fb 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor{
  position:relative;
  isolation:isolate;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(243,249,253,0),rgba(243,249,253,.78) 50%,rgba(243,249,253,.98));
  pointer-events:none;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor img{
  opacity:.92;
  filter:saturate(.8) contrast(.98);
}
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__footer-button em{
  display:inline-block;
  transition:transform .2s ease;
}
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__footer-button:hover em,
.csf-domain-mega--editorial_mosaic a.csf-domain-mosaic__footer-button:focus-visible em{
  transform:translateX(4px);
}

/* Réassurance : poids de lecture légèrement renforcé. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit{
  font-size:10.5px;
  color:#3f5268;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit b{
  font-weight:550;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit svg{
  opacity:.96;
}

/* Tablette : vraie grille 2 colonnes, hauteurs plus régulières. */
@media (min-width:768px) and (max-width:1024px){
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mega__grid{
    grid-auto-rows:minmax(270px,auto) !important;
    gap:16px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.csf-card{
    min-height:270px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top{
    max-width:60% !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:not(.has-illustration) .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:not(.has-illustration) .csf-domain-mega__top{
    max-width:100% !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual{width:44% !important}
}

/* Mobile : carte éditoriale verticale, image pleine largeur. */
@media (max-width:767px){
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mega__grid{
    grid-auto-rows:auto !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.csf-card{
    min-height:0 !important;
    overflow:hidden;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.has-illustration .csf-domain-mosaic__visual{
    position:relative !important;
    inset:auto !important;
    order:-1;
    width:calc(100% + 34px) !important;
    height:168px;
    margin:-17px -17px 15px !important;
    border-radius:0;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.has-illustration .csf-domain-mosaic__visual::before{
    background:linear-gradient(180deg,transparent 50%,var(--csf-mosaic-surface) 100%) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card.has-illustration .csf-domain-mosaic__visual::after{
    background:linear-gradient(135deg,color-mix(in srgb,var(--csf-mosaic-button) 7%,transparent),transparent 50%);
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card .csf-domain-mega__top{
    max-width:100% !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__body{
    padding-bottom:0 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__microcopy{display:none !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-copy h3{font-size:16px}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__visual img,
  .csf-domain-mega--editorial_mosaic .csf-domain-mega__button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mega__button em,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__filter,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-button em{
    transition:none !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-mosaic__visual img,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-mosaic__visual img{
    transform:none !important;
  }
}


/* ========================================================================
 * V8.7.4.7.6 — Final Editorial Calibration
 * Dernière passe de proportion / respiration / alignement sur la maquette.
 * Aucune modification du DOM, des données ou du résolveur Elementor.
 * ===================================================================== */

/* Respiration supérieure : le surtitre ne doit jamais être rogné. */
.csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic{
  padding-top:clamp(28px,2.4cqw,36px) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-main{
  padding-top:2px !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__kicker{
  margin-bottom:12px !important;
}

/* Titre principal : présence maintenue, domination réduite. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__title{
  font-size:clamp(35px,4.05vw,58px) !important;
  line-height:1.055 !important;
  max-width:900px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__subtitle{
  margin-top:9px !important;
}

/* Ensemble éditorial droit : image, note et métrique deviennent un seul groupe. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-aside{
  min-height:214px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__hero-image{
  top:0 !important;
  right:8px !important;
  width:216px;
  height:208px;
  border-radius:0 0 24px 24px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__head-note{
  top:34px !important;
  left:24px !important;
  width:145px;
  font-size:21px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__metric{
  right:144px !important;
  bottom:10px !important;
  min-width:164px;
  padding:10px 13px;
}

/* Quelques pixels supplémentaires sur la rangée basse pour éviter toute compression. */
@media (min-width:1025px){
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mega__grid{
    grid-template-rows:282px 102px 212px !important;
  }

  /* Industrie : hauteur utile plus généreuse, tout le contenu reste visible. */
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie.csf-card{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__body{
    gap:4px !important;
    padding-top:5px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie span.csf-domain-mega__button.csf-button{
    margin-top:8px !important;
  }

  /* Compétences : la note manuscrite reste dans la zone photo mais hors visage. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mosaic__scribble{
    top:22px !important;
    right:74px !important;
    max-width:102px !important;
    font-size:clamp(13px,1.08cqw,16px) !important;
  }

  /* Logistique : compensation optique finale du chariot élévateur. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-icon-svg--forklift{
    transform:scale(1.24) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique:hover .csf-domain-icon-svg--forklift{
    transform:scale(1.28) !important;
  }

  /* Prévention : zone de lecture élargie pour limiter la fragmentation du titre. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__name.csf-title{
    max-width:17ch !important;
    font-size:clamp(17px,1.48cqw,21px) !important;
    line-height:1.07 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__desc.csf-text{
    max-width:30ch !important;
  }
}

/* Bandeau conseil : plus de respiration sans changer la composition. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer{
  min-height:102px !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer-copy h3{
  margin-bottom:5px !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor{
  height:68px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__advisor img{
  height:74px;
}

/* Réassurance : présence légèrement renforcée, sans devenir un second footer. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefits{
  padding-top:22px;
  padding-bottom:7px;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit{
  gap:13px;
  font-size:11.2px;
  line-height:1.38;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit svg{
  flex-basis:36px;
  width:36px;
  height:36px;
  stroke-width:1.7;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit b{
  font-weight:560;
}

/* Responsive : préserver les gains sans réintroduire les hauteurs desktop. */
@media (min-width:768px) and (max-width:1024px){
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic{
    padding-top:24px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__title{
    font-size:clamp(32px,5.1vw,46px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer{
    min-height:96px !important;
  }
}
@media (max-width:767px){
  .csf-domain-mega.csf-mega-domaines-configurable.csf-domain-mega--editorial_mosaic{
    padding-top:20px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__title{
    font-size:clamp(30px,9vw,39px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__footer{
    min-height:0 !important;
    padding-top:16px !important;
    padding-bottom:16px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__benefit{
    font-size:11px;
  }
}

@media (prefers-reduced-motion:reduce){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-icon-svg--forklift,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique:hover .csf-domain-icon-svg--forklift{
    transform:scale(1.24) !important;
  }
}


/* ========================================================================
 * V8.7.4.7.7 — Typography & Icon Micro Calibration
 * Micro-ajustements uniquement : pictogrammes, titres, marges, CTA et fondu.
 * Aucun changement de structure ou de logique de rendu.
 * ===================================================================== */

/* Pictogrammes : équilibre optique individuel, cartouche inchangé. */
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-icon-svg--helmet{
  transform:scale(1.15) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-icon-svg--users{
  transform:scale(1.22) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--techniques .csf-domain-icon-svg--gear{
  transform:scale(1.18) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-icon-svg--industry{
  transform:scale(1.00) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-icon-svg--forklift{
  transform:scale(1.29) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-icon-svg--shield{
  transform:scale(1.10) !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-icon-svg--users .csf-domain-icon__primary,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--techniques .csf-domain-icon-svg--gear .csf-domain-icon__primary{
  stroke-width:2.28 !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-icon-svg--forklift .csf-domain-icon__primary,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-icon-svg--forklift .csf-domain-icon__detail{
  stroke-width:2.38 !important;
}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--helmet,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--helmet{transform:scale(1.19) !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--users,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--users{transform:scale(1.26) !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--gear,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--gear{transform:scale(1.22) !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--industry,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--industry{transform:scale(1.04) !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--forklift,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--forklift{transform:scale(1.33) !important}
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--shield,
.csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--shield{transform:scale(1.14) !important}

/* Typographie : rythme plus homogène sans changer les contenus. */
@media (min-width:1025px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__name.csf-title{
    max-width:13.2ch !important;
    line-height:1.07 !important;
    letter-spacing:-.026em !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mega__name.csf-title{
    max-width:13.3ch !important;
    line-height:1.055 !important;
    letter-spacing:-.027em !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--techniques .csf-domain-mega__name.csf-title{
    max-width:11.8ch !important;
    line-height:1.055 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__name.csf-title{
    line-height:1.05 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mega__name.csf-title{
    max-width:12.8ch !important;
    line-height:1.055 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__name.csf-title{
    max-width:18ch !important;
    line-height:1.045 !important;
    letter-spacing:-.028em !important;
  }

  /* Marges internes des zones texte. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__body{
    gap:7px !important;
    padding-top:8px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mega__body{
    gap:7px !important;
    padding-top:8px !important;
    max-width:59% !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mega__top{
    max-width:59% !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__body{
    gap:7px !important;
  }

  /* Industrie : quelques pixels de plus côté texte. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mosaic__visual{
    width:52% !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie.has-illustration .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie.has-illustration .csf-domain-mega__top{
    max-width:50% !important;
  }

  /* CTA : rythme vertical final. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp span.csf-domain-mega__button.csf-button{
    position:relative;
    bottom:6px;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie span.csf-domain-mega__button.csf-button{
    position:relative;
    bottom:2px;
  }

  /* Compétences : fondu plus doux et zone texte légèrement mieux protégée. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mosaic__visual{
    width:41% !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mosaic__visual::before{
    background:linear-gradient(90deg,
      var(--csf-mosaic-surface) 0%,
      color-mix(in srgb,var(--csf-mosaic-surface) 96%,transparent) 24%,
      color-mix(in srgb,var(--csf-mosaic-surface) 66%,transparent) 44%,
      transparent 72%) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mega__desc.csf-text{
    max-width:31ch !important;
  }
}

@media (max-width:1024px){
  .csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--helmet{transform:scale(1.10) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--users{transform:scale(1.16) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--gear{transform:scale(1.13) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--industry{transform:scale(.99) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--forklift{transform:scale(1.21) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-icon-svg--shield{transform:scale(1.07) !important}
}

@media (prefers-reduced-motion:reduce){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--helmet,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--helmet{transform:scale(1.15) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--users,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--users{transform:scale(1.22) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--gear,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--gear{transform:scale(1.18) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--industry,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--industry{transform:scale(1) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--forklift,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--forklift{transform:scale(1.29) !important}
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:hover .csf-domain-icon-svg--shield,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card:focus-within .csf-domain-icon-svg--shield{transform:scale(1.10) !important}
}


/* ========================================================================== 
   V8.7.4.7.8 — Logistics Card Vertical Rhythm Fix
   Le CTA Logistique/Industrie reste associé au bloc éditorial au lieu d'être
   poussé artificiellement au bas de la carte par le margin-top:auto générique.
   ========================================================================== */
@media (min-width:1025px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mega__body{
    justify-content:flex-start !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique span.csf-domain-mega__button.csf-button{
    margin-top:18px !important;
    align-self:flex-start !important;
  }

  /* Garde de cohérence : même comportement si Industrie devient plus haute
     à cause d'une largeur Elementor plus étroite ou d'un texte légèrement long. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__body{
    justify-content:flex-start !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie span.csf-domain-mega__button.csf-button{
    margin-top:12px !important;
    align-self:flex-start !important;
  }
}

@media (min-width:768px) and (max-width:1024px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique span.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie span.csf-domain-mega__button.csf-button{
    margin-top:16px !important;
    align-self:flex-start !important;
  }
}


/* ========================================================================== 
   V8.7.4.7.9 — Card Vertical Rhythm Closure
   Ferme le rythme vertical sur BTP et Prévention selon la règle validée sur
   Logistique : titre → description → espace éditorial → CTA.
   ========================================================================== */
@media (min-width:1025px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention .csf-domain-mega__body{
    justify-content:flex-start !important;
  }

  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp span.csf-domain-mega__button.csf-button{
    margin-top:20px !important;
    align-self:flex-start !important;
  }

  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention span.csf-domain-mega__button.csf-button{
    margin-top:20px !important;
    align-self:flex-start !important;
  }

  /* Industrie : garde micro-calibrée sans modifier la hauteur de la carte. */
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__body{
    gap:6px !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie .csf-domain-mega__desc.csf-text{
    line-height:1.42 !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--industrie span.csf-domain-mega__button.csf-button{
    margin-top:10px !important;
  }
}

@media (min-width:768px) and (max-width:1024px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--btp span.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention a.csf-domain-mega__button.csf-button,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--prevention span.csf-domain-mega__button.csf-button{
    margin-top:16px !important;
    align-self:flex-start !important;
  }
}


/* ========================================================================== 
   V8.7.4.8.0 — Editorial Mosaic Image Width Harmonization
   La carte Logistique & transport reprend exactement la proportion visuelle
   validée sur Compétences transversales : 59 % éditorial / 41 % image.
   ========================================================================== */
@media (min-width:768px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences .csf-domain-mosaic__visual,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mosaic__visual{
    width:41% !important;
  }

  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences.has-illustration .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences.has-illustration .csf-domain-mega__top,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique.has-illustration .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique.has-illustration .csf-domain-mega__top{
    max-width:59% !important;
  }

  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mosaic__visual::before{
    background:linear-gradient(90deg,
      var(--csf-mosaic-surface) 0%,
      color-mix(in srgb,var(--csf-mosaic-surface) 96%,transparent) 24%,
      color-mix(in srgb,var(--csf-mosaic-surface) 66%,transparent) 44%,
      transparent 72%) !important;
  }

  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique .csf-domain-mosaic__visual img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* Sur mobile, les images restent en bandeau pleine largeur : pas de ratio 41/59. */
@media (max-width:767px){
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique.has-illustration .csf-domain-mosaic__visual,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences.has-illustration .csf-domain-mosaic__visual{
    width:calc(100% + 34px) !important;
  }
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique.has-illustration .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--logistique.has-illustration .csf-domain-mega__top,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences.has-illustration .csf-domain-mega__body,
  .csf-domain-mega--editorial_mosaic .csf-domain-mosaic__card--competences.has-illustration .csf-domain-mega__top{
    max-width:100% !important;
  }
}