.lf-recommendation-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px}
.lf-recommendation{min-width:0}
.lf-recommendation>a{display:block;position:relative;overflow:hidden;border-radius:5px;background:#101312;color:#fff}
.lf-recommendation>a:hover{text-decoration:none}
.lf-recommendation .lf-poster{border-radius:0}
.lf-recommendation .lf-poster-placeholder{color:#fff}
.lf-recommendation .lf-poster img{transition:transform .25s ease}
.lf-recommendation>a:hover img{transform:scale(1.035)}
.lf-recommendation-year{position:absolute;left:8px;top:8px;padding:2px 6px;border-radius:3px;background:var(--lf-accent);color:var(--lf-on-accent,#132007);font-size:12px;font-weight:750}
.lf-recommendation-caption{position:absolute;bottom:0;inset-inline:0;padding:36px 9px 10px;background:linear-gradient(transparent,#000e 45%,#000);color:#fff}
.lf-recommendation h3{font-size:14px;line-height:1.4;text-align:center;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.lf-recommendation-ratings{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 8px;font-size:12px;line-height:1.5;margin-top:7px}
.lf-recommendation-ratings:empty{display:none}
.lf-recommendation-ratings .lf-rating-kp{color:#ff8b35}.lf-recommendation-ratings .lf-rating-imdb{color:#f5c518}
@media(max-width:900px){.lf-recommendation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.lf-recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.lf-recommendation h3{font-size:14px}.lf-recommendation-ratings{font-size:12px}}
@media(prefers-reduced-motion:reduce){.lf-recommendation .lf-poster img{transition:none}.lf-recommendation>a:hover img{transform:none}}