/* Раздел «Фильмы» (/films) — по макету design/films.html */
.films .f-head{padding-top:clamp(100px,12vw,128px)}
.crumbs{display:flex;gap:8px;font-size:.85rem;color:var(--fg-3);margin-bottom:14px}
.crumbs a{color:var(--fg-3)}
.crumbs a:hover{color:var(--accent)}
.f-head h1{font:800 clamp(2.4rem,5vw,4rem)/1 var(--font-display);letter-spacing:-.05em}
.f-head .dek{font-size:1.1rem;color:var(--fg-2);max-width:60ch;margin-top:12px}

.entries{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px;margin-top:32px}
.ent{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);background:var(--card);padding:22px;display:grid;gap:8px;align-content:end;min-height:250px;color:var(--fg)}
.ent .k{font:600 .72rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.ent b{font:800 1.6rem/1.05 var(--font-display);letter-spacing:-.03em}
.ent .m{font-size:.85rem;color:var(--fg-2)}
.ent.big .bg{position:absolute;inset:0;z-index:-1}
.ent.big .bg picture,.ent.big .bg img{display:block;width:100%;height:100%;object-fit:cover}
.ent.big .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.15) 70%)}
.ent.big .txt{display:grid;gap:8px}
.ent.big b{font-size:clamp(1.8rem,3vw,2.5rem)}
.ent.big .k{color:#ffb3c1}
.go{justify-self:start;margin-top:6px;padding:10px 16px;border-radius:999px;background:var(--fg);color:#000;font:600 .88rem/1 var(--font-ui)}
.ent .posters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0}
.ent .posters picture,.ent .posters img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px}
.ent.top{background:linear-gradient(160deg,#2a2110,#151515 60%)}
.ent.top .n{position:absolute;right:18px;top:6px;font:800 7rem/1 var(--font-display);color:rgba(255,214,10,.16)}
.ent.top .tp{position:absolute;right:22px;top:40px;width:84px}
.ent.top .tp img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.6)}
.ent.top .k{color:var(--gold)}
.ent:hover b{color:var(--accent)}
@media (max-width:900px){.entries{grid-template-columns:minmax(0,1fr)}.ent{min-height:200px}}

.films .section{padding-top:56px}
.films .sec-head{align-items:end;margin-bottom:18px}
.films .sec-head h2{font:700 clamp(1.5rem,2.4vw,2rem)/1.1 var(--font-display);letter-spacing:-.03em}
.muted{color:var(--fg-3)}

.genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gt{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);height:140px;display:flex;align-items:end;padding:16px;background:var(--card);color:var(--fg)}
.gt picture,.gt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.gt::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.25))}
.gt b{display:block;font:800 1.35rem/1 var(--font-display)}
.gt-t span{font-size:.8rem;color:var(--fg-2)}
.gt:hover b{color:var(--accent)}
.soon{margin-top:14px;padding:14px 18px;border-radius:var(--r-md);background:linear-gradient(90deg,rgba(255,214,10,.14),rgba(255,214,10,.04));color:var(--fg-2);font-size:.92rem}
.soon::before{content:"TOP-100";margin-right:10px;font:700 .7rem/1 var(--font-ui);padding:5px 7px;border-radius:6px;background:rgba(255,214,10,.9);color:#000;vertical-align:1px}
@media (max-width:900px){.genres{grid-template-columns:repeat(2,minmax(0,1fr))}.gt{height:110px}}

.years-grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px}
.yr{padding:14px 10px;border-radius:var(--r-md);background:var(--card);display:grid;gap:4px;color:var(--fg)}
.yr b{font:800 1.2rem/1 var(--font-display)}
.yr span{font-size:.72rem;color:var(--fg-3)}
.yr.cur{background:var(--fg);color:#000}
.yr.cur span{color:rgba(0,0,0,.6)}
.yr:not(.cur):hover{background:var(--card-2)}
.decades{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:.88rem;color:var(--fg-3)}
.decades a{padding:8px 12px;border-radius:999px;background:var(--card);color:var(--fg-2)}
.decades a:hover{color:var(--fg)}
@media (max-width:1100px){.years-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:560px){.years-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.ftools{display:grid;gap:10px;margin-bottom:22px;padding:16px;border-radius:var(--r-lg);background:var(--card)}
.frow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ftools select{font:500 .9rem/1 var(--font-ui);color:var(--fg);background:rgba(255,255,255,.07);border:0;border-radius:999px;padding:11px 14px;max-width:100%}
.ftools select option{background:#1c1c1e}
.chk{display:flex;gap:8px;align-items:center;font-size:.9rem;color:var(--fg-2);padding:0 8px;cursor:pointer}
.seg{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.07)}
.seg a{padding:9px 14px;border-radius:999px;font:500 .88rem/1 var(--font-ui);color:var(--fg-2)}
.seg a[aria-current]{background:var(--fg);color:#000}
.apply{padding:10px 16px;border:0;border-radius:999px;background:var(--fg);color:#000;font:600 .88rem/1 var(--font-ui);cursor:pointer}
.active{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tag{padding:7px 11px;border-radius:999px;background:rgba(255,55,95,.18);color:#ff8fa3;font:600 .82rem/1 var(--font-ui)}
.active > a:not(.tag){font-size:.85rem;color:var(--fg-3)}

.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}
.yc{display:grid;gap:6px;align-content:start;color:var(--fg)}
.yc .img{position:relative;aspect-ratio:2/3;border-radius:var(--r-sm);overflow:hidden;background:var(--card)}
.yc .img picture,.yc .img img{display:block;width:100%;height:100%;object-fit:cover}
.yc .sc,.fl .sc{font:700 .78rem/1 var(--font-ui);padding:6px 8px;border-radius:8px;background:var(--fg);color:#000;font-variant-numeric:tabular-nums}
.yc .sc{position:absolute;left:8px;top:8px}
.yc b{font:700 .95rem/1.2 var(--font-display)}
.yc > span:last-child{font-size:.78rem;color:var(--fg-3)}
.yc:hover b,.fl:hover b{color:var(--accent)}
@media (max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.flist{display:grid}
.fl{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center;padding-block:12px;border-top:1px solid var(--line);color:var(--fg)}
.fl .img{width:56px;aspect-ratio:2/3;border-radius:6px;overflow:hidden;background:var(--card)}
.fl .img picture,.fl .img img{display:block;width:100%;height:100%;object-fit:cover}
.fl .t{display:grid;gap:3px}
.fl b{font:700 1.05rem/1.2 var(--font-display)}
.fl .o{font-size:.84rem;color:var(--fg-2)}
.fl .m{font-size:.84rem;color:var(--fg-3)}
.empty{color:var(--fg-2);padding:40px 0}

.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:36px}
.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;border-radius:999px;display:grid;place-items:center;font:600 .9rem/1 var(--font-ui);background:var(--card);color:var(--fg)}
.pager a:hover{background:var(--card-2)}
.pager [aria-current]{background:var(--fg);color:#000}
.pager .gap{background:none}
.films .sec-head .more{color:var(--fg-2);font:600 .92rem/1 var(--font-ui)}
.films .sec-head .more:hover{color:var(--accent)}
/* Страницы жанров */
.g-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.g-chips a{padding:8px 13px;border-radius:999px;background:var(--card);color:var(--fg-2);font:600 .85rem/1 var(--font-ui)}
.g-chips a:hover{color:var(--fg)}
.g-chips a[aria-current]{background:var(--fg);color:var(--bg)}
.genres.all{grid-template-columns:repeat(3,minmax(0,1fr))}
.genres.all .gt{height:170px}
@media (max-width:900px){.genres.all{grid-template-columns:repeat(2,minmax(0,1fr))}.genres.all .gt{height:120px}}