/* Раздел «Сериалы» (/series): поверх films.css — метка «Выходит», полки, «Лучшие по оценкам». */
.yc .img{position:relative}
.yc .st{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 .72rem/1 var(--font-ui);color:#7ee2a0}
.yc .st::before,.st-inline::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--up);vertical-align:1px}
.st-inline{margin-left:6px;color:#7ee2a0;white-space:nowrap}
.shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px}
.toplist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;counter-reset:t}
.toplist li{counter-increment:t}
.toplist a{display:grid;grid-template-columns:34px 54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px 10px 10px;border-radius:var(--r-md);background:var(--card);transition:background-color .15s}
.toplist a:hover{background:var(--card-2)}
.toplist a::before{content:counter(t);font:800 1.35rem/1 var(--font-display);color:var(--fg-3);text-align:center}
.toplist .img{display:block;width:54px;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:var(--card-2)}
.toplist .img img{width:100%;height:100%;object-fit:cover}
.toplist .t{min-width:0}
.toplist b{display:block;font:700 1.05rem/1.25 var(--font-display);color:var(--fg)}
.toplist .t>span{font-size:.84rem;color:var(--fg-3)}
.toplist .r{font:700 1.05rem/1 var(--font-display);color:var(--fg);white-space:nowrap}
.toplist .r i{font-style:normal;color:var(--gold);margin-right:4px}
.note-sm{margin:12px 0 0;font-size:.84rem;color:var(--fg-3)}
@media (max-width:1100px){.shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.shelf>:nth-child(n+5){display:none}}
@media (max-width:760px){
  .shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none}
  .shelf::-webkit-scrollbar{display:none}
  .shelf>:nth-child(n+5){display:grid}
  .shelf .yc{flex:0 0 42%;scroll-snap-align:start}
  .toplist{grid-template-columns:1fr}
  .toplist a{grid-template-columns:26px 48px minmax(0,1fr) auto;gap:10px}
  .toplist .img{width:48px}
  .series-hub .ent.top .tp{display:none}
  .series-hub .gt-t b{overflow-wrap:anywhere}
}