/* Compact shelves: three columns on phones, six on wide screens. */
.suggestions.search-recommendations{margin-top:20px}
.recommend-heading{margin-bottom:10px}
.recommend-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;gap:16px 10px;margin:0;padding:0;list-style:none}
.recommend-list li{min-width:0}
.recommend-list .recommend-card{--promo-base:#173d2e;--cover-width:70px;position:relative;isolation:isolate;display:block;height:198px;min-height:0;padding:0;border:0;border-radius:11px;background:transparent;color:#fff;overflow:visible;box-shadow:none;text-decoration:none}
.recommend-card[data-tone=plum]{--promo-base:#4c3048}.recommend-card[data-tone=blue]{--promo-base:#213c52}.recommend-card[data-tone=brown]{--promo-base:#493e2d}
.recommend-card::before{content:'';position:absolute;inset:28px 0 0;z-index:-2;border-radius:11px;background:var(--promo-base);box-shadow:0 4px 9px #12281c18,inset 0 1px 0 #ffffff30;transition:box-shadow .18s ease}
.recommend-list .recommend-card:hover::before{box-shadow:0 7px 13px #12281c2b,inset 0 1px 0 #ffffff50}
.recommend-list .recommend-card:focus-visible{outline:3px solid var(--link);outline-offset:4px}
.recommend-visual{position:absolute;top:0;left:0;right:0;height:100px;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}
.recommend-visual::after{content:'';position:absolute;left:22%;right:22%;bottom:1px;height:7px;background:#0008;border-radius:50%;filter:blur(5px);z-index:-1}
.recommend-card .recommend-cover{position:relative;z-index:1;display:block;width:90px;height:100px;max-width:100%;object-fit:contain;object-position:center bottom;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 4px 2px #08130c55);mask-image:linear-gradient(#000 0%,#000 94%,transparent 100%);transition:transform .18s ease;transform-origin:center bottom}
.recommend-card:hover .recommend-cover{transform:translateY(-2px)}
.recommend-card[data-presentation=poster] .recommend-cover,.recommend-card[data-presentation=book] .recommend-cover{width:var(--cover-width);height:94px;margin-bottom:3px;border-radius:2px;mask-image:none;transform:perspective(400px) rotateY(-15deg) rotateZ(-3deg);box-shadow:3px 2px 0 #c9d4d6,5px 3px 0 #16252a;filter:drop-shadow(3px 5px 3px #0006)}
.recommend-card[data-presentation=book] .recommend-cover{transform:perspective(350px) rotateY(-22deg) rotateZ(-4deg);border-left:3px solid #ffffff26;box-shadow:1px 0 0 #26362b,3px 1px 0 #e7e1d3,5px 2px 0 #faf6e9,7px 3px 0 #23372e}
.recommend-card[data-presentation=poster]:hover .recommend-cover,.recommend-card[data-presentation=book]:hover .recommend-cover{transform:perspective(400px) rotateY(-8deg) rotateZ(-2deg) translateY(-2px)}
.recommend-card .recommend-rank{position:absolute;top:35px;left:6px;z-index:3;display:grid;place-items:center;width:auto;min-width:17px;height:18px;padding:1px 4px;border-radius:4px;background:#06160fbd;color:#fff!important;font-size:10px;font-weight:700;line-height:1}
.recommend-card .recommend-copy{position:absolute;top:103px;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0}
.recommend-card .recommend-category{position:absolute;right:-1px;top:-24px;padding:1px 4px;border-radius:3px;background:#07160fb8;color:#fff;font-size:9px;line-height:14px;letter-spacing:0}
.recommend-card .recommend-text{display:block;flex:none;min-width:0;white-space:normal;overflow:visible;font-weight:400}
.recommend-card .recommend-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:18px;font-weight:750;color:#fff;letter-spacing:0}
.recommend-card .recommend-tagline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:11px;line-height:15px;margin-top:2px;color:#f3f6ee}
.recommend-card .recommend-description{display:none}
.recommend-card .recommend-download{display:flex;align-items:center;justify-content:center;flex:none;min-height:28px;margin-top:auto;padding:3px 4px;border:1px solid #efffd46b;border-radius:5px;background:#d7efb7;color:#17351e;font-size:11px;line-height:20px;font-weight:750;white-space:nowrap;box-shadow:0 2px 0 #0002}
.recommend-list .recommend-card:hover .recommend-download{background:#e6f6d1;color:#17351e}
.recommend-list .recommend-card:hover .recommend-text,.recommend-list .recommend-card:hover .recommend-name,.recommend-list .recommend-card:hover .recommend-tagline{text-decoration:none}
.search-recommendations .recommend-swap{min-height:44px}
@media(min-width:641px){.recommend-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.recommend-list .recommend-card{height:206px}.recommend-visual{height:108px}.recommend-card .recommend-cover{height:108px;width:99px}.recommend-card .recommend-copy{top:111px}.recommend-card[data-presentation=poster] .recommend-cover,.recommend-card[data-presentation=book] .recommend-cover{height:100px;width:74px}}
@media(min-width:1000px){.recommend-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px}}
@media(max-width:350px){.recommend-list{gap:14px 8px}.recommend-card .recommend-copy{left:6px;right:6px}.recommend-card .recommend-name{font-size:12px}.recommend-card .recommend-tagline{font-size:10px;line-height:14px}.recommend-card .recommend-download{font-size:11px}}
@media(prefers-reduced-motion:reduce){.recommend-card::before,.recommend-card .recommend-cover{transition:none}.recommend-card:hover .recommend-cover{transform:none}}