/* COMPARALU — Aperçu accueil 2026. Chargé uniquement par accueil-design-preview.php
   Les textes, liens, formulaires et traitements existants sont inchangés. */
body.comparalu-accueil-apercu{background:#f6f8fa;color:#303841;font-family:Arial,"Helvetica Neue",sans-serif;}
body.comparalu-accueil-apercu .wrapper{width:min(1180px,calc(100% - 48px));max-width:1180px;box-sizing:border-box}














body.comparalu-accueil-apercu #site-content{padding:40px 0 55px}
body.comparalu-accueil-apercu #site-content .title-h{font-size:24px!important;line-height:1.3!important;color:#232d3c;font-weight:700;margin:0 0 24px}
body.comparalu-accueil-apercu #site-content .popular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 40px}
body.comparalu-accueil-apercu #site-content .popular-pod{float:none;clear:none;width:auto;margin:0!important;min-width:0;cursor:default}
body.comparalu-accueil-apercu #site-content .popular-pod .pod{height:auto;min-height:260px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8ecf1;border-radius:12px;background:#fff;box-shadow:0 8px 25px rgba(32,40,55,.055);transition:transform .16s,box-shadow .16s}
body.comparalu-accueil-apercu #site-content .popular-pod:hover{box-shadow:none;border:0}
body.comparalu-accueil-apercu #site-content .popular-pod:hover .pod{transform:translateY(-3px);box-shadow:0 12px 30px rgba(32,40,55,.12)}
body.comparalu-accueil-apercu #site-content .popular-pod .name{height:auto;line-height:1.3;text-align:left;padding:17px 18px 13px;color:#252e3b;font-size:19px;font-weight:700;order:2}
body.comparalu-accueil-apercu #site-content .popular-pod .image{height:150px;order:1;border:0;border-radius:0;flex:none}
body.comparalu-accueil-apercu #site-content .popular-pod a{order:3;display:block;margin:0 18px 18px;align-self:flex-start}
body.comparalu-accueil-apercu #site-content .popular-pod .bttn,body.comparalu-accueil-apercu #site-content .popular-pod:hover .bttn{position:static;display:inline-block;opacity:1;filter:none;margin:0;font-size:13px;line-height:1.3;border-radius:6px;padding:10px 13px;background:#c1272d;color:#fff}
body.comparalu-accueil-apercu #site-content .dynamic-row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:22px;align-items:start}
body.comparalu-accueil-apercu #site-content .dynamic-row .column-2,body.comparalu-accueil-apercu #site-content .dynamic-row .column-3{float:none;width:auto;min-width:0;margin:0;display:block}
body.comparalu-accueil-apercu #site-content .pod{border:1px solid #e9ebef;border-radius:12px;box-shadow:0 7px 24px rgba(25,35,45,.05);overflow:hidden}
body.comparalu-accueil-apercu #site-content .pod .pod-content{padding:27px 30px}
body.comparalu-accueil-apercu #site-content .pod-content h1,body.comparalu-accueil-apercu #site-content .pod-content h2{font-weight:750;color:#202a38;margin:18px 0 14px;line-height:1.35}
body.comparalu-accueil-apercu #site-content .pod-content h1{font-size:25px}
body.comparalu-accueil-apercu #site-content .pod-content h2{font-size:20px}
body.comparalu-accueil-apercu #site-content .pod-content p,body.comparalu-accueil-apercu #site-content .pod-content li{font-size:15px;line-height:1.75;color:#4a5564}
body.comparalu-accueil-apercu #site-content .pod-content p{margin:0 0 15px;text-align:left}
body.comparalu-accueil-apercu #site-content .pod-content a{color:#bd222c;text-underline-offset:3px}
body.comparalu-accueil-apercu #site-content .column-3>.pod{margin-bottom:19px}
body.comparalu-accueil-apercu #site-content .column-3>.pod img{display:block;max-width:100%;height:auto}
body.comparalu-accueil-apercu #side-4{background:#f7f8fa;padding:28px 0}
body.comparalu-accueil-apercu #side-4 .side-4-title{font-size:22px;line-height:1.4;font-weight:700;background:none;padding-left:0;border-color:#e3e5e9}
body.comparalu-accueil-apercu #site-footer{margin:0;border:0;background:#252b32;color:#d0d5db;padding:34px 0}
body.comparalu-accueil-apercu #site-footer a{color:#d0d5db}
body.comparalu-accueil-apercu #site-footer .li-title{color:#fff;font-weight:700}
body.comparalu-accueil-apercu #site-footer .site-footer-copyright{color:#c3c9d2}
@media(max-width:800px){
 body.comparalu-accueil-apercu .wrapper{width:auto!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}
 body.comparalu-accueil-apercu #site-content .popular{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
 body.comparalu-accueil-apercu #site-content .popular-pod .name{font-size:16px;padding:12px}
 body.comparalu-accueil-apercu #site-content .popular-pod .image{height:118px}
 body.comparalu-accueil-apercu #site-content .popular-pod a{margin:0 12px 12px}
 body.comparalu-accueil-apercu #site-content .popular-pod .bttn{font-size:12px!important;padding:9px}
 body.comparalu-accueil-apercu #site-content .dynamic-row{grid-template-columns:1fr}
 
 
 
 body.comparalu-accueil-apercu #site-content .pod .pod-content{padding:19px 16px}
}
@media(max-width:380px){body.comparalu-accueil-apercu #site-content .popular{grid-template-columns:1fr}}

/* V2 — hero reprenant UNIQUEMENT les textes actuellement présents dans le header,
   et image de fond existante. Aucun slogan ni CTA ajouté. */





 /* purely empty legacy image holder */
/* Strict six-card grid: overrides legacy floats, nth-child margins and positioning */
body.comparalu-accueil-apercu #site-content .popular{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:20px!important;align-items:stretch!important;grid-auto-flow:row!important;
}
body.comparalu-accueil-apercu #site-content .popular>.popular-pod,
body.comparalu-accueil-apercu #site-content .popular>.popular-pod:nth-child(n){
 display:block!important;float:none!important;clear:none!important;position:static!important;
 width:auto!important;max-width:none!important;min-width:0!important;
 grid-column:auto!important;grid-row:auto!important;margin:0!important;
 box-shadow:none!important;border:0!important;transform:none;
}
body.comparalu-accueil-apercu #site-content .popular>.popular-pod>.pod{
 display:flex!important;flex-direction:column!important;width:100%!important;min-height:0!important;height:100%!important;
 box-sizing:border-box;position:relative;overflow:hidden;
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .image{
 width:100%!important;height:175px!important;min-height:175px!important;
 background-position:center!important;background-size:cover!important;
 transition:transform .3s ease!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .name{
 box-sizing:border-box;min-height:64px!important;height:auto!important;flex:1 0 auto;
}
body.comparalu-accueil-apercu #site-content .popular-pod a{position:relative;z-index:2}
body.comparalu-accueil-apercu #site-content .popular-pod:hover>.pod,
body.comparalu-accueil-apercu #site-content .popular-pod:focus-within>.pod{
 transform:translateY(-5px)!important;box-shadow:0 17px 32px rgba(22,31,44,.16)!important;
 border-color:#d8b4b8!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod:hover .image{filter:brightness(1.04)}
body.comparalu-accueil-apercu #site-content .popular-pod:hover .bttn,
body.comparalu-accueil-apercu #site-content .popular-pod:focus-within .bttn{
 background:#a71924!important;box-shadow:0 4px 12px rgba(193,39,45,.19)!important;
}
@media(max-width:800px){
 
 
 body.comparalu-accueil-apercu #site-content .popular{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 body.comparalu-accueil-apercu #site-content .popular-pod .image{height:135px!important;min-height:135px!important}
}
@media(max-width:500px){
 
 
 body.comparalu-accueil-apercu #site-content .popular{grid-template-columns:minmax(0,1fr)!important}
}

