.extraits{flex-direction:column;gap:12px;display:flex}.extraits-cadre{background:#f1eae0;border:1px solid #e3ddd2;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 44px #1a17141f}.extraits-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.extraits-rail::-webkit-scrollbar{display:none}.extraits-slide{scroll-snap-align:start;flex:0 0 100%}.extraits-vue{aspect-ratio:3/4;cursor:zoom-in;background:#f1eae0;border:0;width:100%;padding:0;display:block;position:relative}.extraits-loupe{color:#4b433c;font-family:var(--font-typewriter);letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;background:#fff9f2f0;border:1px solid #e3ddd2;border-radius:999px;padding:5px 10px;font-size:10px;transition:opacity .2s;position:absolute;bottom:12px;right:12px}.extraits-vue:hover .extraits-loupe,.extraits-vue:focus-visible .extraits-loupe{opacity:1}.extraits-etiquette{color:#fff9f2;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;background:#d92323;border-radius:0 0 14px;padding:7px 16px 8px;font-size:15px;line-height:1;position:absolute;top:0;left:0}.extraits-fleche{color:#1a1714;cursor:pointer;background:#fff9f2f0;border:1px solid #e3ddd2;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s,transform .2s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.extraits-fleche:hover{background:#fff9f2;transform:translateY(-50%)scale(1.06)}.extraits-fleche:disabled{opacity:0;pointer-events:none}.extraits-fleche-gauche{left:12px}.extraits-fleche-droite{right:12px}.extraits-vignettes{gap:8px;display:flex}.extraits-vignette{aspect-ratio:3/4;opacity:.6;cursor:pointer;background:#f1eae0;border:1px solid #e3ddd2;border-radius:8px;flex:none;width:62px;padding:0;transition:opacity .2s,border-color .2s;position:relative;overflow:hidden}.extraits-vignette:hover{opacity:.85}.extraits-vignette.est-actif{opacity:1;border-color:#d92323;box-shadow:0 0 0 1px #d92323}.extraits-legende{color:#6b635a;font-family:var(--font-typewriter);letter-spacing:.02em;margin:0;font-size:12px}.extraits-plein{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0a09ed;place-items:center;padding:28px 16px;display:grid;position:fixed;inset:0}.extraits-plein-figure{max-width:min(640px,92vw);margin:0}.extraits-plein-image{object-fit:contain;border-radius:6px;width:100%;height:auto;max-height:84vh;box-shadow:0 30px 70px #0000008c}.extraits-plein-legende{text-align:center;color:#cfc7bb;font-family:var(--font-typewriter);letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:12px}.extraits-fermer{color:#fff9f2;cursor:pointer;background:#fff9f21f;border:0;border-radius:50%;width:40px;height:40px;font-size:18px;line-height:1;transition:background .2s;position:absolute;top:18px;right:20px}.extraits-fermer:hover{background:#fff9f238}.extraits-plein-fleche{color:#fff9f2;cursor:pointer;background:#fff9f21f;border:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.extraits-plein-fleche:hover{background:#fff9f238}@media (max-width:768px){.extraits-vignette{width:52px}.extraits-plein-fleche{width:38px;height:38px}.extraits-fleche-gauche,.extraits-plein-fleche.extraits-fleche-gauche{left:8px}.extraits-fleche-droite,.extraits-plein-fleche.extraits-fleche-droite{right:8px}}.fiche-contenu{min-width:0}@media (min-width:768px){.fiche-achat{align-self:start;position:sticky;top:104px}}