.su-bib{--larg:clamp(200px, 17vw, 260px);width:100%;padding-bottom:40px;overflow:clip visible;container-type:inline-size}.su-bib__scene{height:calc(var(--larg) * 1.62);perspective:1500px;perspective-origin:50% 40%;outline-offset:6px;position:relative}.su-bib__scene:focus-visible{outline:2px solid var(--su-ambre-clair)}.su-bib__livre{width:var(--larg);height:calc(var(--larg) * 1.42);margin-left:calc(var(--larg) / -2);background:linear-gradient(135deg, color-mix(in srgb, var(--teinte) 82%, #fff), var(--teinte) 55%, color-mix(in srgb, var(--teinte) 70%, #000));color:#fffdf9;text-align:left;cursor:pointer;transform-style:preserve-3d;transform-origin:50% 100%;transform:translateX(calc(var(--x) * var(--larg))) translateZ(calc(var(--d) * var(--larg) * -.3)) rotateY(calc(var(--r) * 1deg));filter:brightness(calc(1 - var(--d) * .17));transition:transform .7s var(--su-pose), filter .5s;border:0;border-radius:3px 8px 8px 3px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 18px 16px 26px;text-decoration:none;display:flex;position:absolute;top:0;left:50%;box-shadow:0 30px 40px #02081280,inset -2px 0 #ffffff1f}.su-bib__livre[data-centre="1"]{box-shadow:0 40px 60px #02081299, 0 0 0 2px var(--su-ambre), inset -2px 0 0 #ffffff2e}.su-bib__livre:focus-visible{outline:2px solid var(--su-ambre-clair);outline-offset:3px}.su-bib__dos{background:linear-gradient(90deg,#00000059,#ffffff1a 60%,#0000);border-radius:3px 0 0 3px;width:14px;position:absolute;top:0;bottom:0;left:0}.su-bib__tranche{background:repeating-linear-gradient(#f4efe4 0 2px,#d8d0bd 2px 3px);border-radius:0 3px 3px 0;width:5px;position:absolute;top:3px;bottom:3px;right:-5px}.su-bib__rayon{letter-spacing:.1em;text-transform:uppercase;color:#fffdf9d1;font-size:.6875rem}.su-bib__pic{background:#fffdf929;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.su-bib__pic svg{width:28px;height:28px}.su-bib__titre{font-family:var(--su-font-display), sans-serif;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:clamp(1.02rem,1.25vw,1.2rem);font-weight:700;line-height:1.16;display:-webkit-box;overflow:hidden}.su-bib__pied{color:#fffdf9cc;margin-top:auto;font-size:.6875rem}.su-bib__etagere{left:-8%;right:-8%;top:calc(var(--larg) * 1.42);transform-origin:50% 0;background:linear-gradient(#a9743c,#6c4620);border-radius:2px;height:18px;position:absolute;transform:translateZ(0)rotateX(78deg);box-shadow:0 30px 40px #0208128c}.su-bib__commandes{justify-content:center;align-items:center;gap:18px;margin-top:12px;display:flex}.su-bib__fleche{border:1px solid color-mix(in srgb, var(--su-graphite) 60%, transparent);min-width:48px;min-height:48px;color:var(--su-ivoire);cursor:pointer;background:0 0;border-radius:50%;font-size:1.2rem}.su-bib__fleche:hover:not(:disabled),.su-bib__fleche:focus-visible{border-color:var(--su-ambre);color:var(--su-ambre-clair)}.su-bib__fleche:disabled{opacity:.35;cursor:default}.su-bib__compte,.su-bib__vide{color:var(--su-texte-doux)}@media (prefers-reduced-motion:no-preference){.su-bib__livre[data-centre="1"]{animation:6s ease-in-out infinite su-bib-flotte}}@keyframes su-bib-flotte{50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.su-bib__livre{transition-duration:.01ms}}@media (max-width:767px){.su-bib{--larg:min(54vw, 230px)}}