/* V3 — Corrige les pseudo-éléments clearfix du thème 2015 :
   ils étaient comptés comme cellules CSS Grid et décalaient les cartes. */
body.comparalu-accueil-apercu #site-content .popular::before,
body.comparalu-accueil-apercu #site-content .popular::after{
 content:none!important;display:none!important;
}
body.comparalu-accueil-apercu #site-content .popular>.popular-pod{
 grid-column:auto!important;grid-row:auto!important;
}


/* V4 — Navigation rouge SOUS le bandeau, contenu et ordre des liens inchangés. */





/* Preserve existing responsive dropdown behavior; maintain red behind its links. */



/* V5 — Bandeau compact : hauteur plafond 325 px sur ordinateur, menu rouge dessous. */














/* V6 — Navigation répartie à largeur identique aux vignettes. */

/* V6 — Retour au style d'origine : titre, image, masque rouge au survol. */
body.comparalu-accueil-apercu #site-content .popular>.popular-pod>.pod{
 display:flex!important;flex-direction:column!important;position:relative!important;
 border:1px solid #e0e3e7!important;border-radius:7px!important;
 min-height:0!important;height:100%!important;background:#fff!important;
 box-shadow:0 2px 9px rgba(25,35,45,.075)!important;
 transform:none;transition:transform .2s ease,box-shadow .2s ease!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .name{
 order:1!important;flex:0 0 auto!important;box-sizing:border-box!important;
 margin:0!important;padding:12px 8px!important;min-height:60px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;background:#fff!important;color:#c91e2a!important;
 font-size:clamp(19px,1.6vw,26px)!important;font-weight:750!important;
 line-height:1.2!important;text-align:center!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .image{
 order:2!important;height:172px!important;min-height:172px!important;
 width:100%!important;flex:0 0 auto!important;background-position:center!important;
 background-size:cover!important;border:0!important;transition:filter .2s ease!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .pod>a{
 order:3!important;position:absolute!important;top:60px!important;left:0!important;
 width:100%!important;height:calc(100% - 60px)!important;
 margin:0!important;padding:0!important;z-index:3!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 color:#fff!important;text-decoration:none!important;
 background:rgba(200,28,42,0)!important;opacity:0!important;
 transition:opacity .18s ease,background-color .18s ease!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .pod>a .bttn,
body.comparalu-accueil-apercu #site-content .popular-pod:hover .pod>a .bttn{
 background:transparent!important;border:none!important;box-shadow:none!important;
 padding:0!important;margin:0!important;color:#fff!important;
 text-align:center!important;font-size:20px!important;line-height:1.3!important;
 font-weight:700!important;opacity:1!important;filter:none!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod:hover .pod>a,
body.comparalu-accueil-apercu #site-content .popular-pod .pod>a:focus-visible{
 background:rgba(200,28,42,.94)!important;opacity:1!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod:hover>.pod,
body.comparalu-accueil-apercu #site-content .popular-pod:focus-within>.pod{
 transform:translateY(-3px)!important;
 box-shadow:0 10px 23px rgba(25,35,45,.13)!important;
 border-color:#d6a1a6!important;
}
@media(max-width:800px){
 body.comparalu-accueil-apercu #site-content .popular-pod .name{
  min-height:50px!important;font-size:17px!important;padding:10px 6px!important;
 }
 body.comparalu-accueil-apercu #site-content .popular-pod .image{
  height:145px!important;min-height:145px!important;
 }
 body.comparalu-accueil-apercu #site-content .popular-pod .pod>a{
  top:50px!important;height:calc(100% - 50px)!important;
 }
}
/* Touch : the hover overlay is not relied upon for basic discoverability. */
@media(hover:none){
 body.comparalu-accueil-apercu #site-content .popular-pod .pod>a{
  opacity:1!important;background:transparent!important;
 }
 body.comparalu-accueil-apercu #site-content .popular-pod .pod>a .bttn{
  position:absolute!important;bottom:10px!important;right:10px!important;
  font-size:12px!important;padding:7px 10px!important;border-radius:4px!important;
  background:rgba(193,39,45,.95)!important;
 }
}


