.book-carousel{gap:.5rem;width:100%;max-width:400px;margin:0 auto;position:relative}.book-carousel,.carousel-arrow{display:flex;align-items:center;justify-content:center}.carousel-arrow{width:40px;height:40px;border:none;background:hsla(30,53%,64%,.2);color:#d4a373;font-size:1.5rem;font-weight:300;border-radius:50%;cursor:pointer;transition:all .2s;flex-shrink:0}.carousel-arrow:hover{background:hsla(30,53%,64%,.4);transform:scale(1.1)}.carousel-arrow:active{transform:scale(.95)}.carousel-frame{width:280px;min-height:400px;align-items:center;flex-shrink:0}.carousel-content,.carousel-frame{display:flex;justify-content:center}.carousel-content{width:100%}.carousel-content .book-card,.carousel-content .shelf-book{width:100%;max-width:280px}.carousel-dots{position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.4rem}.carousel-dot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.3);cursor:pointer;transition:all .2s}.carousel-dot.active{background:#d4a373;transform:scale(1.3)}.carousel-dot:hover{background:hsla(0,0%,100%,.5)}@media (max-width:768px){.book-carousel{padding:0 .5rem}.carousel-arrow{width:36px;height:36px;font-size:2rem;line-height:1}.carousel-frame{width:240px;min-height:360px}}