/* ===== 06 — Pour qui ? (grille sobre de 5 cartes) ===== */
.s-cibles{padding:clamp(56px,8vw,104px) 0}
.s-cibles__head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:clamp(28px,4vw,48px)}
.s-cibles__title{max-width:820px;text-wrap:balance}
.s-cibles__lead{margin:0 auto}

.s-cibles__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.s-cibles__card{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  padding:12px 12px 18px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);
  transition:translate .25s ease,box-shadow .25s ease
}
.s-cibles__card:hover,.s-cibles__card:focus-within{translate:0 -2px;box-shadow:var(--shadow)}
.s-cibles__pill{order:2;margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.s-cibles__dot{width:8px;height:8px;border-radius:50%;background:var(--orange-2)}
.s-cibles__ill{order:1;width:100%;height:auto;aspect-ratio:4/3;padding:8px 10px 2px;border-radius:var(--radius-s);background:#fdf3e6}
.s-cibles__hook{order:3;font-size:17px;line-height:1.2;letter-spacing:-.02em}
.s-cibles__sub{order:4;font-size:13.5px;color:var(--ink-2);line-height:1.4}
.s-cibles__cta{order:5;margin-top:auto;padding-top:10px;font-size:14px;font-weight:600;color:var(--blue)}
.s-cibles__cta::after{content:" →"}
.s-cibles__cta:hover{text-decoration:underline;text-underline-offset:3px}
.s-cibles__cta:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}

/* survol : une seule petite animation par illustration (pas de boucle) */
.s-cibles__ill g{transform-box:fill-box;transition:transform .45s var(--ease)}
.s-cibles__a-wrench{transform-origin:100% 0}
.s-cibles__card:hover .s-cibles__a-wrench{transform:rotate(-14deg)}
.s-cibles__card:hover .s-cibles__c-bag{transform:translateY(-4px)}
.s-cibles__g-bars{transform-origin:50% 100%}
.s-cibles__card:hover .s-cibles__g-bubble{transform:translateY(-4px)}
.s-cibles__card:hover .s-cibles__r-steam{transform:translateY(-4px)}
.s-cibles__card:hover .s-cibles__i-steam{transform:translateY(-4px)}

@media (max-width:1100px) and (min-width:761px){
  .s-cibles__grid{grid-template-columns:repeat(6,1fr)}
  .s-cibles__card{grid-column:span 2}
  .s-cibles__card[data-i="3"]{grid-column:2 / span 2}
}

/* mobile : défilement horizontal contenu (scroll-snap) */
@media (max-width:760px){
  .s-cibles__grid{
    display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) 8px;
    scroll-padding:0 var(--gutter);scrollbar-width:none
  }
  .s-cibles__grid::-webkit-scrollbar{display:none}
  .s-cibles__card{flex:0 0 min(68vw,240px);scroll-snap-align:start}
  .s-cibles__card:hover{translate:none;box-shadow:none}
}