/* Cover Flow des avis (portage vanilla du composant « Cover Flow ») : la pochette du centre de face,
   les autres tournées en perspective, posées sur le fond de la page (même couleur, pas de scène). */
.cf-section .section-heading{display:block;text-align:center;margin-bottom:34px}
.cf-section .section-heading .eyebrow{justify-content:center}
.cf-section .testimonial-privacy{margin:0 auto 26px;text-align:center}
.cf{position:relative;width:100%;height:min(760px,78vh);outline:none;-webkit-tap-highlight-color:transparent}
.cf:focus-visible .cf-scene{outline:2px solid var(--gold);outline-offset:6px;border-radius:12px}
.cf-scene{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;perspective:1400px;perspective-origin:50% 45%}
.cf-scene.saisie{cursor:grabbing}
.cf-pochette{position:absolute;left:0;top:0;margin:0;padding:0;border:0;background:transparent;transform-origin:50% 50%;will-change:transform;cursor:pointer;display:block;transform-style:preserve-3d}
.cf-pochette img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;pointer-events:none;user-select:none;-webkit-user-drag:none;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.cf-pochette .cf-voile{position:absolute;inset:0;border-radius:6px;background:linear-gradient(180deg,transparent 34%,var(--ink) 98%);opacity:0;pointer-events:none}
.cf-pochette:focus-visible{outline:none}
.cf-bord{position:absolute;top:0;bottom:0;width:12%;pointer-events:none;z-index:3000}
.cf-bord.g{left:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(11,16,26,.6) 40%,transparent 100%)}
.cf-bord.d{right:0;background:linear-gradient(270deg,var(--ink) 0%,rgba(11,16,26,.6) 40%,transparent 100%)}
.cf-legende{position:absolute;left:0;right:0;bottom:6px;text-align:center;pointer-events:none;z-index:3001;transition:opacity .25s}
.cf-legende strong{display:block;font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.15;color:var(--ivory);letter-spacing:-.2px}
.cf-legende span{display:block;margin-top:6px;font-size:10px;letter-spacing:2px;color:var(--gold);font-variant-numeric:tabular-nums}
.cf-controles{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}
.cf-controles span{font-size:11px;letter-spacing:2px;color:var(--gold);font-variant-numeric:tabular-nums;min-width:62px;text-align:center}
.cf-indice{margin-top:12px;text-align:center;font-size:11px;color:#8d97a7}
@media(max-width:760px){.cf{height:min(430px,60vh)}.cf-legende strong{font-size:18px}.cf-bord{width:8%}}
