.cinema-section{border-top:1px solid var(--line)}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.film-card{min-width:0}
.film-media{position:relative;aspect-ratio:16/9;background:var(--deep);overflow:hidden}
.film-poster{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:var(--deep)}
.film-poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.film-poster:hover img{transform:scale(1.035)}
.film-poster:focus-visible{outline-offset:-4px}
.film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;background:#121936d9;border:1px solid #fff9;border-radius:50%;color:white;font:20px Arial}
.film-duration{position:absolute;bottom:10px;inset-inline-end:10px;padding:2px 7px;background:#080c20db;font:12px/1.6 Arial;color:white}
.film-media iframe{position:absolute;inset:0;border:0;width:100%;height:100%}
.film-category{font-size:.68rem;color:var(--lavender);margin-top:16px}
.film-card h3{margin:6px 0 12px}
.film-description{font-size:.9rem;line-height:1.9}
.film-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:16px}
.film-actions button{padding:0 0 5px;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--lavender);font:inherit;font-size:.82rem}
.film-actions .film-close{color:var(--cyan);border-bottom-color:var(--cyan)}
.film-external{display:inline-block;font-size:.72rem;color:var(--muted);margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.cinema-playlist{display:inline-block;margin-top:28px}
@media(max-width:850px){.film-grid{grid-template-columns:1fr;gap:28px}.film-description{max-width:700px}.film-media{max-width:700px}}