/* A recommendation banner is an item in the same scroll region as its books. */
.bg-discovery .cover-stage>.book-save{width:44px;height:44px;display:grid;place-items:center;inset:auto;top:8px;right:8px;z-index:2;opacity:1}
.bg-discovery .cover-stage>.cover-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.bg-discovery .book-save:focus-visible,.bg-discovery .cover-link:focus-visible{outline:3px solid #dba94d;outline-offset:3px}
.bg-discovery .recommend-layout{display:block;min-width:0}
.bg-discovery .recommend-panel .recommendation-rail{--recommend-card-width:min(72vw,260px);--recommend-art-width:min(76vw,280px);display:flex;gap:18px;align-items:stretch;padding:3px 2px 12px;scroll-padding-inline:2px}
.bg-discovery .recommendation-rail>.book-card{flex:0 0 var(--recommend-card-width);min-width:0;margin:0}
.bg-discovery .recommend-panel .recommend-art{display:block;position:relative;flex:0 0 var(--recommend-art-width);min-width:0;min-height:380px;margin:0;padding:0;overflow:hidden;border:1px solid #bfd6ed;border-radius:22px;background:#eaf5fc;scroll-snap-align:start}
.bg-discovery .recommend-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.bg-discovery .recommend-art>span{position:absolute;top:24px;left:24px;right:12px;font-size:23px;font-weight:800;line-height:1.35;letter-spacing:-.4px;color:#292d82;text-shadow:0 2px 0 #f3cc79}
.bg-discovery .recommend-art em{font-style:normal;font-size:25px;color:inherit}
.bg-discovery .recommend-panel .cover-stage>.book-save{top:3px;right:3px;width:44px;height:44px}
.bg-discovery .recommend-panel .carousel-arrow{top:35%}
@media(min-width:700px){.bg-discovery .recommend-panel .recommendation-rail{--recommend-card-width:clamp(185px,20vw,248px);--recommend-art-width:clamp(250px,26vw,320px);gap:20px}.bg-discovery .recommend-panel .recommend-art{min-height:440px}}
@media(max-width:500px){.bg-discovery .recommend-panel .section-heading{flex-wrap:wrap}.bg-discovery .recommend-panel .shuffle-button{min-height:44px}.bg-discovery .recommend-art>span{font-size:22px;left:22px}}