/* SensuLibre v148 — publicité sous le hero, rangée compacte homogène. */

/* La grande photo d'accueil reste désormais totalement libre de publicité. */
.slm-pro-hero > .slm8-site-panel--home{display:none!important}

/* Quatre petites cartes centrées, jamais plus grandes que le panneau publicitaire. */
.slm-proof-strip.slm18-proof-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,258px))!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:18px!important;
  padding:18px clamp(14px,3vw,42px)!important;
  background:#f3f0ef!important;
  border-top:1px solid #ebe3e0!important;
  border-bottom:1px solid #e7dfdc!important;
}
.slm-proof-strip.slm18-proof-strip>.slm18-proof-slot{
  width:100%!important;
  max-width:258px!important;
  height:146px!important;
  min-height:146px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  display:block!important;
  text-align:left!important;
  background:transparent!important;
}

/* Le panneau publicitaire garde exactement son gabarit compact, mais devient un élément normal de la rangée. */
.slm18-proof-strip .slm8-site-panel--home{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  top:auto!important;
  left:auto!important;
  order:initial!important;
  align-self:auto!important;
  width:100%!important;
  max-width:258px!important;
  height:146px!important;
  margin:0!important;
  border-radius:16px!important;
  box-shadow:0 12px 30px rgba(48,30,37,.12)!important;
}

/* Cartes fonctionnelles : même largeur/hauteur, même présence visuelle que la publicité. */
.slm18-info-card{
  width:100%;
  height:100%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px 17px;
  border:1px solid rgba(123,47,76,.14);
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#fbf5f7);
  box-shadow:0 12px 30px rgba(48,30,37,.07);
  color:#30252a;
}
.slm18-info-card>i{
  width:42px;
  height:42px;
  min-width:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#8b3154;
  color:#fff;
  font:normal 18px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.slm18-info-copy{
  min-width:0;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.slm18-proof-strip .slm18-info-copy strong{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:none!important;
  color:#30252a!important;
  font:750 14px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.slm18-proof-strip .slm18-info-copy small{
  display:block!important;
  color:#807278!important;
  font:500 10px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.slm18-info-copy>em{
  display:block;
  width:100%;
  height:1px;
  margin:3px 0 2px;
  background:#eadde1;
}
.slm18-proof-strip .slm18-visio-title{font-size:12px!important;color:#6f2945!important}
.slm18-info-card--chat{padding-top:14px;padding-bottom:14px}

/* Tablette : deux par ligne, toujours au même gabarit. */
@media(max-width:1120px){
  .slm-proof-strip.slm18-proof-strip{grid-template-columns:repeat(2,minmax(0,258px))!important}
}

/* Téléphone : une carte par ligne. On ne rétrécit pas la publicité à 196x112. */
@media(max-width:620px){
  .slm-proof-strip.slm18-proof-strip{
    grid-template-columns:minmax(0,258px)!important;
    gap:11px!important;
    padding:14px!important;
  }
  .slm-proof-strip.slm18-proof-strip>.slm18-proof-slot{
    width:min(258px,calc(100vw - 28px))!important;
    max-width:258px!important;
    height:146px!important;
    min-height:146px!important;
    border-bottom:0!important;
  }
  .slm18-proof-strip .slm8-site-panel--home{
    width:100%!important;
    max-width:258px!important;
    height:146px!important;
    margin:0!important;
    border-radius:16px!important;
  }
  .slm18-proof-strip .slm8-site-panel__slide>a,
  .slm18-proof-strip .slm8-site-panel__nolink{
    grid-template-rows:88px minmax(0,1fr)!important;
  }
  .slm18-proof-strip .slm8-site-panel__media{height:88px!important}
  .slm18-proof-strip .slm8-site-panel__badge{top:7px!important;left:8px!important;padding:4px 8px!important;font-size:7px!important}
  .slm18-proof-strip .slm8-site-panel__copy{padding:8px 42px 7px 10px!important}
  .slm18-proof-strip .slm8-site-panel__copy strong{font-size:14px!important}
  .slm18-proof-strip .slm8-site-panel__copy small{font-size:8px!important}
}