/* V7 — Finition plus fine et raffinée des six vignettes.
   Surcharge de la V6, sans modification HTML, texte ni liens. */
body.comparalu-accueil-apercu #site-content .title-h {
  font-size:20px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:-.012em!important;
  margin-bottom:21px!important;
}
body.comparalu-accueil-apercu #site-content .popular {
  gap:17px!important;
}
body.comparalu-accueil-apercu #site-content .popular>.popular-pod>.pod {
  border-color:#e6e8eb!important;
  border-radius:6px!important;
  box-shadow:0 2px 8px rgba(25,35,45,.045)!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .name {
  min-height:46px!important;
  padding:9px 8px!important;
  font-size:clamp(16px,1.3vw,21px)!important;
  font-weight:600!important;
  line-height:1.25!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .image {
  height:138px!important;
  min-height:138px!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .pod>a {
  top:46px!important;
  height:calc(100% - 46px)!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .pod>a .bttn,
body.comparalu-accueil-apercu #site-content .popular-pod:hover .pod>a .bttn {
  font-size:16px!important;
  font-weight:600!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod:hover .pod>a,
body.comparalu-accueil-apercu #site-content .popular-pod .pod>a:focus-visible {
  background:rgba(192,29,42,.77)!important;
  opacity:1!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod:hover>.pod,
body.comparalu-accueil-apercu #site-content .popular-pod:focus-within>.pod {
  transform:translateY(-2px)!important;
  box-shadow:0 8px 19px rgba(25,35,45,.10)!important;
  border-color:#e0c5c7!important;
}
@media(max-width:800px) {
  body.comparalu-accueil-apercu #site-content .title-h {font-size:18px!important}
  body.comparalu-accueil-apercu #site-content .popular-pod .name {
    min-height:42px!important;
    padding:8px 6px!important;
    font-size:16px!important;
  }
  body.comparalu-accueil-apercu #site-content .popular-pod .image {
    height:120px!important;
    min-height:120px!important;
  }
  body.comparalu-accueil-apercu #site-content .popular-pod .pod>a {
    top:42px!important;
    height:calc(100% - 42px)!important;
  }
}


