/* «Список фильмов года» (/films/2026) — по макету design/films-year.html; общее (сетка, список, страницы) — в films.css */
.y-hero{padding:clamp(100px,12vw,140px) 0 8px;background:radial-gradient(1200px 400px at 70% -10%,rgba(255,55,95,.22),transparent 60%),radial-gradient(900px 400px at 0% 0%,rgba(94,92,230,.18),transparent 60%)}
.y-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:end}
.y-hero h1{font:800 clamp(2.4rem,5.6vw,4.6rem)/.98 var(--font-display);letter-spacing:-.05em}
.y-hero h1 em{font-style:normal;color:var(--accent)}
.y-hero .kicker{font:600 .8rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.y-hero .dek{font-size:1.1rem;color:var(--fg-2);max-width:56ch;margin-top:16px}
.y-hero .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.y-hero .stat{padding:16px 18px;border-radius:var(--r-md);background:rgba(255,255,255,.07)}
.y-hero .stat b{display:block;font:800 1.8rem/1 var(--font-display);letter-spacing:-.03em}
.y-hero .stat span{font-size:.82rem;color:var(--fg-2)}
.films .sec-head .kicker{font:600 .75rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px}
.films .seg{background:var(--card)}

.cal{margin-top:40px}
.months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.mo{padding:12px 10px;border-radius:var(--r-md);background:var(--card);display:grid;gap:4px;color:var(--fg)}
.mo b{font:700 .95rem/1 var(--font-display)}
.mo span{font-size:.75rem;color:var(--fg-3)}
.mo.past{opacity:.55}
.mo:hover{opacity:1;background:var(--card-2)}
.mo[aria-current]{background:var(--fg);color:#000;opacity:1}
.mo[aria-current] span{color:rgba(0,0,0,.6)}
@media (max-width:1000px){.months{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:110px;overflow-x:auto;scrollbar-width:none}}
.month-body{margin-top:18px;padding:24px;border-radius:var(--r-lg);background:var(--card)}
.mb-head{display:flex;gap:14px;align-items:baseline;margin-bottom:8px}
.mb-head h3{font:700 1.3rem/1 var(--font-display)}
.day{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.day:first-of-type{border-top:0}
.day.passed{opacity:.75}
.date b{display:block;font:800 2.4rem/1 var(--font-display);letter-spacing:-.04em}
.date span{font-size:.82rem;color:var(--fg-3)}
.date em{display:inline-block;margin-top:8px;font:600 .72rem/1 var(--font-ui);font-style:normal;padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.08);color:var(--fg-2)}
.date em.next{background:var(--accent);color:#fff}
.day-films{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px;align-items:start}
.yc .badges{display:flex;flex-wrap:wrap;gap:4px}
.yc .badges:empty{display:none}
.badges .sc,.yc .ru,.yc .dt{justify-self:start;font:600 .72rem/1 var(--font-ui);padding:5px 7px;border-radius:6px}
.badges .sc{position:static;background:var(--fg);color:#000}
.yc .ru{background:rgba(94,92,230,.22);color:#b9b8ff}
.yc .dt{background:rgba(255,255,255,.08);color:var(--fg-2)}

.expect{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:14px 0 0}
.expect li{position:relative}
.expect .n{position:absolute;left:-6px;top:-14px;z-index:2;font:800 3.2rem/1 var(--font-display);letter-spacing:-.06em;color:var(--fg);text-shadow:0 4px 18px rgba(0,0,0,.8)}
.expect .cd{position:absolute;left:8px;bottom:8px;font:700 .75rem/1 var(--font-ui);padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
@media (max-width:1100px){.expect{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:160px;overflow-x:auto}}

.best{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bc{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:14px;border-radius:var(--r-lg);background:var(--card);color:var(--fg)}
.bc .img{aspect-ratio:2/3;border-radius:var(--r-sm);overflow:hidden}
.bc .img picture,.bc .img img{display:block;width:100%;height:100%;object-fit:cover}
.bc .t{display:grid;gap:6px;align-content:start}
.bc b{font:700 1.1rem/1.2 var(--font-display)}
.bc .t > span{font-size:.82rem;color:var(--fg-3)}
.bc .sc{justify-self:start;font:700 .78rem/1 var(--font-ui);padding:6px 8px;border-radius:8px;background:var(--fg);color:#000}
.bc .t > .rv{color:var(--accent);font-weight:600;margin-top:4px}
.bc:hover b{color:var(--accent)}

.dirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dc{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r-lg);background:var(--card);color:var(--fg)}
.dc .ph{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;font:800 1rem/1 var(--font-display);background:linear-gradient(135deg,#ff375f,#5e5ce6)}
.dc b{display:block;font:700 1rem/1.2 var(--font-display)}
.dc span span{font-size:.82rem;color:var(--fg-3)}
.dc:hover b{color:var(--accent)}

.films .tools{display:grid;gap:12px;margin:0 0 8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{padding:9px 14px;border-radius:999px;background:var(--card);font:500 .88rem/1 var(--font-ui);color:var(--fg-2)}
.chips a[aria-current]{background:var(--fg);color:#000}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filters select{font:500 .9rem/1 var(--font-ui);color:var(--fg);background:var(--card);border:0;border-radius:999px;padding:11px 14px}
.filters select option{background:#1c1c1e}
.mdiv{display:flex;gap:10px;align-items:baseline;font:700 1.25rem/1 var(--font-display);margin:30px 0 14px;padding-top:18px;border-top:1px solid var(--line)}
.mdiv span{font:600 .85rem/1 var(--font-ui);color:var(--fg-3)}
.seo{margin-top:64px;padding:28px;border-radius:var(--r-lg);background:var(--card);max-width:860px;display:grid;gap:12px}
.seo h2{font:700 1.3rem/1.2 var(--font-display)}
.seo p{color:var(--fg-2)}
.seo a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line)}
@media (max-width:1300px){.day-films{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1000px){.y-top{grid-template-columns:minmax(0,1fr)}.day{grid-template-columns:minmax(0,1fr)}.day-films{grid-template-columns:repeat(3,minmax(0,1fr))}.best,.dirs{grid-template-columns:minmax(0,1fr)}}
.month-body .yc .img{background:#0b0b0d}