.related-carousel{--per-view:6;--related-gap:28px;padding-bottom:100px}.related-carousel .section-head{align-items:center}.related-controls{display:flex;gap:10px;flex-shrink:0}.related-controls button{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:23px;line-height:1}.related-controls button:hover{background:var(--wine);color:var(--paper)}.related-controls button:disabled{opacity:.45}.related-carousel.carousel-ready .related-viewport{overflow:hidden;padding-block:4px}.related-carousel.carousel-ready .related-track{display:flex;gap:var(--related-gap);will-change:transform}.related-carousel.carousel-ready .book-card{flex:0 0 calc((100% - (var(--per-view) - 1)*var(--related-gap))/var(--per-view));min-width:0;opacity:1;transform:none;transition:none}.related-carousel .book-card:focus-within{outline-offset:-2px}.related-carousel .book-card a:focus-visible{outline-offset:-3px}.related-carousel .book-card button:focus-visible{outline-offset:-3px}
@media(max-width:1150px){.related-carousel{--per-view:4}}
@media(max-width:760px){.related-carousel{--per-view:2;--related-gap:16px;padding-bottom:65px}.related-carousel .section-head{align-items:flex-end;gap:12px}.related-carousel .section-head h2{font-size:31px;max-width:230px}.related-controls{gap:6px}.related-controls button{width:36px;height:36px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.related-carousel.carousel-ready .related-track{will-change:auto}}