.series-page,
.series-directory {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 16px 0 48px;
    box-sizing: border-box;
}

.series-breadcrumb {
    display: flex;
    gap: 9px;
    align-items: center;
    flex-wrap: wrap;
    color: #9d91bd;
    font-size: 13px;
    margin: 2px 0 14px;
}
.series-breadcrumb a { color: #cdbbff; }

.series-hero {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding: 18px;
    border: 1px solid rgba(183,132,255,.24);
    border-radius: 0;
    background: linear-gradient(135deg,rgba(45,15,80,.96),rgba(13,5,31,.96));
    box-shadow: 0 18px 45px rgba(0,0,0,.24);
}
.series-hero.no-cover { grid-template-columns: 1fr; }
.series-cover {
    width: 150px;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border: 1px solid rgba(194,154,255,.28);
    background: #170929;
}
.series-cover img { width:100%;height:100%;object-fit:cover;display:block; }
.series-hero-content { min-width: 0; }
.series-kicker,
.series-section-heading span,
.series-directory-hero > span {
    display:block;
    color:#c39cff;
    font-weight:800;
    font-size:12px;
    letter-spacing:.14em;
}
.series-hero h1,
.series-directory-hero h1 {
    color:#fff;
    font-size:clamp(28px,3.5vw,44px);
    line-height:1.06;
    margin:7px 0 12px;
}
.series-hero-content > p,
.series-directory-hero p {
    color:#b8acc9;
    line-height:1.7;
    margin:0 0 16px;
    max-width:1000px;
}
.series-stats {
    display:grid;
    grid-template-columns:repeat(4,minmax(110px,1fr));
    gap:10px;
    margin:0;
}
.series-stats div {
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.045);
}
.series-stats dt { font-size:11px;color:#a99cbe; }
.series-stats dd { margin:4px 0 0;font-size:18px;font-weight:800;color:#fff; }

.series-filmography,
.series-order,
.related-series { margin-top:34px; }
.series-section-heading {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin-bottom:18px;
}
.series-section-heading h2 { margin:5px 0 0;color:#fff;font-size:28px; }
.series-section-heading p { color:#9e91b6;margin:0; }
.series-filmography .series-section-heading {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:end;
}
.series-filmography .series-section-heading > div { grid-column:2;text-align:center; }
.series-filmography .series-section-heading > p { grid-column:3;justify-self:end; }

.series-film-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:14px;
}
.series-film-card {
    overflow:hidden;
    border:1px solid rgba(177,121,255,.17);
    background:#120824;
    transition:transform .2s,border-color .2s;
}
.series-film-card:hover { transform:translateY(-5px);border-color:#8a4dde; }
.series-film-poster { position:relative;display:block;aspect-ratio:2 / 3;overflow:hidden; }
.series-film-poster img { width:100%;height:100%;object-fit:cover;display:block; }
.series-film-poster b,
.series-film-poster em {
    position:absolute;
    top:8px;
    padding:5px 8px;
    font-size:12px;
    font-style:normal;
    font-weight:800;
}
.series-film-poster b { right:8px;background:#ffd52a;color:#241600; }
.series-film-poster em { left:8px;background:#7c35d7;color:#fff; }
.series-film-info { padding:11px; }
.series-film-info h3 { margin:0 0 8px;font-size:14px;line-height:1.35; }
.series-film-info h3 a { color:#fff; }
.series-film-info p { display:flex;gap:9px;margin:0 0 8px;color:#b5a8c8;font-size:12px; }
.series-film-info small { display:block;color:#8f83a3;font-size:11px;line-height:1.45; }

.series-order-list { list-style:none;margin:0;padding:0;border:1px solid rgba(177,121,255,.18);background:#120824; }
.series-order-list li {
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:13px 15px;
    border-bottom:1px solid rgba(255,255,255,.07);
}
.series-order-list li:last-child { border-bottom:0; }
.series-order-number {
    width:34px;height:34px;display:grid;place-items:center;
    background:#2d1550;color:#fff;font-weight:900;
}
.series-order-list a,
.series-order-list strong { color:#fff;font-size:15px; }
.series-order-list small { display:block;color:#9286a7;margin-top:3px; }
.series-order-state { padding:5px 9px;background:#2c2540;color:#c7bdd5;font-size:11px;font-weight:700;white-space:nowrap; }
.series-order-state.is-present { background:#173b2b;color:#9ee0bd; }
.series-order-state.is-missing { background:#4b2027;color:#ffb2bd; }
.series-order-state.is-upcoming { background:#493c17;color:#f7dc83; }

.related-series-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }
.related-series-card { display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid rgba(177,121,255,.17);background:#160a2b; }
.related-series-card strong { color:#fff; }
.related-series-card small { color:#9f92b3; }

.series-directory-hero {
    padding:28px;
    border:1px solid rgba(183,132,255,.24);
    background:linear-gradient(135deg,rgba(45,15,80,.96),rgba(13,5,31,.96));
    text-align:center;
}
.series-directory-hero p { margin-left:auto;margin-right:auto;margin-bottom:0; }
.series-directory-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px; }
.series-directory-card { display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:12px;border:1px solid rgba(177,121,255,.17);background:#120824; }
.series-directory-cover { width:110px;aspect-ratio:2 / 3;overflow:hidden;background:#291347;display:grid;place-items:center; }
.series-directory-cover img { width:100%;height:100%;object-fit:cover;display:block; }
.series-directory-cover span { font-size:42px;font-weight:900;color:#fff; }
.series-directory-card h2 { margin:4px 0 8px;font-size:18px;line-height:1.3; }
.series-directory-card h2 a { color:#fff; }
.series-directory-card p { margin:0 0 8px;color:#c6b8d8;font-size:13px; }
.series-directory-card small { color:#9386a6;line-height:1.5;display:block; }
.series-empty { margin-top:24px;padding:24px;border:1px solid rgba(177,121,255,.17);background:#120824;color:#b8acc9;text-align:center; }

.movie-series-title-link { color:inherit;text-decoration:none; }
.movie-series-title-link:hover { color:#d4b7ff;text-decoration:underline; }

@media (max-width:1250px){
    .series-film-grid{grid-template-columns:repeat(5,1fr)}
    .series-directory-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1050px){
    .series-film-grid{grid-template-columns:repeat(4,1fr)}
    .series-stats{grid-template-columns:repeat(2,1fr)}
    .series-directory-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
    .series-page,.series-directory{padding:12px 0 42px}
    .series-hero{grid-template-columns:105px minmax(0,1fr);gap:14px;padding:14px}
    .series-cover{width:105px}
    .series-hero h1{font-size:28px}
    .series-hero-content>p{font-size:13px}
    .series-stats{grid-column:1 / -1}
    .series-film-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .series-section-heading{align-items:start;flex-direction:column}
    .series-filmography .series-section-heading{grid-template-columns:1fr;justify-items:center;text-align:center}
    .series-filmography .series-section-heading>div,
    .series-filmography .series-section-heading>p{grid-column:1;justify-self:center}
    .related-series-grid{grid-template-columns:1fr 1fr}
    .series-order-list li{grid-template-columns:38px minmax(0,1fr);padding:12px}
    .series-order-state{grid-column:2;justify-self:start}
    .series-directory-grid{grid-template-columns:1fr}
    .series-directory-hero{padding:20px 14px}
}
@media (max-width:430px){
    .series-hero{grid-template-columns:82px minmax(0,1fr)}
    .series-cover{width:82px}
    .series-stats{grid-template-columns:1fr 1fr}
    .related-series-grid{grid-template-columns:1fr}
    .series-directory-card{grid-template-columns:86px minmax(0,1fr)}
    .series-directory-cover{width:86px}
}