.shs-slider{--shs-accent:#24b4c8;--shs-gap:24px;width:100%;min-width:0;margin:0 0 24px;box-sizing:border-box}
.shs-slider .shs-track{display:flex;gap:var(--shs-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;align-items:stretch;overscroll-behavior-x:contain;direction:ltr}
.shs-slider.shs-ready .shs-track{scrollbar-width:none}
.shs-slider.shs-ready .shs-track::-webkit-scrollbar{display:none}
.shs-slider .shs-slide{flex:0 0 calc((100% - var(--shs-gap))/2);min-width:0;max-width:none;box-sizing:border-box;scroll-snap-align:start;overflow-wrap:anywhere}
.shs-slider .shs-slide img{max-width:100%;height:auto}
/* Support the two-column HTML visible in the original Slide Anything editor. */
.shs-slider .shs-slide>.row{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0;width:100%}
.shs-slider .shs-slide>.row::before,.shs-slider .shs-slide>.row::after{display:none}
.shs-slider .shs-slide>.row>[class*="col-"]{float:none;position:static;flex:0 0 50%;width:50%;max-width:50%;min-width:0;padding:0 12px;box-sizing:border-box;text-align:center}
.shs-slider .shs-slide>.row>[class*="col-"] img{display:block;margin:0 auto 12px;max-height:300px;width:auto;max-width:100%;object-fit:contain}
.shs-slider .shs-slide [id="livre-titre"],.shs-slider .shs-slide .livre-titre{font-weight:700;font-style:italic;line-height:1.4;margin:12px 0 6px;text-align:center}
.shs-slider .shs-slide [id="livre-auteur"],.shs-slider .shs-slide .livre-auteur{line-height:1.4;margin:0 0 12px;text-align:center}
.shs-slider .shs-dots{display:flex;justify-content:center;gap:4px;margin-top:16px}
.shs-slider .shs-dots[hidden]{display:none}
.shs-slider .shs-dot{display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer}
.shs-slider .shs-dot::before{content:"";width:15px;height:15px;background:#ccc;border-radius:50%}
.shs-slider .shs-dot[aria-current="true"]::before{background:var(--shs-accent)}
.shs-slider :is(.shs-dot,.shs-track):focus-visible{outline:2px solid #087b8b;outline-offset:2px}
.shs-slider .shs-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){.shs-slider .shs-slide{flex-basis:100%}.shs-slider .shs-slide>.row>[class*="col-"]{padding:0 10px}}