/* V8 — Témoignages et pied de page. Purement visuel, ancien carrousel préservé. */
body.comparalu-accueil-apercu #side-4 {
 background:#f5f7f9!important;
 padding:42px 0 48px!important;
}
body.comparalu-accueil-apercu #side-4 .side-4-bottom {
 background:none!important;
 padding:0!important;
}
body.comparalu-accueil-apercu #side-4 .side-4-title {
 background:none!important;
 border:0!important;
 margin:0 0 24px!important;
 padding:0 0 12px!important;
 text-transform:uppercase!important;
 font-size:20px!important;
 font-weight:650!important;
 line-height:1.3!important;
 letter-spacing:.02em!important;
 color:#bd2530!important;
 border-bottom:1px solid #e2e5e9!important;
}
body.comparalu-accueil-apercu #side-4 #ca-container {
 margin:0 auto!important;
 width:min(100%,1060px)!important;
 height:245px!important;
 box-sizing:border-box!important;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item {height:100%!important;}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main {
 top:4px!important;bottom:4px!important;left:9px!important;right:9px!important;
 background:#fff!important;
 border:1px solid #e4e7eb!important;
 border-radius:9px!important;
 padding:24px 25px!important;
 box-shadow:0 3px 15px rgba(20,30,40,.045)!important;
 box-sizing:border-box!important;
 overflow:auto!important;
 scrollbar-width:thin;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main-title {
 font-size:17px!important;
 font-weight:650!important;
 line-height:1.35!important;
 color:#bf2630!important;
 margin-bottom:8px!important;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main div {
 font-size:14px!important;
 line-height:1.65!important;
 color:#465160!important;
 margin-bottom:10px!important;
 text-align:left!important;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main div:last-child {
 font-size:14px!important;
 line-height:1.65!important;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-nav .ca-nav-prev,
body.comparalu-accueil-apercu #side-4 #ca-container .ca-nav .ca-nav-next {
 opacity:.72;
 transition:opacity .2s ease,transform .2s ease;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-nav span:hover{opacity:1;}

body.comparalu-accueil-apercu #site-footer {
 background:#242a31!important;
 color:#c9d0d8!important;
 padding:0!important;
 margin:0!important;
}
body.comparalu-accueil-apercu #site-footer>.wrapper {
 width:min(1180px,calc(100% - 48px))!important;
 max-width:1180px!important;
 padding:42px 0 36px!important;
}
body.comparalu-accueil-apercu #site-footer .site-footer-links {
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:20px!important;
 margin:0!important;
 padding:0!important;
 list-style:none!important;
}
body.comparalu-accueil-apercu #site-footer .site-footer-links li {
 float:none!important;
 width:auto!important;
 border-right:0!important;
 border-left:1px solid rgba(255,255,255,.12)!important;
 padding:0 0 0 21px!important;
 box-sizing:border-box!important;
}
body.comparalu-accueil-apercu #site-footer .site-footer-links li:first-child {border-left:0!important;padding-left:0!important;}
body.comparalu-accueil-apercu #site-footer .site-footer-links .li-title {
 text-align:left!important;
 color:#f5f6f7!important;
 text-transform:uppercase!important;
 font-size:13px!important;
 font-weight:650!important;
 letter-spacing:.065em!important;
 line-height:1.4!important;
 padding:0 0 13px!important;
 margin:0 0 3px!important;
}
body.comparalu-accueil-apercu #site-footer .site-footer-links a {
 display:block!important;
 width:max-content;
 max-width:100%;
 text-align:left!important;
 color:#bfc8d2!important;
 font-size:13px!important;
 font-weight:400!important;
 line-height:1.55!important;
 text-decoration:none!important;
 padding:5px 0!important;
 transition:color .15s ease!important;
}
body.comparalu-accueil-apercu #site-footer .site-footer-links a:hover,
body.comparalu-accueil-apercu #site-footer .site-footer-links a:focus-visible {color:#fff!important;text-decoration:underline!important;text-underline-offset:3px;}
body.comparalu-accueil-apercu #site-footer .site-footer-copyright {
 background:#1f252b!important;
 color:#aeb8c3!important;
 border-top:1px solid rgba(255,255,255,.09)!important;
 font-size:12px!important;
 line-height:1.5!important;
 padding:14px 12px!important;
 text-align:center!important;
}
@media(max-width:800px){
 body.comparalu-accueil-apercu #side-4 {padding:30px 0 35px!important;}
 body.comparalu-accueil-apercu #side-4 #ca-container {height:280px!important;max-width:100%!important;}
 body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main {padding:18px!important;}
 body.comparalu-accueil-apercu #site-footer>.wrapper {width:auto!important;padding:30px 18px!important;}
 body.comparalu-accueil-apercu #site-footer .site-footer-links {grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:28px!important;}
 body.comparalu-accueil-apercu #site-footer .site-footer-links li:nth-child(odd) {border-left:0!important;padding-left:0!important;}
}
@media(max-width:450px){
 body.comparalu-accueil-apercu #side-4 #ca-container {height:305px!important;}
 body.comparalu-accueil-apercu #site-footer .site-footer-links{grid-template-columns:1fr!important;gap:20px!important;}
 body.comparalu-accueil-apercu #site-footer .site-footer-links li {border:0!important;padding-left:0!important;}
}


