/* Layout: раздел «Мультфильмы» — полноэкранный главный мультфильм, затем полки по темам (советская классика, большие студии, для взрослых), статья недели и TOP-10 мультфильмов. */

.a-hero{position:relative;min-height:clamp(560px,80vh,840px);display:grid;align-items:end;overflow:hidden;isolation:isolate}
.a-hero>img,.a-hero>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}
.a-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.35) 55%,transparent),linear-gradient(0deg,var(--bg),transparent 50%)}
.a-hero .wrap{width:100%;padding-block:120px 56px;display:grid;gap:16px;justify-items:start}
.a-hero h1{font:800 clamp(2.6rem,6vw,5rem)/1 var(--font-display);letter-spacing:-.045em}
.a-hero .lead{font-size:clamp(1.05rem,1.5vw,1.2rem);color:rgba(245,245,247,.88);max-width:50ch}
.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:500 .95rem/1.3 var(--font-ui);color:rgba(245,245,247,.88)}
.meta-row .sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.badge{display:inline-flex;align-items:center;gap:8px;font:600 .8rem/1 var(--font-ui);padding:7px 12px;border-radius:999px;background:rgba(255,214,10,.16);color:var(--gold)}
.score{display:inline-flex;gap:6px;align-items:center;font:700 .85rem/1 var(--font-ui);padding:6px 9px;border-radius:8px;background:var(--fg);color:#000}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.cats{display:flex;flex-wrap:wrap;gap:8px}
.cats a{font:500 .9rem/1 var(--font-ui);padding:11px 15px;border-radius:999px;background:var(--card)}
.cats a:hover{background:var(--card-2)}
.shelf .arrows{display:flex;gap:8px}
.arrow{all:unset;cursor:pointer;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:1.3rem;line-height:1}
.arrow:hover{background:rgba(255,255,255,.2)}
.arrow:focus-visible{outline:2px solid var(--fg)}
@media (max-width:760px){.shelf .arrows{display:none}}
.posters{grid-auto-columns:clamp(160px,14vw,200px)}
.pc{display:grid;gap:8px}
.pc .img{aspect-ratio:2/3;border-radius:var(--r-sm)}
.pc b{font:600 .98rem/1.25 var(--font-display)}
.pc span{font-size:.8rem;color:var(--fg-3)}
.feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.feature .img{border-radius:0;min-height:320px}
.feature .txt{padding:clamp(22px,3vw,40px);display:grid;gap:12px;align-content:center}
.feature h2{font:800 clamp(1.6rem,3vw,2.4rem)/1.05 var(--font-display);letter-spacing:-.035em}
.feature p{color:var(--fg-2)}
@media (max-width:860px){.feature{grid-template-columns:minmax(0,1fr)}.feature .img{min-height:220px;aspect-ratio:16/9}}
.wide-row{grid-auto-columns:clamp(280px,30vw,420px)}
.wc{display:grid;gap:10px}
.wc .img{aspect-ratio:16/9}
.wc b{font:700 1.05rem/1.25 var(--font-display)}
.wc span{font-size:.82rem;color:var(--fg-3)}
.top10{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.t{display:grid;grid-template-columns:44px 46px minmax(0,1fr) auto;gap:14px;align-items:center;padding-block:12px;border-top:1px solid var(--line)}
.t .n{font:800 1.5rem/1 var(--font-display);color:var(--fg-3);text-align:right}
.t img{width:46px;aspect-ratio:2/3;object-fit:cover;border-radius:6px}
.t b{font:700 1rem/1.2 var(--font-display)}
.t span{font-size:.8rem;color:var(--fg-3)}
.t .score{font-size:.78rem}
@media (max-width:860px){.top10{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}