/* Fiches trottinettes PromoRider (généré par generer-fiches.py) */
.fiche{padding-top:18px;padding-bottom:48px}
.fiche h1{font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.15;margin:.2em 0 .5em}
.fiche h2{font-size:1.3rem;margin:0 0 .6em}
.fiche section{margin:22px 0}
.fiche .panel{padding:22px}
.fiche-fil{font-size:.9rem;color:var(--muted)}
.fiche-fil a{color:var(--muted)}
.fiche-haut{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
.fiche-haut .card{margin:0}
.fiche-media .media img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.fiche-offre .body{display:flex;flex-direction:column;gap:14px}
.fiche-texte p{line-height:1.65;max-width:75ch}
.fiche-table{overflow-x:auto}
.fiche-table table{width:100%;border-collapse:collapse}
.fiche-table th,.fiche-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.fiche-table th{color:var(--muted);font-weight:500;width:45%}
.fiche-yt{position:relative;display:block;width:100%;max-width:720px;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--radius);overflow:hidden;background:#000;cursor:pointer}
.fiche-yt img{width:100%;height:100%;object-fit:cover;opacity:.85}
.fiche-yt .play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:var(--orange);color:var(--on-accent);display:grid;place-items:center;font-size:28px}
.fiche-video iframe{width:100%;max-width:720px;aspect-ratio:16/9;border:0;border-radius:var(--radius)}
.fiche-faq{border-bottom:1px solid var(--line);padding:12px 0}
.fiche-faq summary{cursor:pointer;font-weight:600}
.fiche-faq p{margin:.6em 0 0;color:var(--muted);line-height:1.6}
.fiche-proches{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.fiche-proche{display:flex;gap:12px;align-items:center;padding:12px;color:inherit;text-decoration:none}
.fiche-proche img{width:72px;height:72px;object-fit:contain;flex:none}
.fiche-proche>span{display:flex;flex-direction:column;gap:2px;font-size:.92rem}
.fiche-proche:hover{border-color:var(--orange)}
.fiche-sommaire a{margin-right:4px}
.fiche .fiche-h3{font-size:1.15rem;margin:0}
.fiche .grid{margin-top:18px}
.fiche-avis .hearts{font-size:1.4rem;color:var(--orange);margin:0}
@media (max-width:760px){.fiche-haut{grid-template-columns:1fr}}