/* V9: cartes d'avis raffinées et rapprochement avec le bloc précédent */
body.comparalu-accueil-apercu #site-content{padding-bottom:8px!important}
body.comparalu-accueil-apercu #side-4{padding-top:14px!important;padding-bottom:31px!important;background:#f6f8fa!important}
body.comparalu-accueil-apercu #side-4 .side-4-title{margin:0 0 16px!important;padding:0 0 10px!important;font-size:19px!important;font-weight:650!important;letter-spacing:.015em!important}
body.comparalu-accueil-apercu #side-4 #ca-container{height:274px!important;width:min(100%,1120px)!important;margin:0 auto!important}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main{
 top:4px!important;right:8px!important;bottom:4px!important;left:8px!important;
 background:#fff!important;border:1px solid #e3e8ee!important;border-radius:13px!important;
 box-shadow:0 4px 13px rgba(20,35,55,.045)!important;padding:20px 24px 17px!important;
 overflow:auto!important;text-align:left!important;
}
body.comparalu-accueil-apercu #side-4 .ca-review-avatar{
 display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;
 width:39px;height:39px;min-width:39px;border-radius:50%;
 background:#f7e6e8;color:#bf2630;font-size:17px;font-weight:700;
 margin:0 11px 11px 0;float:left;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main-title{
 padding-top:4px!important;margin:0 0 3px!important;
 color:#253042!important;font-size:16px!important;font-weight:700!important;
 text-align:left!important;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main>div:nth-of-type(2){
 font-size:12px!important;color:#7b8492!important;line-height:1.4!important;margin:0 0 24px!important;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main>div:nth-of-type(3){
 clear:both!important;position:relative;padding-left:19px!important;margin:0!important;
 color:#435061!important;font-size:14px!important;line-height:1.62!important;
 font-style:italic!important;text-align:left!important;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main>div:nth-of-type(3):before{
 content:"“";position:absolute;left:0;top:-10px;color:#d7a5aa;
 font:34px Georgia,serif;
}
body.comparalu-accueil-apercu #side-4 #ca-container .ca-nav .ca-nav-prev,
body.comparalu-accueil-apercu #side-4 #ca-container .ca-nav .ca-nav-next{opacity:.65!important}
@media(max-width:800px){
 body.comparalu-accueil-apercu #side-4{padding-top:12px!important}
 body.comparalu-accueil-apercu #side-4 #ca-container{height:300px!important}
 body.comparalu-accueil-apercu #side-4 #ca-container .ca-item-main{padding:17px 18px!important}
}
@media(max-width:450px){body.comparalu-accueil-apercu #side-4 #ca-container{height:330px!important}}

/* V10 — Avis d'origine présentés en trois cartes, sans photos, étoiles ni prix */
body.comparalu-accueil-apercu #side-4{background:#fff!important;padding:21px 0 30px!important}
body.comparalu-accueil-apercu #side-4 .side-4-title{font-size:20px!important;letter-spacing:0!important;color:#242e3c!important;text-transform:none!important;border:0!important;margin-bottom:14px!important}
body.comparalu-accueil-apercu #side-4 .ca-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
body.comparalu-accueil-apercu #side-4 .ca-review-card{background:white;border:1px solid #e5e9ee;border-radius:12px;box-shadow:0 3px 12px rgba(25,37,50,.055);padding:20px 20px 22px;min-width:0;box-sizing:border-box}
body.comparalu-accueil-apercu #side-4 .ca-review-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
body.comparalu-accueil-apercu #side-4 .ca-review-monogram{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border-radius:50%;background:#f9e9ea;color:#b9212a;font-weight:650;font-size:19px}
body.comparalu-accueil-apercu #side-4 .ca-review-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
body.comparalu-accueil-apercu #side-4 .ca-review-meta strong{font-size:15px;color:#252c37;font-weight:650;line-height:1.25}
body.comparalu-accueil-apercu #side-4 .ca-review-meta span{font-size:12px;color:#717b88;line-height:1.4}
body.comparalu-accueil-apercu #side-4 .ca-review-quote{position:relative;margin:0;padding-left:22px;font-size:13px;line-height:1.65;color:#465365;font-style:normal;text-align:left}
body.comparalu-accueil-apercu #side-4 .ca-review-quote:before{content:"“";position:absolute;left:0;top:-9px;font:32px Georgia,serif;color:#da6169}
body.comparalu-accueil-apercu #side-4 .ca-review-quote p{margin:0 0 8px}
body.comparalu-accueil-apercu .ca-local-zones{background:#f7f9fb;padding:29px 0 33px;border-top:1px solid #edf0f4}
body.comparalu-accueil-apercu .ca-zones-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
body.comparalu-accueil-apercu .ca-zones-heading h2{margin:0;color:#252e3d;font-size:20px;font-weight:650;line-height:1.3}
body.comparalu-accueil-apercu .ca-zones-heading a{font-size:12px;color:#bf202a!important;text-decoration:none;border:1px solid #d8adb2;border-radius:5px;padding:9px 12px;white-space:nowrap}
body.comparalu-accueil-apercu .ca-zones-heading a:hover{text-decoration:underline}
body.comparalu-accueil-apercu .ca-local-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}
body.comparalu-accueil-apercu .ca-local-links a{font-size:13px;color:#4d5a69!important;text-decoration:none;line-height:1.5}
body.comparalu-accueil-apercu .ca-local-links a:before{content:"•";margin-right:8px;color:#c1272d}
body.comparalu-accueil-apercu .ca-local-links a:hover{text-decoration:underline;color:#b91e2a!important}
@media(max-width:900px){body.comparalu-accueil-apercu #side-4 .ca-reviews-grid{grid-template-columns:1fr 1fr}body.comparalu-accueil-apercu .ca-local-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){body.comparalu-accueil-apercu #side-4 .ca-reviews-grid{grid-template-columns:1fr}body.comparalu-accueil-apercu #side-4 .ca-review-card{padding:18px}body.comparalu-accueil-apercu .ca-zones-heading{align-items:flex-start;flex-direction:column}body.comparalu-accueil-apercu .ca-local-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2026-10-23 — Accueil desktop : restaurer les formulaires lateraux 328px.
   Le visuel de fond et les champs sont concus pour 328px, ne pas les couper. */
@media (min-width:801px){
  body.comparalu-accueil-apercu #site-content .dynamic-row{
    grid-template-columns:minmax(0,1fr) 328px;
  }
  body.comparalu-accueil-apercu #site-content .dynamic-row .column-3{
    width:328px!important;min-width:328px!important;max-width:328px!important;
  }
  body.comparalu-accueil-apercu #site-content .dynamic-row .column-3>.pod{
    width:328px;max-width:328px;box-sizing:border-box;
  }
  body.comparalu-accueil-apercu #site-content .dynamic-row .column-3 form#jeu,
  body.comparalu-accueil-apercu #site-content .dynamic-row .column-3 form#rappel{
    width:328px;max-width:328px;box-sizing:content-box;
    background-size:328px auto;
  }
}

/* 2026-10-23 — Centrage du libelle au survol des vignettes accueil.
   Regles limitees a l'accueil : aucun effet sur les grilles ou la sidebar. */
body.comparalu-accueil-apercu #site-content .popular-pod .pod > a {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body.comparalu-accueil-apercu #site-content .popular-pod .pod > a .bttn {
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  line-height:1.35!important;
  margin:0!important;
  padding:0 12px!important;
  transform:none!important;
  text-align:center!important;
}
/* Les regles tactiles deja presentes gardent leur priorite de placement. */
@media (hover:none) {
  body.comparalu-accueil-apercu #site-content .popular-pod .pod > a .bttn {
    position:absolute!important;
    bottom:10px!important;right:10px!important;
    width:auto!important;
    padding:7px 10px!important;
    background:rgba(193,39,45,.95)!important;
    font-size:12px!important;
  }
}

/* 29/10/2026 : header d'accueil allégé — séparateurs discrets. */




/* 29/10/2026 — harmonisation du bandeau accueil avec les pages intérieures.
   Leur bandeau a une hauteur minimale de 275 px ; l'accueil avait 325 px. */


/* 29/10/2026 — Correction du double retrait horizontal sur l'accueil.
   .header-title porte déjà la classe .wrapper : neutraliser sa largeur
   contrainte avant d'appliquer l'espacement horizontal du hero. */


/* 29/10/2026 — Header commun : l'accueil utilise les mêmes règles que les pages intérieures.
   Cette section neutralise uniquement les surcharges du header dans le CSS d'accueil. */