/* Avis de la communauté : marquee double rangée. Tokens du site uniquement. */
.m7a{background:var(--surf);color:var(--ink);padding-block:var(--sec,clamp(100px,11vw,170px));overflow:hidden}
.m7a-head{max-width:1480px;margin:0 auto;padding-inline:var(--pad,clamp(16px,4vw,56px));display:grid;gap:18px;margin-bottom:clamp(36px,4.5vw,64px)}
.m7a-lbl{font-size:13px;line-height:1.25;text-transform:uppercase;letter-spacing:.16em}
.m7a-title{margin:0;font-family:var(--f-d);font-weight:400;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;font-size:clamp(40px,6vw,96px);overflow-wrap:break-word;max-width:20ch}
.m7a-intro{margin:0;font-size:clamp(18px,1.7vw,24px);line-height:1.35;max-width:52ch}
.m7a-demo{margin:0;display:inline-block;justify-self:start;background:var(--emph);color:var(--deep);font-size:14px;line-height:1.35;padding:10px 14px;border-radius:4px}
.m7a-tools{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:6px}
.m7a-btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-b);font-size:17px;line-height:1.1;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:4px;padding:16px 24px;text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s}
.m7a-btn:hover,.m7a-btn:focus-visible{background:var(--ink);color:var(--canvas)}
.m7a-btn .m7a-arr{display:inline-block;transition:transform .25s}
.m7a-btn:hover .m7a-arr{transform:translateX(6px)}
.m7a-pause{font-family:var(--f-b);font-size:14px;line-height:1.1;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);padding:6px 0;cursor:pointer}
.m7a-pause:hover{border-bottom-width:2px}
.m7a :focus-visible{outline:2px solid var(--ink);outline-offset:4px}

.m7a-rows{display:grid;gap:clamp(14px,1.6vw,22px)}
.m7a-row{overflow:hidden;display:flex;width:100%}
.m7a-g{flex:0 0 auto;display:flex;gap:clamp(14px,1.6vw,22px);padding-right:clamp(14px,1.6vw,22px);animation:m7a-x var(--m7a-dur,60s) linear infinite;will-change:transform}
.m7a-row.rev .m7a-g{animation-direction:reverse}
@keyframes m7a-x{to{transform:translateX(-100%)}}
.m7a-row:hover .m7a-g,.m7a-row:focus-within .m7a-g,.m7a.paused .m7a-g{animation-play-state:paused}

.m7a-card{flex:0 0 auto;width:clamp(260px,26vw,360px);display:flex;flex-direction:column;gap:14px;background:var(--canvas);border:1px solid var(--rule);border-radius:4px;padding:22px 22px 18px}
.m7a-who{display:flex;align-items:center;gap:12px}
.m7a-av{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--emph);color:var(--deep);display:grid;place-items:center;font-family:var(--f-d);font-size:20px;line-height:1;overflow:hidden}
.m7a-av img{width:100%;height:100%;object-fit:cover}
.m7a-nm{display:grid;gap:2px;min-width:0}
.m7a-name{font-size:17px;line-height:1.2}
.m7a-city{font-size:14px;line-height:1.2;color:var(--rule)}
.m7a-stars{display:flex;gap:3px;color:var(--accent);line-height:0}
.m7a-stars svg{width:18px;height:18px;display:block}
.m7a-txt{margin:0;font-size:16px;line-height:1.5;flex:1 1 auto}
.m7a-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;line-height:1.2;color:var(--rule)}
.m7a-src{letter-spacing:.04em}
.m7a-ex{display:inline-block;background:var(--emph);color:var(--deep);font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.14em;padding:7px 8px;border-radius:4px}

/* Mode statique : grille (reduced-motion, peu d'avis) */
.m7a.static .m7a-rows{max-width:1480px;margin:0 auto;padding-inline:var(--pad,clamp(16px,4vw,56px));grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.m7a.static .m7a-row{display:contents}
.m7a.static .m7a-g{display:contents;animation:none}
.m7a.static .m7a-card{width:auto}
@media (prefers-reduced-motion:reduce){
  .m7a-g{animation:none !important}
  .m7a-btn,.m7a-btn .m7a-arr{transition:none}
}
@media (max-width:560px){.m7a-card{width:min(78vw,300px);padding:18px 18px 16px}.m7a-btn{padding:15px 20px}}