/* LPE 2.39 — accueil : CTA mieux placés + rail horizontal mobile des 9 portes */

/* Hero : les actions appartiennent au message principal, pas à la note éditoriale. */
.lpe-v233-hero__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:24px 0 0;
}
.lpe-v233-hero__actions .lpe-button{
  min-height:50px;
  padding-inline:20px;
}
.lpe-v233-hero__actions .lpe-button--primary{min-width:178px}
.lpe-v233-hero__actions .lpe-button--ghost{min-width:205px}
.lpe-v233-proofline{margin:12px 0 0}
.lpe-v233-hero__conviction{
  margin:clamp(26px,3.2vw,38px) 0 0;
  max-width:680px;
}

/* CTA du teaser : alignement plus net avec le contenu. */
.lpe-v233-compare-teaser__actions{
  align-self:center;
  justify-self:end;
  width:min(290px,100%);
}
.lpe-v233-compare-teaser__actions .lpe-button{width:100%;justify-content:center;text-align:center}

.lpe-v239-mobile-swipe-hint{display:none}

@media (max-width:980px){
  .lpe-v233-compare-teaser__actions{justify-self:start;width:auto}
}

@media (max-width:720px){
  .lpe-v233-hero__actions{
    display:grid;
    grid-template-columns:1fr;
    width:min(100%,360px);
    gap:9px;
    margin-top:22px;
  }
  .lpe-v233-hero__actions .lpe-button{
    width:100%;
    min-width:0;
    min-height:52px;
    justify-content:center;
    text-align:center;
  }
  .lpe-v233-proofline{max-width:360px;margin-top:10px}
  .lpe-v233-hero__conviction{margin-top:24px;max-width:96%}

  /* 9 portes : une carte + une partie de la suivante, swipe horizontal. */
  .lpe-v233-concret .lpe-wrap{overflow:visible}
  .lpe-v239-mobile-swipe-hint{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin:-8px 0 14px;
    color:#9fb2ca;
    font-size:.69rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    transition:opacity .2s ease;
  }
  .lpe-v239-mobile-swipe-hint b{font-size:1rem;color:#fff}
  .lpe-v239-mobile-swipe-hint.is-used{opacity:.3}
  .lpe-v233-concret__grid{
    display:flex;
    grid-template-columns:none;
    gap:12px;
    width:calc(100vw - max(14px, env(safe-area-inset-right)));
    margin-right:calc(50% - 50vw);
    padding:0 max(22vw,70px) 14px 0;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-left:0;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    touch-action:pan-x pan-y;
  }
  .lpe-v233-concret__grid::-webkit-scrollbar{display:none}
  .lpe-v233-concret__card{
    flex:0 0 min(64vw,300px);
    width:min(64vw,300px);
    min-width:min(64vw,300px);
    aspect-ratio:1/1;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    border-radius:20px;
  }
  .lpe-v233-concret__card>span{left:15px;right:15px;bottom:14px}
}

@media (max-width:430px){
  .lpe-v233-concret__card{
    flex-basis:66vw;
    width:66vw;
    min-width:66vw;
  }
}

@media (prefers-reduced-motion:reduce){
  .lpe-v239-mobile-swipe-hint{transition:none}
  .lpe-v233-concret__grid{scroll-behavior:auto}
}