/* =========================================================================
   LPP — Gabarit propre a la page d'accueil
   Bandes pleine largeur en alternance, plutot que la colonne editoriale
   des pages de contenu.
   ========================================================================= */

.lpp-home-page .lpp-band{padding:64px 0}
.lpp-home-page .lpp-band--tint{background:var(--lpp-bg);border-top:1px solid var(--lpp-line);
  border-bottom:1px solid var(--lpp-line)}
.lpp-home-page .lpp-band--dark{background:var(--lpp-ink);color:#fff}
.lpp-home-page .lpp-band--flush{padding-top:0}
.lpp-wrap{max-width:1120px;margin:0 auto;padding:0 24px}

.lpp-band h2{font-family:var(--lpp-display);font-weight:700;
  font-size:clamp(25px,3.1vw,34px);line-height:1.16;letter-spacing:-.012em;
  margin:0 0 10px;color:var(--lpp-ink)}
.lpp-band--dark h2{color:#fff}
.lpp-band > .lpp-wrap > p.lpp-bandlede{margin:0 0 32px;max-width:62ch;
  font-size:17px;line-height:1.6;color:var(--lpp-ink-2)}
.lpp-band--dark > .lpp-wrap > p.lpp-bandlede{color:#D3DBD6}
.lpp-eyebrow-c{font-family:var(--lpp-display);font-weight:600;font-size:12px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--lpp-green-dark);margin:0 0 12px}
.lpp-band--dark .lpp-eyebrow-c{color:#7fd7a8}

/* --- Bandeau de reassurance sous le hero -------------------------------- */
/* Quatre preuves en grille, memes proportions que la barre de faits du bandeau.
   Fond teinte pour se detacher du hero (blanc) et de la bande suivante (blanche). */
.lpp-trust{background:var(--lpp-bg);border-bottom:1px solid var(--lpp-line)}
.lpp-trust ul{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:0}
.lpp-trust li{display:grid;grid-template-columns:22px 1fr;column-gap:12px;align-items:start;
  padding:20px 24px 20px 0;margin:0;position:relative;min-width:0;align-content:start;
  font-family:var(--lpp-sans);font-size:14px;line-height:1.4;color:var(--lpp-ink-2)}
.lpp-trust li+li{padding-left:24px}
.lpp-trust li+li::after{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;
  background:var(--lpp-line)}
.lpp-trust li::before{content:"";grid-row:1/3;width:22px;height:22px;border-radius:50%;
  margin-top:1px;background:var(--lpp-green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.3l3 3 6-6.6' fill='none' stroke='%23147a46' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}
.lpp-trust li b{display:block;font-family:var(--lpp-display);font-weight:600;font-size:15px;
  line-height:1.25;color:var(--lpp-ink);margin-bottom:2px}
.lpp-trust li span{display:block}
.lpp-trust li a{color:var(--lpp-green-dark);font-weight:600;text-decoration:underline;
  text-decoration-color:rgba(20,122,70,.35);text-underline-offset:3px;text-decoration-thickness:1px;
  transition:text-decoration-color .15s}
.lpp-trust li a:hover,.lpp-trust li a:focus-visible{text-decoration-color:var(--lpp-green-dark)}
.lpp-trust li a svg{display:inline-block;vertical-align:-1px;margin-left:3px;transition:transform .15s}
.lpp-trust li a:hover svg{transform:translateX(2px)}
@media(max-width:1100px){
  .lpp-trust ul{grid-template-columns:repeat(2,1fr)}
  .lpp-trust li{padding:16px 20px 16px 0}
  .lpp-trust li:nth-child(2n+1){padding-left:0}
  .lpp-trust li:nth-child(2n){padding-left:20px}
  .lpp-trust li:nth-child(2n+1)::after{display:none}
  .lpp-trust li:nth-child(n+3){border-top:1px solid var(--lpp-line)}
}
@media(max-width:560px){
  .lpp-trust ul{grid-template-columns:1fr}
  .lpp-trust li,.lpp-trust li:nth-child(2n){padding:13px 0}
  .lpp-trust li::after{display:none!important}
  .lpp-trust li+li{border-top:1px solid var(--lpp-line)}
}

/* --- Par ou commencer : 3 portes d'entree -------------------------------- */
.lpp-doors{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:820px){.lpp-doors{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lpp-door{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lpp-line);
  border-radius:14px;padding:26px 24px 22px;text-decoration:none;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.lpp-door:hover{border-color:var(--lpp-green);transform:translateY(-2px);
  box-shadow:0 10px 26px -18px rgba(20,122,70,.55)}
.lpp-door:focus-visible{outline:2px solid var(--lpp-green);outline-offset:3px}
.lpp-door i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;
  border-radius:10px;background:var(--lpp-green-soft,#e8f5ee);margin-bottom:16px}
.lpp-door i svg{width:20px;height:20px;stroke:var(--lpp-green-dark);fill:none;stroke-width:1.8}
.lpp-door b{font-family:var(--lpp-display);font-weight:600;font-size:18px;color:var(--lpp-ink);
  margin-bottom:7px;line-height:1.3}
.lpp-door span{font-size:14.5px;line-height:1.55;color:var(--lpp-ink-2);margin-bottom:16px}
.lpp-door em{font-style:normal;margin-top:auto;font-family:var(--lpp-display);font-weight:600;
  font-size:14px;color:var(--lpp-green-dark)}
.lpp-door em::after{content:" ›"}

/* --- Bande sombre : le prix reel ----------------------------------------- */
.lpp-pricegrid{display:grid;grid-template-columns:1fr;gap:0;
  border:1px solid #3d3d3d;border-radius:14px;overflow:hidden;background:#1f1f1f}
@media(min-width:760px){.lpp-pricegrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lpp-pricecell{padding:24px;border-bottom:1px solid #3d3d3d}
@media(min-width:760px){
  .lpp-pricecell{border-bottom:0;border-right:1px solid #3d3d3d}
  .lpp-pricecell:last-child{border-right:0}}
.lpp-pricecell p.k{margin:0 0 12px;font-family:var(--lpp-display);font-weight:600;font-size:12px;
  letter-spacing:.09em;text-transform:uppercase;color:#9fb3a8}
.lpp-pricecell p.v{margin:0 0 4px;font-family:var(--lpp-display);font-weight:700;
  font-size:30px;line-height:1.1;color:#fff}
.lpp-pricecell p.v small{font-family:var(--lpp-sans);font-weight:400;font-size:14px;color:#cfd6d2}
.lpp-pricecell ul{list-style:none;margin:14px 0 0;padding:0}
.lpp-pricecell li{font-size:14px;line-height:1.5;color:#cfd6d2;padding:4px 0 4px 16px;position:relative}
.lpp-pricecell li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;
  border-radius:50%;background:#4fb783}
.lpp-priceafter{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center}
.lpp-priceafter p{margin:0;max-width:56ch;font-size:15px;line-height:1.6;color:#cfd6d2}
.lpp-priceafter a{flex:none;background:#fff;color:var(--lpp-ink);font-family:var(--lpp-display);
  font-weight:600;font-size:15px;text-decoration:none;border-radius:10px;padding:13px 24px;
  min-height:46px;display:inline-flex;align-items:center}
.lpp-priceafter a:hover{background:#eaf3ee}
.lpp-priceafter a:focus-visible{outline:2px solid #7fd7a8;outline-offset:3px}

/* --- Cartes matériel enrichies ------------------------------------------ */
.lpp-matgrid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.lpp-matgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.lpp-matgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lpp-mat{background:#fff;border:1px solid var(--lpp-line);border-radius:12px;padding:20px;
  text-decoration:none;display:block;transition:border-color .15s ease,background .15s ease}
.lpp-mat:hover{border-color:var(--lpp-green);background:#f8fcfa}
.lpp-mat:focus-visible{outline:2px solid var(--lpp-green);outline-offset:3px}
.lpp-mat b{display:block;font-family:var(--lpp-display);font-weight:600;font-size:16.5px;
  color:var(--lpp-ink);margin-bottom:6px}
.lpp-mat span{display:block;font-size:14px;line-height:1.5;color:var(--lpp-ink-2)}

/* --- Cartes editoriales : ce que les autres ne disent pas ---------------- */
.lpp-edgrid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:900px){.lpp-edgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lpp-ed{background:#fff;border:1px solid var(--lpp-line);border-left:3px solid var(--lpp-green);
  border-radius:0 12px 12px 0;padding:22px 22px 20px;text-decoration:none;display:flex;
  flex-direction:column;transition:box-shadow .15s ease}
.lpp-ed:hover{box-shadow:0 8px 24px -18px rgba(40,40,40,.5)}
.lpp-ed:focus-visible{outline:2px solid var(--lpp-green);outline-offset:3px}
.lpp-ed strong{display:block;font-family:var(--lpp-display);font-weight:700;font-size:22px;
  color:var(--lpp-green-dark);margin-bottom:8px;line-height:1.15}
.lpp-ed b{display:block;font-family:var(--lpp-display);font-weight:600;font-size:16px;
  color:var(--lpp-ink);margin-bottom:8px;line-height:1.35}
.lpp-ed span{display:block;font-size:14.5px;line-height:1.55;color:var(--lpp-ink-2);margin-bottom:14px}
.lpp-ed em{font-style:normal;margin-top:auto;font-family:var(--lpp-display);font-weight:600;
  font-size:14px;color:var(--lpp-green-dark)}
.lpp-ed em::after{content:" ›"}

/* --- Colonne de lecture pour la prose conservee -------------------------- */
.lpp-home-page .lpp-read{max-width:44rem;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.lpp-home-page .lpp-read h2,.lpp-home-page .lpp-read h3{max-width:100%}

@media(max-width:640px){
  .lpp-home-page .lpp-band{padding:44px 0}
  .lpp-pricecell p.v{font-size:26px}
}

/* --- Questions structurees : reponse a gauche, points a droite ----------- */
.lpp-qa{display:grid;grid-template-columns:1fr;gap:22px 44px;
  padding:28px 0;border-top:1px solid var(--lpp-line)}
@media(min-width:900px){.lpp-qa{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.lpp-qa > h3{grid-column:1/-1;font-family:var(--lpp-display);font-weight:600;
  font-size:21px;line-height:1.25;color:var(--lpp-ink);margin:0}
.lpp-qa__a p{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--lpp-ink-2)}
.lpp-qa__a p:last-child{margin-bottom:0}
.lpp-qa__a p strong{color:var(--lpp-ink);font-weight:700}
.lpp-qa__k{background:var(--lpp-bg);border:1px solid var(--lpp-line);border-radius:12px;
  padding:18px 20px;align-self:start}
.lpp-qa__k p.t{margin:0 0 12px;font-family:var(--lpp-display);font-weight:600;font-size:12px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--lpp-green-dark)}
.lpp-qa__k ul{list-style:none;margin:0;padding:0}
.lpp-qa__k li{position:relative;padding:0 0 11px 22px;font-size:14.5px;line-height:1.5;
  color:var(--lpp-ink-2)}
.lpp-qa__k li:last-child{padding-bottom:0}
.lpp-qa__k li b{color:var(--lpp-ink);font-weight:600}
.lpp-qa__k li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;
  border-radius:2px;background:var(--lpp-green)}
.lpp-qa__k a{color:var(--lpp-green-dark);font-weight:600}

/* --- Rythme vertical dans les bandes ------------------------------------- */
.lpp-home-page .lpp-band .lpp-b.lpp-section{padding-top:0;padding-bottom:0}
.lpp-home-page .lpp-band .lpp-b.lpp-section + .lpp-b.lpp-section{padding-top:26px}
.lpp-home-page .lpp-band .lpp-b.lpp-section + .lpp-b.lpp-section:has(> h2){padding-top:52px}

/* --- Grille comparative pleine largeur ----------------------------------- */
.lpp-home-page .lpp-band .lpp-tablewrap{max-width:none;margin-top:8px}