/* An open, poster-led information layout with a quiet cinematic backdrop. */
body.anime-detail-page,
body.anime-detail-page .anime-detail-shell { background: #080808; }
body.anime-detail-page .anime-detail-hero { min-height: 0; background: #080808; }
body.anime-detail-page .anime-detail-backdrop {
    opacity: .42;
    filter: saturate(.5) brightness(.6);
    background-position: center top;
    max-height: 740px;
}
body.anime-detail-page .anime-detail-overlay {
    background: linear-gradient(180deg, rgba(8,8,8,.1), #080808 720px), linear-gradient(90deg, #080808 0%, rgba(8,8,8,.18) 48%, #080808 100%);
}
body.anime-detail-page .anime-detail-hero::after { background: linear-gradient(transparent, #080808); }
body.anime-detail-page .anime-detail-content {
    width: min(calc(100% - 80px), 1440px);
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 36px;
    padding-top: 106px;
    padding-bottom: 30px;
    align-items: start;
}
body.anime-detail-page .anime-detail-card { gap: 12px; }
body.anime-detail-page .anime-poster-wrap,
body.anime-detail-page .anime-poster { aspect-ratio: 2 / 3; border-radius: 12px; }
body.anime-detail-page .anime-poster-badge { display: none; }
body.anime-detail-page .anime-detail-main { min-width: 0; width: 100%; padding: 0; gap: 22px; grid-template-columns: minmax(0, 1fr); }
body.anime-detail-page .anime-detail-main > * { min-width: 0; max-width: 100%; }
body.anime-detail-page :is(.anime-poster-wrap, .anime-poster-actions, .anime-detail-heading, .anime-meta-info) { transform: none; }
body.anime-detail-page .anime-detail-heading { border: 0; padding: 0; gap: 8px; }
body.anime-detail-page .anime-detail-heading h1 {
    font-size: clamp(30px, 2.8vw, 44px);
    line-height: 1.14;
    letter-spacing: -.035em;
    font-weight: 850;
}
body.anime-detail-page .anime-alternative-title { color: #777; font-size: 17px; font-style: italic; }
body.anime-detail-page .anime-summary-badges { gap: 0; row-gap: 10px; }
body.anime-detail-page .anime-summary-badges > span {
    min-height: 0;
    padding: 0 10px;
    border: 0;
    border-right: 1px solid #414141;
    border-radius: 0;
    color: #cecece;
    background: none;
    box-shadow: none;
    margin-top: 0;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
}
body.anime-detail-page .anime-summary-badges > span:first-child { padding-left: 0; color: #65d49a; }
body.anime-detail-page .anime-summary-badges > span:last-child { border-right: 0; }
body.anime-detail-page .anime-summary-badges > [hidden] { display: none; }
body.anime-detail-page .anime-hero-facts,
body.anime-detail-page .anime-info-pills { display: none; }
body.anime-detail-page .anime-description-card {
    width: 100%;
    max-width: none;
    padding: 8px 0 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
body.anime-detail-page .anime-description-label { display: none; }
body.anime-detail-page .anime-description-toggle { display: block; max-height: none; padding: 0; overflow: visible; }
body.anime-detail-page .anime-description-card p { color: #999; font-size: 15px; line-height: 1.7; font-weight: 600; }
body.anime-detail-page .anime-description-toggle.is-collapsed p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
body.anime-detail-page .anime-description-card.is-description-open p { display: block; -webkit-line-clamp: unset; max-height: none; overflow: visible; }
.anime-description-more { display: none; }
.is-description-expandable .anime-description-more { display: block; margin-top: 9px; color: #eee; font-size: 13px; font-weight: 750; }
.anime-description-more::after { content: 'Tam oxu  ⌄'; }
.is-description-open .anime-description-more::after { content: 'Daha az göstər  ⌃'; }
.anime-info-navigation { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 12px; }
.anime-info-navigation a { padding: 12px 16px; border: 1px solid transparent; border-radius: 12px; color: #929292; background: #141414; font-size: 12px; font-weight: 750; text-decoration: none; transition: background .2s, color .2s; }
.anime-info-navigation a.is-current,
.anime-info-navigation a:hover { color: #fff; background: #222; }
.anime-info-navigation a:focus-visible { outline: 2px solid #bbb; outline-offset: 3px; }
body.anime-detail-page :is(#anime-detail-page, #anime-episodes-section, #anime-comments-section) { scroll-margin-top: 90px; }
body.anime-detail-page .anime-detail-main .anime-characters-panel { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: none; }
body.anime-detail-page .anime-characters-head { margin-bottom: 20px; }
body.anime-detail-page .anime-characters-head h2 { color: #858585; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
body.anime-detail-page .anime-characters-head > span { display: none; }
body.anime-detail-page .anime-characters-row { display: flex; gap: 18px; overflow-x: auto; padding: 0 0 14px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #333 transparent; }
body.anime-detail-page .anime-character-card { flex: 0 0 108px; width: 108px; min-width: 0; scroll-snap-align: start; text-align: center; }
body.anime-detail-page .anime-character-image { width: 100%; height: 144px; aspect-ratio: 3 / 4; border-radius: 15px; border: 1px solid #393939; overflow: hidden; }
body.anime-detail-page .anime-character-image img { width: 100%; height: 100%; object-fit: cover; }
body.anime-detail-page .anime-character-card strong { font-size: 12px; }
body.anime-detail-page .anime-character-card small { color: #666; font-size: 9px; }
body.anime-detail-page .anime-extra-grid { width: min(calc(100% - 80px), 1440px); grid-template-columns: 260px minmax(0, 1fr); column-gap: 36px; padding-top: 6px; background: #080808; }
body.anime-detail-page .theme-details-card { border-radius: 8px; background: transparent; box-shadow: none; }
body.anime-detail-page .anime-poster-actions .anime-side-watch { min-height: 46px; border-radius: 14px; }
body.anime-detail-page .anime-poster-trailer { min-height: 42px; border-radius: 13px; border-color: #393939; background: #171717; }

@media (min-width: 901px) and (max-width: 1100px) {
    body.anime-detail-page .anime-detail-content,
    body.anime-detail-page .anime-extra-grid { grid-template-columns: 220px minmax(0, 1fr); gap: 28px; }
    body.anime-detail-page .anime-detail-heading,
    body.anime-detail-page .anime-detail-title-row { align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; }
    body.anime-detail-page .anime-detail-heading :is(h1, .anime-alternative-title) { text-align: left !important; margin-left: 0; }
}
@media (max-width: 900px) {
    body.anime-detail-page .anime-detail-content { width: calc(100% - 32px); grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 86px; }
    body.anime-detail-page .anime-detail-card { width: 220px; max-width: 100%; margin-inline: auto; }
    body.anime-detail-page .anime-detail-heading h1 { font-size: clamp(27px, 6vw, 38px); }
    body.anime-detail-page .anime-summary-badges { justify-content: center; }
    body.anime-detail-page .anime-detail-main { gap: 18px; }
    body.anime-detail-page .anime-description-card p { font-size: 14px; }
    .anime-info-navigation { justify-content: center; }
    body.anime-detail-page .anime-extra-grid { width: calc(100% - 32px); grid-template-columns: minmax(0, 1fr); }
    body.anime-detail-page .anime-character-card { flex-basis: 92px; width: 92px; }
    body.anime-detail-page .anime-character-image { height: 124px; }
}
@media (prefers-reduced-motion: reduce) { .anime-info-navigation a { transition: none; } }