/* Мультик.ру — дизайн-система (редизайн, направление D «Витрина»)
   Шрифт: Manrope 500–800 (Google Fonts). Брейкпоинт телефона: 760px. */
:root{
  --d-bg:#F4F5F9; --d-card:#FFFFFF; --d-ink:#16152E; --d-ink-2:#4B4A66; --d-line:#E2E3EC;
  --d-accent:#E8461B; --d-accent-hover:#CF3A12; --d-accent-soft:#FFE9E1;
  --d-sun:#FFC23D; --d-sky:#5B8CFF; --d-mint:#2FB487;
  --d-r-sm:12px; --d-r:16px; --d-r-lg:24px; --d-r-xl:28px;
  --d-shadow:0 1px 2px rgba(22,21,46,.06),0 8px 24px rgba(22,21,46,.08);
  --d-shadow-lg:0 2px 4px rgba(22,21,46,.08),0 20px 48px rgba(22,21,46,.16);
  --d-font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --d-wrap:1240px; --d-gutter:32px;
}
.d-root{font-family:var(--d-font);color:var(--d-ink);background:var(--d-bg);font-size:17px;line-height:1.55;font-weight:500;-webkit-font-smoothing:antialiased}
.d-root *{box-sizing:border-box}
.d-root a{color:inherit;text-decoration:none}
.d-wrap{max-width:calc(var(--d-wrap) + 2 * var(--d-gutter));margin:0 auto;padding:0 var(--d-gutter)}
.d-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.d-h1{font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-0.025em;margin:0}
.d-h2{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-0.02em;margin:0}
.d-h3{font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-0.01em;margin:0}
.d-muted{color:var(--d-ink-2)}
.d-section{padding-top:56px;display:flex;flex-direction:column;gap:20px}
.d-section__head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.d-link{font-weight:700;color:var(--d-accent) !important}
.d-link:hover{color:var(--d-accent-hover) !important}

/* шапка */
.d-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--d-line)}
.d-header__in{display:flex;align-items:center;gap:28px;min-height:76px}
.d-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;letter-spacing:-0.02em;flex:none}
.d-nav{display:flex;gap:6px;flex:none}
.d-nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-weight:700;font-size:16px}
.d-nav a:hover{background:var(--d-bg)}
.d-nav a[aria-current]{background:var(--d-ink);color:#FFFFFF}
.d-search{position:relative;flex:1 1 auto;max-width:620px}
.d-search__box{display:flex;align-items:center;gap:10px;height:52px;padding:0 8px 0 18px;border-radius:999px;background:var(--d-bg);border:2px solid transparent}
.d-search__box:focus-within,.d-search--open .d-search__box{background:#FFFFFF;border-color:var(--d-ink)}
.d-search__box input{flex:1;min-width:0;border:0;background:transparent;font:600 17px var(--d-font);color:var(--d-ink);outline:none}
.d-search__box input::placeholder{color:#6E6D88}
.d-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:8px;background:#FFFFFF;border:1px solid var(--d-line);font-size:14px;font-weight:700;color:var(--d-ink-2)}
.d-suggest{position:absolute;left:0;right:0;top:60px;background:#FFFFFF;border-radius:var(--d-r-lg);box-shadow:var(--d-shadow-lg);padding:10px;display:flex;flex-direction:column;gap:2px;z-index:30}
.d-suggest__group{font-size:14px;font-weight:700;color:var(--d-ink-2);padding:8px 12px 4px}
.d-suggest__item{display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:var(--d-r-sm)}
.d-suggest__item:hover,.d-suggest__item.is-hover{background:var(--d-bg)}
.d-suggest__item mark{background:var(--d-accent-soft);color:var(--d-ink);border-radius:4px;padding:0 2px}
.d-suggest__thumb{position:relative;width:40px;height:56px;border-radius:8px;overflow:hidden;flex:none}
.d-suggest__all{display:flex;justify-content:center;padding:12px;font-weight:700;color:var(--d-accent);border-top:1px solid var(--d-line);margin-top:6px}

/* кнопки, чипсы */
.d-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:999px;background:var(--d-accent);color:#FFFFFF !important;font:800 18px var(--d-font);cursor:pointer;white-space:nowrap}
.d-btn:hover{background:var(--d-accent-hover)}
.d-btn--dark{background:var(--d-ink)}
.d-btn--dark:hover{background:#2B2A4A}
.d-btn--glass{background:rgba(255,255,255,.18);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.d-btn--glass:hover{background:rgba(255,255,255,.28)}
.d-btn--light{background:#FFFFFF;color:var(--d-ink) !important;box-shadow:inset 0 0 0 1.5px var(--d-line)}
.d-btn--light:hover{background:var(--d-bg)}
.d-btn--sm{min-height:44px;padding:0 18px;font-size:16px}
.d-round{width:44px;height:44px;border-radius:50%;border:0;background:#FFFFFF;box-shadow:var(--d-shadow);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--d-ink)}
.d-chips{display:flex;gap:10px;flex-wrap:wrap}
.d-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--d-line);font-weight:700;font-size:16px;white-space:nowrap}
.d-chip:hover{box-shadow:inset 0 0 0 1.5px var(--d-ink)}
.d-chip i{font-style:normal;color:var(--d-ink-2);font-weight:600}
.d-tag{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:700;background:rgba(255,255,255,.16);color:#FFFFFF}

/* иллюстрации-заглушки вместо постеров и кадров */
.d-art{position:absolute;inset:0;overflow:hidden}
.d-art::before,.d-art::after,.d-art>i,.d-art>b{content:"";position:absolute;display:block}
.d-art--fog{background:#24406E}
.d-art--fog::before{width:24%;aspect-ratio:1;border-radius:50%;background:#F6E7B9;top:12%;right:16%;box-shadow:0 0 60px 10px rgba(246,231,185,.35)}
.d-art--fog>i{width:140%;height:34%;left:-20%;top:46%;border-radius:50%;background:rgba(255,255,255,.42);filter:blur(10px)}
.d-art--fog>b{width:180%;height:50%;left:-40%;bottom:-26%;border-radius:50%;background:#132649}
.d-art--fog::after{width:90%;height:22%;right:-30%;top:30%;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(12px)}
.d-art--snow{background:#8DB9E8;background-image:radial-gradient(#FFFFFF 1.6px,transparent 1.8px);background-size:22px 22px}
.d-art--snow::before{width:26%;aspect-ratio:1;border-radius:50%;background:#FFF7DE;top:12%;left:14%}
.d-art--snow>i{width:150%;height:46%;left:-10%;bottom:-18%;border-radius:50%;background:#F4F8FF}
.d-art--snow>b{width:120%;height:40%;right:-60%;bottom:-12%;border-radius:50%;background:#DDE9F7}
.d-art--snow::after{width:16%;height:30%;right:22%;bottom:26%;background:#2F5D46;clip-path:polygon(50% 0,100% 100%,0 100%)}
.d-art--sunset{background:#FF9F3F}
.d-art--sunset::before{width:44%;aspect-ratio:1;border-radius:50%;background:#FFE3A1;top:22%;left:28%}
.d-art--sunset>i{width:160%;height:44%;left:-30%;bottom:-14%;border-radius:50%;background:#D9461E}
.d-art--sunset>b{width:120%;height:34%;right:-50%;bottom:-12%;border-radius:50%;background:#A92E14}
.d-art--night{background:#231F4D;background-image:radial-gradient(#FFFFFF 1.2px,transparent 1.4px),radial-gradient(#C9C4FF 1px,transparent 1.2px);background-size:34px 34px,21px 21px;background-position:0 0,10px 14px}
.d-art--night::before{width:40%;aspect-ratio:1;border-radius:50%;background:#62D6B4;top:20%;left:30%}
.d-art--night::after{width:66%;height:9%;top:33%;left:17%;border-radius:50%;border:5px solid #FFC23D;transform:rotate(-16deg)}
.d-art--night>b{width:160%;height:40%;left:-30%;bottom:-20%;border-radius:50%;background:#3E3880}
.d-art--meadow{background:#9FD8F0}
.d-art--meadow::before{width:28%;aspect-ratio:1;border-radius:50%;background:#FFD54A;top:12%;right:14%}
.d-art--meadow>i{width:160%;height:50%;left:-50%;bottom:-18%;border-radius:50%;background:#4DB37A}
.d-art--meadow>b{width:140%;height:40%;right:-50%;bottom:-16%;border-radius:50%;background:#2E8C59}
.d-art--sea{background:#2D8FA6}
.d-art--sea::before{width:30%;aspect-ratio:1;border-radius:50%;background:#FFE08A;top:14%;left:16%}
.d-art--sea>i{width:200%;height:40%;left:-50%;bottom:-6%;background:repeating-radial-gradient(circle at 50% 0,#1D6377 0 10px,#22738A 10px 20px)}
.d-art--sea::after{width:20%;height:22%;right:24%;bottom:30%;background:#F4F1EA;clip-path:polygon(50% 0,100% 100%,0 100%)}
.d-art--pink{background:#F59BC3}
.d-art--pink::before{width:46%;aspect-ratio:1;border-radius:50%;background:#FFF2F8;top:18%;left:27%}
.d-art--pink>b{width:170%;height:44%;left:-35%;bottom:-18%;border-radius:50%;background:#C84C86}
.d-art--violet{background:#B9A6FF}
.d-art--violet::before{width:36%;aspect-ratio:1;border-radius:50%;background:#FF8A4C;top:16%;right:14%}
.d-art--violet>b{width:170%;height:46%;left:-35%;bottom:-20%;border-radius:50%;background:#5E49C2}

/* постер и обложка без постера */
.d-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.d-poster{position:relative;aspect-ratio:2/3;border-radius:var(--d-r);overflow:hidden;box-shadow:var(--d-shadow);transition:transform .15s,box-shadow .15s}
.d-card:hover .d-poster{transform:translateY(-4px);box-shadow:var(--d-shadow-lg)}
.d-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.d-poster__score{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;background:rgba(22,21,46,.82);color:#FFFFFF;font-weight:800;font-size:15px}
.d-poster__rank{position:absolute;left:10px;top:10px;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:#FFFFFF;color:var(--d-ink);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.d-card__title{font-weight:800;font-size:17px;line-height:1.3;letter-spacing:-0.01em}
.d-card__meta{font-size:15px;color:var(--d-ink-2);font-weight:600;margin-top:-6px}
.d-cover{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 2px,transparent 2px 14px)}
.d-cover__title{font-weight:800;font-size:22px;line-height:1.12;letter-spacing:-0.02em;overflow-wrap:break-word;hyphens:auto}
.d-cover__year{font-weight:800;font-size:15px;opacity:.85}

/* полки */
.d-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:184px;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;margin:-6px -4px 0;scrollbar-width:none}
.d-shelf>*{scroll-snap-align:start}
.d-shelf__nav{display:flex;gap:8px;align-items:center}

/* главная: баннер */
.d-hero{position:relative;border-radius:var(--d-r-xl);overflow:hidden;min-height:440px;display:flex;align-items:flex-end;color:#FFFFFF;box-shadow:var(--d-shadow-lg)}
.d-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,22,46,.88) 0%,rgba(14,22,46,.55) 45%,rgba(14,22,46,0) 75%)}
.d-hero__body{position:relative;padding:48px;display:flex;flex-direction:column;gap:16px;max-width:620px}
.d-hero__meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-weight:700}
.d-hero__dots{position:absolute;right:28px;bottom:28px;display:flex;gap:8px}
.d-hero__dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45)}
.d-hero__dots span.is-on{width:28px;border-radius:5px;background:#FFFFFF}

/* десятилетия и подборки */
.d-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr));gap:12px}
.d-year{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:var(--d-r);background:#FFFFFF;box-shadow:var(--d-shadow)}
.d-year:hover{box-shadow:var(--d-shadow-lg)}
.d-year b{font-size:24px;font-weight:800;letter-spacing:-0.02em}
.d-year span{font-size:15px;color:var(--d-ink-2);font-weight:600}
.d-colls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px}
.d-coll{display:flex;align-items:center;gap:20px;padding:20px;border-radius:var(--d-r-lg);background:#FFFFFF;box-shadow:var(--d-shadow)}
.d-coll:hover{box-shadow:var(--d-shadow-lg)}
.d-coll__stack{position:relative;width:118px;height:110px;flex:none}
.d-coll__stack>div{position:absolute;width:62px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(22,21,46,.2);border:2px solid #FFFFFF}
.d-coll__stack>div:nth-child(1){left:0;top:12px;transform:rotate(-8deg)}
.d-coll__stack>div:nth-child(2){left:28px;top:4px;z-index:1}
.d-coll__stack>div:nth-child(3){left:56px;top:12px;transform:rotate(8deg)}

/* карточка мультфильма */
.d-backdrop{position:relative;overflow:hidden;color:#FFFFFF;background:#0E1630}
.d-backdrop__art{position:absolute;inset:-60px;filter:blur(38px) saturate(1.2);opacity:.85}
.d-backdrop__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,22,48,.35),rgba(14,22,48,.82))}
.d-film{position:relative;display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:end;padding-top:40px;padding-bottom:44px}
.d-film__poster{position:relative;aspect-ratio:2/3;border-radius:var(--d-r-lg);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.d-film__info{display:flex;flex-direction:column;gap:18px;min-width:0}
.d-crumbs{display:flex;gap:8px;flex-wrap:wrap;font-weight:600;font-size:15px;color:rgba(255,255,255,.85)}
.d-crumbs a:hover{color:#FFFFFF;text-decoration:underline}
.d-film__meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-weight:700;font-size:17px}
.d-film__meta span+span::before{content:"·";margin-right:10px;opacity:.7}
.d-age{display:inline-flex;align-items:center;height:28px;padding:0 9px;border-radius:8px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75);font-size:14px}
.d-score{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:18px 22px;border-radius:var(--d-r-lg);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.d-score__big{display:flex;align-items:center;gap:12px}
.d-score__big b{font-size:44px;font-weight:800;letter-spacing:-0.03em;line-height:1}
.d-score__big span{font-size:15px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}
.d-stars{display:flex;gap:2px}
.d-stars button{width:34px;height:44px;border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.d-stars svg{width:28px;height:28px}
.d-tabs{position:sticky;top:76px;z-index:10;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--d-line)}
.d-tabs__in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.d-tabs a{display:flex;align-items:center;gap:6px;min-height:56px;padding:0 16px;font-weight:700;color:var(--d-ink-2) !important;border-bottom:3px solid transparent;white-space:nowrap}
.d-tabs a[aria-current]{color:var(--d-ink) !important;border-bottom-color:var(--d-accent)}
.d-tabs a i{font-style:normal;font-size:14px;color:var(--d-ink-2)}
.d-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding-top:36px}
.d-main{display:flex;flex-direction:column;gap:44px;min-width:0}
.d-aside{display:flex;flex-direction:column;gap:20px;position:sticky;top:150px}
.d-panel{background:#FFFFFF;border-radius:var(--d-r-lg);box-shadow:var(--d-shadow);padding:22px}
.d-facts{display:flex;flex-direction:column}
.d-fact{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--d-line)}
.d-fact:last-child{border-bottom:0}
.d-fact span{color:var(--d-ink-2)}
.d-fact b{font-weight:700;text-align:right}
.d-fact a:hover{color:var(--d-accent)}
.d-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.d-frame{position:relative;aspect-ratio:4/3;border-radius:var(--d-r);overflow:hidden;box-shadow:var(--d-shadow)}
.d-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:12px}
.d-person{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--d-r);background:#FFFFFF;box-shadow:var(--d-shadow)}
.d-person:hover{box-shadow:var(--d-shadow-lg)}
.d-ava{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;flex:none;color:var(--d-ink)}
.d-person b{display:block;font-weight:800;line-height:1.3}
.d-person span{display:block;font-size:15px;color:var(--d-ink-2);font-weight:600}
.d-person span.d-ava{display:flex;font-size:17px;font-weight:800;color:var(--d-ink)}
.d-text{margin:0;font-size:18px;line-height:1.65;max-width:720px}
.d-comment{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--d-line)}
.d-input{width:100%;min-height:52px;padding:14px 18px;border:1.5px solid var(--d-line);border-radius:var(--d-r);background:#FFFFFF;font:500 17px var(--d-font);color:var(--d-ink)}
.d-input:focus{outline:none;border-color:var(--d-ink)}

/* подвал и нижнее меню телефона */
.d-footer{margin-top:72px;background:#FFFFFF;border-top:1px solid var(--d-line)}
.d-footer__in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:32px;padding-bottom:32px}
.d-footer nav{display:flex;gap:24px;flex-wrap:wrap;font-weight:700}
.d-tabbar{display:none}
.d-mobile-only{display:none}

@media (max-width:760px){
  :root{--d-gutter:16px}
  .d-root{font-size:16px}
  .d-h1{font-size:32px}
  .d-h2{font-size:22px}
  .d-header__in{flex-wrap:wrap;gap:10px;min-height:0;padding-top:10px;padding-bottom:12px}
  .d-nav,.d-desk-only{display:none !important}
  .d-mobile-only{display:flex}
  .d-search{flex-basis:100%;max-width:none;order:3}
  .d-search__box{height:48px}
  .d-kbd,.d-suggest{display:none}
  .d-logo{font-size:22px;flex:1}
  .d-section{padding-top:40px;gap:16px}
  .d-shelf{grid-auto-columns:148px;gap:14px;margin-right:calc(-1 * var(--d-gutter));padding-right:var(--d-gutter)}
  .d-shelf__nav{display:none}
  .d-card__title{font-size:15px}
  .d-hero{min-height:420px;border-radius:var(--d-r-lg)}
  .d-hero__shade{background:linear-gradient(180deg,rgba(14,22,46,0) 25%,rgba(14,22,46,.9) 75%)}
  .d-hero__body{padding:22px;gap:12px}
  .d-hero__body p{display:none}
  .d-hero__dots{display:none}
  .d-hero .d-btn{min-height:48px;padding:0 20px;font-size:16px}
  .d-years{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .d-year{padding:12px 10px}
  .d-year b{font-size:16px}
  .d-year span{font-size:13px}
  .d-chips{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1 * var(--d-gutter));padding-right:var(--d-gutter);scrollbar-width:none}
  .d-coll__stack{width:100px;transform:scale(.85);transform-origin:left center}
  .d-film{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;padding-top:20px;padding-bottom:28px}
  .d-film__poster{width:190px}
  .d-film__info{align-items:center}
  .d-film__meta,.d-crumbs{justify-content:center}
  .d-score{flex-direction:column;gap:12px;width:100%}
  .d-stars button{width:30px}
  .d-stars svg{width:24px;height:24px}
  .d-tabs{top:0}
  .d-layout{grid-template-columns:1fr;gap:28px;padding-top:24px}
  .d-aside{position:static}
  .d-main,.d-aside{display:contents}
  .d-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .d-frame{border-radius:10px}
  .d-people{grid-template-columns:1fr}
  .d-footer{margin-top:48px;padding-bottom:80px}
  .d-tabbar{display:flex;position:sticky;bottom:0;z-index:30;justify-content:space-around;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--d-line);padding:6px 4px 10px}
  .d-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;min-height:52px;justify-content:center;font-size:13px;font-weight:700;color:var(--d-ink-2) !important}
  .d-tabbar a[aria-current]{color:var(--d-accent) !important}
}

/* ===== каталог, ТОП 250, персона, пустые состояния ===== */
.d-pagehead{padding-top:36px;display:flex;flex-direction:column;gap:18px}
.d-pagehead__row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:28px 20px}
.d-alpha{display:flex;flex-wrap:wrap;gap:6px}
.d-alpha a{min-width:40px;height:40px;padding:0 8px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--d-line);font-weight:800;font-size:15px}
.d-alpha a:hover{box-shadow:inset 0 0 0 1.5px var(--d-ink)}
.d-alpha a.is-active{background:var(--d-ink);color:#FFFFFF;box-shadow:none}
.d-catalog{display:grid;grid-template-columns:288px minmax(0,1fr);gap:32px;align-items:start;padding-top:28px}
.d-filters{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px}
.d-fgroup{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.d-fgroup legend,.d-flabel{font-size:15px;font-weight:800;margin-bottom:8px;padding:0;color:var(--d-ink)}
.d-check{display:flex;align-items:center;gap:12px;min-height:40px;font-weight:600;cursor:pointer}
.d-check input{width:22px;height:22px;margin:0;accent-color:var(--d-ink);flex:none}
.d-check i{margin-left:auto;font-style:normal;color:var(--d-ink-2);font-size:15px}
.d-seg{display:flex;padding:4px;border-radius:999px;background:var(--d-bg);gap:2px}
.d-seg button,.d-seg a{flex:1;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:transparent;font:700 15px var(--d-font);color:var(--d-ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.d-seg .is-on{background:#FFFFFF;color:var(--d-ink);box-shadow:0 1px 2px rgba(22,21,46,.08),0 2px 8px rgba(22,21,46,.08)}
.d-seg--light{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--d-line)}
.d-seg--light .is-on{background:var(--d-ink);color:#FFFFFF;box-shadow:none}
.d-select{appearance:none;width:100%;min-height:48px;padding:0 40px 0 16px;border:1.5px solid var(--d-line);border-radius:var(--d-r-sm);background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2316152E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;font:700 16px var(--d-font);color:var(--d-ink)}
.d-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.d-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.d-active{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.d-chip--on{background:var(--d-ink);color:#FFFFFF !important;box-shadow:none}
.d-chip--on:hover{box-shadow:none;background:#2B2A4A}
.d-filterbtn{display:none}
.d-pager{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:12px}
.d-pager a,.d-pager span{min-width:44px;height:44px;padding:0 12px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--d-line)}
.d-pager [aria-current]{background:var(--d-ink);color:#FFFFFF;box-shadow:none}
.d-pager span{background:transparent;box-shadow:none}

/* строки списка: ТОП и фильмография */
.d-rows{display:flex;flex-direction:column;background:#FFFFFF;border-radius:var(--d-r-lg);box-shadow:var(--d-shadow);overflow:hidden}
.d-row{display:grid;grid-template-columns:56px 60px minmax(0,1fr) auto;gap:18px;align-items:center;padding:12px 20px;border-top:1px solid var(--d-line)}
.d-row:first-child{border-top:0}
.d-row:hover{background:#FAFAFD}
.d-row__n{font-size:22px;font-weight:800;letter-spacing:-0.02em;text-align:center;color:var(--d-ink-2)}
.d-row__thumb{position:relative;width:60px;aspect-ratio:2/3;border-radius:10px;overflow:hidden}
.d-row__thumb .d-cover{padding:6px;background-image:none;align-items:center;justify-content:center}
.d-row__title{font-weight:800;font-size:18px;line-height:1.3;letter-spacing:-0.01em}
.d-row__meta{font-size:15px;color:var(--d-ink-2);font-weight:600}
.d-row__score{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.d-row__score b{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:800}
.d-row__score span{font-size:14px;color:var(--d-ink-2);font-weight:600}
.d-year-label{padding:14px 20px 8px;font-size:15px;font-weight:800;color:var(--d-ink-2);background:var(--d-bg);border-top:1px solid var(--d-line)}
.d-rows .d-year-label:first-child{border-top:0}

/* ТОП: пьедестал */
.d-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.d-place{position:relative;display:flex;align-items:flex-end;min-height:300px;border-radius:var(--d-r-lg);overflow:hidden;color:#FFFFFF;box-shadow:var(--d-shadow-lg)}
.d-place__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,22,46,0) 30%,rgba(14,22,46,.88) 100%)}
.d-place__body{position:relative;padding:22px;display:flex;flex-direction:column;gap:6px;width:100%}
.d-place__n{position:absolute;top:16px;left:16px;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--d-ink)}
.d-place__title{font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-0.02em}
.d-place__meta{display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:15px;color:rgba(255,255,255,.9)}

/* персона */
.d-personhead{background:#FFFFFF;border-bottom:1px solid var(--d-line)}
.d-personhead__in{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:center;padding-top:36px;padding-bottom:36px}
.d-photo{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;letter-spacing:-0.03em;box-shadow:var(--d-shadow-lg)}
.d-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.d-stats{display:flex;gap:12px;flex-wrap:wrap}
.d-stat{display:flex;flex-direction:column;padding:12px 18px;border-radius:var(--d-r);background:var(--d-bg)}
.d-stat b{font-size:20px;font-weight:800;letter-spacing:-0.02em}
.d-stat span{font-size:14px;font-weight:600;color:var(--d-ink-2)}

/* карточка без постера и без кадров */
.d-backdrop--flat .d-backdrop__shade{background:linear-gradient(180deg,rgba(14,22,48,.10),rgba(14,22,48,.55))}
.d-film__poster .d-cover{padding:22px}
.d-film__poster .d-cover__title{font-size:30px}
.d-note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--d-r-lg);background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--d-line)}

/* фильтры на телефоне (нижний лист) */
.d-sheet{position:relative;background:#FFFFFF;border-radius:24px 24px 0 0;box-shadow:0 -12px 40px rgba(22,21,46,.18);display:flex;flex-direction:column}
.d-sheet__grip{width:44px;height:5px;border-radius:3px;background:var(--d-line);margin:10px auto 4px}
.d-sheet__head{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 12px;border-bottom:1px solid var(--d-line)}
.d-sheet__body{padding:16px 20px;display:flex;flex-direction:column;gap:22px}
.d-sheet__foot{display:flex;gap:10px;padding:12px 20px 20px;border-top:1px solid var(--d-line)}

@media (max-width:760px){
  .d-pagehead{padding-top:20px;gap:14px}
  .d-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .d-alpha{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1 * var(--d-gutter));padding-right:var(--d-gutter);scrollbar-width:none}
  .d-alpha a{flex:none}
  .d-catalog{grid-template-columns:1fr;padding-top:16px}
  .d-filters{display:none}
  .d-filterbtn{display:inline-flex}
  .d-toolbar .d-select{width:auto}
  .d-row{grid-template-columns:32px 52px minmax(0,1fr);gap:12px;padding:12px 14px}
  .d-row__n{font-size:17px}
  .d-row__thumb{width:52px}
  .d-row__title{font-size:16px}
  .d-row__score{grid-column:3;flex-direction:row;align-items:center;gap:8px;margin-top:-6px}
  .d-row__score b{font-size:16px}
  .d-podium{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(-1 * var(--d-gutter));padding-right:var(--d-gutter);scrollbar-width:none}
  .d-place{min-height:240px;scroll-snap-align:start}
  .d-seg{overflow-x:auto;scrollbar-width:none}
  .d-personhead__in{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px;padding-top:24px;padding-bottom:24px}
  .d-personhead__in .d-chips,.d-stats{justify-content:center}
  .d-photo{width:132px;font-size:44px}
  .d-film__poster .d-cover__title{font-size:24px}
}

/* поправки */
.d-root .d-place{color:#FFFFFF}
.d-place__shade{background:linear-gradient(180deg,rgba(14,22,46,0) 20%,rgba(14,22,46,.92) 88%)}
.d-poster .d-cover{padding-bottom:52px}
.d-filters .d-seg button{padding:0 6px;font-size:14px}

/* цвета обложек без постера: --d-cover-N, где N = id мультфильма % 8 */
:root{--d-cover-0:#8EC9FF;--d-cover-1:#FFC23D;--d-cover-2:#7FDDB5;--d-cover-3:#F59BC3;--d-cover-4:#C9B8FF;--d-cover-5:#FFB27A;--d-cover-6:#A9E5FF;--d-cover-7:#F2E27A}