/* Visitor detail v5 — editorial cinema layout, rebuilt independently of the legacy watch page. */
.az-cinema {
  --cinema-orange: #ff9418;
  --cinema-orange-hot: #ffb52a;
  --cinema-ink: #090C12;
  --cinema-surface: #11151D;
  --cinema-surface-soft: #161D28;
  --cinema-surface-gradient: linear-gradient(135deg, rgba(22,29,40,.96), rgba(17,21,29,.98) 48%, rgba(9,12,18,1));
  --cinema-line: rgba(255,255,255,.1);
  --cinema-text: #f6f7f9;
  --cinema-muted: #9299a6;
  min-height: 70vh;
  padding-block-end: 72px;
  color: var(--cinema-text);
  background: var(--cinema-ink);
}
.az-cinema *, .az-cinema *::before, .az-cinema *::after { box-sizing: border-box; }
.az-cinema a { text-decoration: none; }
.az-cinema-intro { position: relative; overflow: hidden; padding: clamp(34px,4vw,54px) 0 58px; isolation: isolate; }
.az-cinema-intro::before { position: absolute; z-index: -2; inset: 0; content: ''; background: linear-gradient(180deg,#11151d 0,#090c12 72%,var(--cinema-ink) 100%); }
.az-cinema-intro::after { position: absolute; z-index: -1; inset: -180px auto auto -130px; width: 520px; height: 520px; content: ''; background: radial-gradient(circle,rgba(255,122,24,.13),transparent 67%); pointer-events: none; }
.az-cinema-breadcrumb { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 7px 9px; margin: 0 0 13px; color: #626a77; font-size: .66rem; line-height: 1.65; }
.az-cinema-breadcrumb a { color: #a3a9b3; white-space: nowrap; }
.az-cinema-breadcrumb a:hover { color: var(--cinema-orange-hot); }
.az-cinema-breadcrumb > span[aria-current="page"] { min-width: 0; color: #7c8491; }
.az-cinema-breadcrumb__home { display: inline-flex; align-items: center; gap: 5px; }
.az-cinema-breadcrumb__home svg { width: 13px; height: 13px; flex: 0 0 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.az-cinema-stage { display: grid; grid-template-columns: clamp(230px,22vw,320px) minmax(0,1fr); align-items: center; gap: clamp(36px,5.5vw,82px); max-width: 1260px; margin-inline: auto; }
.az-cinema-poster { position: relative; width: 100%; margin: 0; aspect-ratio: 2/3; }
.az-cinema-poster::before { position: absolute; z-index: -1; inset: 22px -20px -22px 20px; content: ''; background: #171d28; border: 1px solid rgba(255,255,255,.07); border-radius: 24px; transform: rotate(-2.5deg); }
.az-cinema-poster::after { position: absolute; inset: 0; content: ''; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; box-shadow: 0 38px 75px rgba(0,0,0,.52); pointer-events: none; }
.az-cinema-poster img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.az-cinema-poster__quality { position: absolute; z-index: 4; inset: 15px 15px auto auto; display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; color: #f5f7fa; background: rgba(8,13,22,.88); border: 1px solid rgba(255,255,255,.16); border-radius: 7px; box-shadow: 0 7px 20px rgba(0,0,0,.32); font-size: .64rem; font-weight: 900; backdrop-filter: blur(8px); }
.az-cinema-poster__quality::before { width: 5px; height: 5px; flex: 0 0 5px; content: ''; background: var(--cinema-orange); border-radius: 50%; box-shadow: 0 0 0 2px rgba(255,148,24,.14); }
.az-cinema-poster__ribbon { position: absolute; z-index: 5; top: -10px; right: auto; bottom: auto; left: -10px; width: 112px; height: 112px; padding: 0; overflow: hidden; color: #fff; background: transparent; border: 0; box-shadow: none; text-align: center; transform: none; }
.az-cinema-poster__ribbon > span { position: absolute; top: 29px; left: -31px; display: block; width: 150px; padding: 3px 0 6px; color: #fff; background: var(--cinema-orange); box-shadow: 0 4px 14px -5px #000; font-size: .72rem; font-weight: 950; line-height: 22px; white-space: nowrap; transform: rotate(-45deg); }
.az-cinema-poster__ribbon > span::before,
.az-cinema-poster__ribbon > span::after { position: absolute; z-index: -1; top: 100%; content: ''; border: 4px solid transparent; }
.az-cinema-poster__ribbon > span::before { left: 0; border-top-color: #a94d08; border-left-color: #a94d08; }
.az-cinema-poster__ribbon > span::after { right: 0; border-top-color: #a94d08; border-right-color: #a94d08; }
.az-cinema-heading { position: relative; width: 100%; min-width: 0; max-width: none; }
.az-cinema-heading h1 { width: 100%; max-width: none; margin: 0; color: #fff; font-size: clamp(1.5rem,2vw,2.08rem); font-weight: 950; line-height: 1.35; letter-spacing: -.025em; text-wrap: pretty; }
.az-cinema-summary { display: -webkit-box; max-width: 760px; margin: 20px 0 0; overflow: hidden; color: #a2a8b2; font-size: .88rem; line-height: 2; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.az-cinema-meta { display: flex; max-width: 820px; flex-wrap: wrap; justify-content: flex-start; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.az-cinema-meta li { display: flex; min-width: 0; min-height: 50px; align-items: center; gap: 8px; padding: 7px 9px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.075); border-radius: 10px; }
.az-cinema-meta--five li { flex: 0 1 calc((100% - 32px) / 5); }
.az-cinema-meta--four li { flex: 0 1 calc((100% - 24px) / 4); }
.az-cinema-meta__icon { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; color: var(--cinema-orange-hot); background: rgba(255,122,24,.09); border-radius: 8px; }
.az-cinema-meta__icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.az-cinema-meta__copy { display: grid; min-width: 0; gap: 1px; }
.az-cinema-meta__copy small { color: #656d79; font-size: .51rem; font-weight: 800; }
.az-cinema-meta__copy strong, .az-cinema-meta__copy a { display: -webkit-box; overflow: hidden; color: #e8eaee; font-size: .65rem; font-weight: 850; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.az-cinema-meta__copy a:hover { color: var(--cinema-orange-hot); }
.az-cinema-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-block-start: 24px; }
.az-cinema-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 6px 8px 6px 16px; color: #eef0f3; background: #121720; border: 1px solid rgba(255,255,255,.11); border-radius: 12px; font-size: .72rem; font-weight: 900; transition: transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease; }
.az-cinema-button:hover { color: #fff; transform: translateY(-2px); }
.az-cinema-button__icon { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; color: #d8dce2; background: rgba(255,255,255,.055); border-radius: 9px; }
.az-cinema-button__icon svg { width: 18px; height: 18px; }
.az-cinema-button--primary { min-width: 198px; color: #211004; background: var(--cinema-orange); border-color: var(--cinema-orange); box-shadow: 0 10px 26px rgba(255,122,24,.18); }
.az-cinema-button--primary .az-cinema-button__icon { color: #211004; background: rgba(44,19,2,.12); }
.az-cinema-button--primary:hover { color: #170b02; background: var(--cinema-orange-hot); border-color: var(--cinema-orange-hot); box-shadow: 0 14px 30px rgba(255,122,24,.25); }
.az-cinema-button--quiet { min-width: 170px; }
.az-cinema-button--quiet:hover { background: #181e28; border-color: rgba(255,122,24,.3); }
.az-cinema-button--report { min-width: 102px; color: #a9afb9; padding-inline-end: 13px; }
.az-cinema-button--report .az-cinema-button__icon { color: #ffb52a; background: rgba(255,148,24,.08); }
.az-cinema-button--report:hover { color: #ffe0a8; background: rgba(255,148,24,.07); border-color: rgba(255,148,24,.26); }
.az-cinema-pulse { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-block-start: 25px; color: #69717e; font-size: .62rem; }
.az-cinema-pulse strong { color: #bac0c9; font-weight: 850; }
.az-cinema-pulse i { width: 3px; height: 3px; background: #414854; border-radius: 50%; }

.az-cinema-body { display: grid; gap: 28px; }
.az-cinema-overview { display: grid; gap: 28px; }
.az-cinema-section { position: relative; min-width: 0; padding: clamp(23px,3vw,38px); background: var(--cinema-surface); border: 1px solid var(--cinema-line); border-radius: 18px; }
.az-cinema-section__heading { display: flex; align-items: center; gap: 15px; margin-block-end: 27px; }
.az-cinema-section__heading > span { color: var(--cinema-orange); font-size: .66rem; font-weight: 950; letter-spacing: .08em; }
.az-cinema-section__heading > span::after { display: inline-block; width: 34px; height: 1px; margin-inline-start: 10px; vertical-align: middle; content: ''; background: rgba(255,122,24,.55); }
.az-cinema-section__heading > .az-cinema-section__icon { display: inline-grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; background: rgba(255,148,24,.09); border: 1px solid rgba(255,148,24,.2); border-radius: 9px; letter-spacing: 0; }
.az-cinema-section__heading > .az-cinema-section__icon::after { display: none; }
.az-cinema-section__icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.az-cinema-section__heading p { margin: 0 0 2px; color: #686f7b; font-size: .58rem; font-weight: 750; }
.az-cinema-section__heading h2 { margin: 0; color: #f6f7f9; font-size: clamp(1.15rem,2vw,1.55rem); font-weight: 900; }
.az-cinema-story { min-height: 290px; }
.az-cinema-story__copy { padding-inline-start: clamp(0px,2.5vw,34px); }
.az-cinema .az-story-text, .az-cinema .az-story-fallback { color: #b6bcc6; font-size: .85rem; line-height: 2.25; }
.az-cinema .az-story-text > :first-child { margin-block-start: 0; }
.az-cinema .az-story-text > :last-child { margin-block-end: 0; }
.az-cinema .az-story-toggle { margin-block-start: 18px; padding: 8px 0; color: var(--cinema-orange-hot); background: transparent; border: 0; font-size: .7rem; font-weight: 850; }
.az-cinema-article { min-height: 0; margin-block-start: 0; }
.az-cinema-article__copy { padding-block-end: 2px; }
.az-article-expand { position: relative; }
.az-article-expand.is-collapsible:not(.is-expanded)::after { position: absolute; z-index: 1; inset: auto 0 0; height: 92px; content: ''; background: linear-gradient(180deg,rgba(18,24,34,0),var(--cinema-surface) 88%); pointer-events: none; }
.az-cinema .az-article-text { max-height: 340px; overflow: hidden; color: #b6bcc6; font-size: .83rem; line-height: 2.15; transition: max-height .3s ease; }
.az-cinema .az-article-text.is-expanded { max-height: none; }
.az-cinema .az-article-toggle { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; margin-block-start: 12px; padding: 7px 12px; background: #0c121b; border: 1px solid rgba(255,148,24,.24); border-radius: 9px; }
.az-cinema .az-article-toggle:hover { color: #fff; background: #151c26; border-color: rgba(255,148,24,.48); }
.az-watch-tags { display: flex; align-items: flex-start; gap: 14px; margin-block-start: 22px; padding-block-start: 18px; border-block-start: 1px solid rgba(255,255,255,.075); }
.az-watch-tags > span { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding-block: 6px; color: #7e8998; font-size: .65rem; font-weight: 850; }
.az-watch-tags > span svg { width: 16px; height: 16px; fill: none; stroke: var(--cinema-orange-hot); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.az-watch-tags > div { display: flex; flex-wrap: wrap; gap: 7px; }
.az-watch-tags a { display: inline-flex; min-height: 30px; align-items: center; padding: 5px 10px; color: #adb7c5; background: #0c121b; border: 1px solid rgba(255,255,255,.085); border-radius: 8px; font-size: .62rem; font-weight: 750; }
.az-watch-tags a:hover { color: #fff; border-color: rgba(255,148,24,.38); }
.az-cinema .az-admin-edit-link { display: inline-flex; position: absolute; z-index: 2; inset-block-start: clamp(20px,3vw,34px); inset-inline-end: clamp(20px,3vw,34px); min-height: 37px; align-items: center; gap: 7px; padding: 7px 11px; color: #b8c1cd; background: #0c121b; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; font-size: .64rem; font-weight: 850; transition: color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease; }
.az-cinema .az-admin-edit-link:hover { color: #fff; background: #161d28; border-color: rgba(255,148,24,.38); transform: translateY(-1px); }
.az-cinema .az-admin-edit-link svg { width: 15px; height: 15px; fill: none; stroke: var(--cinema-orange-hot); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.az-cinema-series { position: relative; order: -1; overflow: hidden; padding: clamp(24px,3vw,38px); }
.az-cinema-series__head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-block-end: 24px; }
.az-cinema-series__head .az-cinema-section__heading { margin: 0; }
.az-cinema-series__meta { display: flex; align-items: center; gap: 7px; margin-block-start: 6px; color: #7f8997; font-size: .58rem; font-weight: 800; }
.az-cinema-series__meta i { width: 3px; height: 3px; background: #46505d; border-radius: 50%; }
.az-cinema-series__all { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 8px 13px; color: #c6cbd2; background: #10161f; border: 1px solid var(--cinema-line); border-radius: 10px; font-size: .65rem; font-weight: 850; }
.az-cinema-series__all:hover { color: #fff; background: #161d28; border-color: rgba(255,148,24,.32); }
.az-cinema-series__all svg { width: 17px; height: 17px; fill: none; stroke: var(--cinema-orange-hot); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.az-cinema-season-picker { display: grid; grid-template-columns: 40px minmax(0,1fr) 40px; align-items: center; gap: 8px; margin-block-end: 14px; }
.az-cinema-season-arrow { display: grid; width: 40px; height: 40px; place-items: center; color: #a8b0bc; background: #0c1119; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; transition: color .18s ease,background .18s ease,border-color .18s ease; }
.az-cinema-season-arrow:hover { color: var(--cinema-orange-hot); background: #141b25; border-color: rgba(255,148,24,.34); }
.az-cinema-season-arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.az-cinema-season-tabs { display: flex; min-width: 0; gap: 7px; overflow-x: auto; overflow-y: hidden; padding: 3px 0 5px; scroll-behavior: smooth; scroll-padding-inline: 0; scroll-snap-type: x mandatory; scrollbar-width: none; }
.az-cinema-season-tabs::-webkit-scrollbar { display: none; }
.az-cinema-season-tabs a { display: grid; min-width: 0; min-height: 76px; flex: 0 0 calc((100% - 56px) / 9); grid-template-columns: 1fr; grid-template-rows: auto auto auto; place-content: center; justify-items: center; gap: 2px; padding: 8px 7px; direction: rtl; color: #8993a1; background: #0b1018; border: 1px solid rgba(255,255,255,.075); border-radius: 11px; scroll-margin-inline: 0; scroll-snap-align: start; text-align: center; transition: color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease; }
.az-cinema-season-tabs a:hover { color: #fff; background: #111822; border-color: rgba(255,148,24,.28); transform: translateY(-1px); }
.az-cinema-season-tabs a.is-active { color: #fff; background: #161d28; border-color: rgba(255,148,24,.65); box-shadow: inset 0 -2px var(--cinema-orange); }
.az-cinema-season-tabs span { grid-column: 1; grid-row: 1; color: #aab3bf; font-size: .58rem; font-weight: 850; line-height: 1.2; }
.az-cinema-season-tabs strong { grid-column: 1; grid-row: 2; color: var(--cinema-orange-hot); font-size: 1.52rem; font-weight: 950; line-height: 1; }
.az-cinema-season-tabs small { grid-column: 1; grid-row: 3; color: #687482; font-size: .52rem; line-height: 1.2; }
.az-cinema-episode-nav { display: grid; grid-template-columns: minmax(130px,.7fr) minmax(210px,1.2fr) minmax(130px,.7fr); gap: 1px; margin-block-end: 18px; overflow: hidden; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.075); border-radius: 13px; }
.az-cinema-episode-nav > * { display: flex; min-height: 60px; align-items: center; justify-content: center; gap: 10px; padding: 9px 12px; color: #aeb4bd; background: #0b1018; border: 0; border-radius: 0; }
.az-cinema-episode-nav > a:hover { color: #fff; background: #111722; border-color: rgba(255,122,24,.3); }
.az-cinema-episode-nav .is-current { display: grid; grid-template-columns: auto auto; place-content: center; gap: 1px 10px; background: #161d28; box-shadow: inset 0 -2px var(--cinema-orange); }
.az-cinema-episode-nav .is-current small { grid-column: 1/-1; text-align: center; }
.az-cinema-episode-nav .is-current b { color: var(--cinema-orange-hot); font-size: .72rem; }
.az-cinema-episode-nav .is-disabled { opacity: .32; }
.az-cinema-episode-nav svg { width: 18px; height: 18px; fill: none; stroke: var(--cinema-orange-hot); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.az-cinema .az-cinema-episode-nav__step { justify-content: center; gap: 14px; }
.az-cinema .az-cinema-episode-nav__step > svg { width: 34px; height: 34px; flex: 0 0 34px; padding: 7px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-radius: 9px; }
.az-cinema-episode-nav__step span { display: grid; gap: 2px; }
.az-cinema-episode-nav small { color: #68717d; font-size: .52rem; }
.az-cinema-episode-nav strong { color: inherit; font-size: .78rem; font-weight: 950; }
.az-cinema-episodes-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 15px; background: #0c1119; border: 1px solid rgba(255,255,255,.065); border-block-end: 0; border-radius: 12px 12px 0 0; }
.az-cinema-episodes-title { display: grid; grid-template-columns: auto auto; align-items: center; gap: 1px 7px; }
.az-cinema-episodes-title span { grid-column: 1/-1; color: #727b88; font-size: .54rem; font-weight: 800; }
.az-cinema-episodes-title strong { color: #f3f5f8; font-size: .78rem; }
.az-cinema-episodes-title small { color: var(--cinema-orange-hot); font-size: .55rem; font-weight: 850; }
.az-cinema-episodes-tools { display: flex; align-items: center; gap: 7px; }
.az-cinema-episode-jump { display: flex; min-height: 38px; align-items: center; overflow: hidden; color: #748090; background: #090e15; border: 1px solid rgba(255,255,255,.075); border-radius: 9px; font-size: .55rem; font-weight: 800; }
.az-cinema-episode-jump > span { padding-inline: 10px 6px; white-space: nowrap; }
.az-cinema-episode-jump input { width: 64px; height: 36px; padding: 5px 7px; color: #fff; background: #111822; border: 0; border-inline: 1px solid rgba(255,255,255,.075); outline: 0; text-align: center; font-size: .65rem; font-weight: 850; }
.az-cinema-episode-jump input:focus { box-shadow: inset 0 0 0 1px rgba(255,148,24,.48); }
.az-cinema-episode-jump button { align-self: stretch; padding: 5px 10px; color: #211004; background: var(--cinema-orange); border: 0; font-size: .56rem; font-weight: 900; }
.az-cinema-episode-order { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; padding: 7px 10px; color: #aeb7c4; background: #101720; border: 1px solid rgba(255,255,255,.075); border-radius: 9px; font-size: .56rem; font-weight: 850; }
.az-cinema-episode-order:hover { color: #fff; border-color: rgba(255,148,24,.3); }
.az-cinema-episode-order svg { width: 16px; height: 16px; fill: none; stroke: var(--cinema-orange-hot); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.az-cinema-season-status { min-height: 0; color: #9ca4af; font-size: .62rem; text-align: center; }
.az-cinema-season-status:not(:empty) { padding: 10px; background: rgba(255,122,24,.05); border-inline: 1px solid rgba(255,255,255,.065); }
.az-cinema-season-panel { max-height: 430px; overflow: auto; padding: 15px; background: #080c12; border: 1px solid rgba(255,255,255,.065); border-radius: 0 0 12px 12px; scrollbar-color: rgba(255,122,24,.38) transparent; scrollbar-width: thin; transition: opacity .18s ease; }
.az-cinema-series.is-loading .az-cinema-season-panel { opacity: .38; pointer-events: none; }
.az-cinema-episode-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 8px; }
.az-cinema-episode-grid a { display: grid; min-height: 62px; place-content: center; gap: 3px; color: #b7c1ce; text-align: center; background: #0d131c; border: 1px solid rgba(255,255,255,.075); border-radius: 9px; transition: transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease; }
.az-cinema-episode-grid a:hover { color: #fff; background: #141a24; border-color: rgba(255,122,24,.38); transform: translateY(-2px); }
.az-cinema-episode-grid a.is-current { color: #211004; background: var(--cinema-orange); border-color: var(--cinema-orange); box-shadow: 0 9px 20px rgba(255,122,24,.17); }
.az-cinema-episode-grid span { color: #7f8b9b; font-size: .6rem; font-weight: 800; line-height: 1.1; }
.az-cinema-episode-grid strong { color: inherit; font-size: 1.05rem; font-weight: 950; line-height: 1.05; }
.az-cinema-episode-grid a.is-current span { color: rgba(33,16,4,.68); }

.az-cinema-shelf { overflow: hidden; }
.az-cinema .az-cinema-card-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 24px 14px; }
.az-cinema .az-card__poster { border-radius: 13px; }
.az-cinema .az-card__play { color: #241104; background: var(--cinema-orange); }
.az-cinema .az-card__link:hover .az-card__poster { border-color: rgba(255,122,24,.38); box-shadow: 0 18px 42px rgba(0,0,0,.38); }
.az-cinema .az-card__link:hover .az-card__title { color: var(--cinema-orange-hot); }
.az-cinema-recommendations { --recommendation-columns: 6; --recommendation-gap: 14px; overflow: hidden; }
.az-cinema-recommendations__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-block-end: 22px; }
.az-cinema-recommendations__head .az-cinema-section__heading { margin: 0; }
.az-cinema-recommendations__nav { display: flex; align-items: center; gap: 7px; }
.az-cinema-recommendations__nav button { display: grid; width: 38px; height: 38px; place-items: center; color: #aeb7c3; background: #0c121a; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; transition: color .18s ease,background .18s ease,border-color .18s ease; }
.az-cinema-recommendations__nav button:hover { color: var(--cinema-orange-hot); background: #161d28; border-color: rgba(255,148,24,.35); }
.az-cinema-recommendations__nav button:disabled { opacity: .3; cursor: default; }
.az-cinema-recommendations__nav svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.az-cinema-recommendations__viewport { overflow-x: auto; overflow-y: hidden; padding: 2px 1px 8px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; outline: 0; }
.az-cinema-recommendations__viewport::-webkit-scrollbar { display: none; }
.az-cinema-recommendations__viewport:focus-visible { border-radius: 12px; box-shadow: 0 0 0 2px rgba(255,148,24,.34); }
.az-cinema-recommendations__track { display: flex; gap: var(--recommendation-gap); }
.az-cinema-collection-slider .az-card { min-width: 0; flex: 0 0 calc((100% - (var(--recommendation-columns) - 1) * var(--recommendation-gap)) / var(--recommendation-columns)); scroll-snap-align: start; }
.az-cinema-collection-slider { overflow: visible; }
.az-cinema-collection-slider .az-cinema-recommendations__head { margin-block-end: 8px; }
.az-cinema-collection-slider .az-rail-shell { margin-inline: -8px; }
.az-cinema-collection-slider .az-cinema-collection-rail {
  grid-auto-columns: clamp(155px,15.5vw,218px);
  gap: clamp(12px,1.5vw,20px);
  padding: 14px 10px 8px;
  scrollbar-width: none;
}
.az-cinema-collection-slider .az-cinema-collection-rail::-webkit-scrollbar { display: none; }
.az-cinema-collection-slider .az-rail-edge { top: calc(50% - 21px); }
.az-cinema-cast { overflow: hidden; background: linear-gradient(135deg,rgba(18,25,36,.96),rgba(10,15,23,.98)); }
.az-cinema-cast::before { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg,transparent 55%,rgba(255,148,24,.035)); pointer-events: none; }
.az-cinema-cast__head { display: flex; position: relative; align-items: center; gap: 18px; margin-block-end: 14px; }
.az-cinema-cast__head .az-cinema-section__heading { margin: 0; }
.az-cinema-cast__shell { position: relative; margin-inline: -5px; }
.az-cinema-cast__rail { grid-auto-columns: 230px; gap: 12px; padding: 3px 5px 7px; scrollbar-width: none; }
.az-cinema-cast__rail::-webkit-scrollbar { display: none; }
.az-cinema-cast .az-rail-edge { width: 38px; height: 54px; }
.az-cinema-cast .az-cast-card { display: block; width: 230px; min-width: 230px; padding: 0; background: transparent; border: 0; border-radius: 0; scroll-snap-align: start; }
.az-cast-card > a { display: grid; box-sizing: border-box; width: 100%; height: 104px; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 12px; padding: 14px; color: inherit; background: rgba(8,13,20,.62); border: 1px solid rgba(255,255,255,.075); border-radius: 13px; text-align: start; transition: background .18s ease,border-color .18s ease,transform .18s ease; }
.az-cast-card > a:hover { background: rgba(18,27,39,.88); border-color: rgba(255,148,24,.3); transform: translateY(-2px); }
.az-cast-card__avatar { display: grid; width: 72px; height: 72px; overflow: hidden; place-items: center; color: #707d8d; background: #121b27; border: 2px solid rgba(255,255,255,.11); border-radius: 50%; box-shadow: 0 8px 22px rgba(0,0,0,.24); transition: border-color .18s ease,box-shadow .18s ease; }
.az-cast-card > a:hover .az-cast-card__avatar { border-color: rgba(255,148,24,.62); box-shadow: 0 9px 25px rgba(0,0,0,.34); }
.az-cast-card__avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.az-cast-card__avatar svg { width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; }
.az-cast-card__copy { display: block; min-width: 0; }
.az-cast-card strong { display: block; overflow: hidden; max-width: 100%; color: #f2f5f9; font-size: .74rem; font-weight: 900; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.az-cast-card small { display: flex; overflow: hidden; max-width: 100%; align-items: center; gap: 5px; margin-block-start: 5px; color: #8996a7; font-size: .59rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.az-cast-card small span { color: #bd812e; font-size: .51rem; font-weight: 850; }
.az-recommendation-card { min-width: 0; flex: 0 0 calc((100% - (var(--recommendation-columns) - 1) * var(--recommendation-gap)) / var(--recommendation-columns)); scroll-snap-align: start; }
.az-recommendation-card > a { display: block; color: inherit; }
.az-recommendation-card__poster { display: block; position: relative; overflow: hidden; aspect-ratio: 2/3; background: #0c121a; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.az-recommendation-card__poster img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.az-recommendation-card__shade { position: absolute; inset: 45% 0 0; background: linear-gradient(180deg,transparent,rgba(5,8,13,.8)); pointer-events: none; }
.az-recommendation-card__type,.az-recommendation-card__rating { position: absolute; inset-block-start: 10px; z-index: 1; padding: 5px 7px; border-radius: 7px; font-size: .53rem; font-weight: 900; }
.az-recommendation-card__type { inset-inline-start: 10px; color: #211004; background: var(--cinema-orange); }
.az-recommendation-card__rating { inset-inline-end: 10px; color: #ffd576; background: rgba(17,21,29,.9); backdrop-filter: blur(8px); }
.az-recommendation-card__play { display: grid; position: absolute; z-index: 1; inset: 50% 50% auto auto; width: 42px; height: 42px; place-items: center; color: #211004; background: var(--cinema-orange); border-radius: 50%; opacity: 0; transform: translate(50%,-35%) scale(.85); transition: opacity .2s ease,transform .2s ease; }
.az-recommendation-card__play svg { width: 19px; height: 19px; }
.az-recommendation-card > a:hover .az-recommendation-card__poster { border-color: rgba(255,148,24,.4); box-shadow: 0 18px 38px rgba(0,0,0,.35); transform: translateY(-2px); }
.az-recommendation-card > a:hover .az-recommendation-card__poster img { transform: scale(1.035); }
.az-recommendation-card > a:hover .az-recommendation-card__play { opacity: 1; transform: translate(50%,-50%) scale(1); }
.az-recommendation-card__body { display: grid; gap: 7px; padding: 11px 3px 0; }
.az-recommendation-card__body > strong { display: -webkit-box; min-height: 2.9em; overflow: hidden; color: #eef2f7; font-size: .72rem; font-weight: 900; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.az-recommendation-card > a:hover .az-recommendation-card__body > strong { color: var(--cinema-orange-hot); }
.az-recommendation-card__meta { display: flex; min-width: 0; flex-wrap: wrap; gap: 4px 9px; color: #738195; font-size: .55rem; }
.az-recommendation-card__meta > span + span::before { display: inline-block; width: 3px; height: 3px; margin-inline-end: 7px; vertical-align: middle; content: ''; background: #3e4a5a; border-radius: 50%; }
.az-cinema-comments { width: 100%; margin-inline: auto; }
.az-cinema-comments .az-cinema-section__heading { margin-block-end: 22px; }
.az-cinema-comments .az-comment-form { gap: 15px; margin-block-end: 18px; padding: 22px; background: #0b1018; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; }
.az-comment-form__head { display: flex; align-items: center; gap: 11px; }
.az-comment-form__icon,
.az-comments__empty-icon { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; color: var(--cinema-orange-hot); background: rgba(255,148,24,.08); border: 1px solid rgba(255,148,24,.22); border-radius: 10px; }
.az-comment-form__icon svg,
.az-comments__empty-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.az-comment-form__head > div { display: grid; gap: 2px; }
.az-comment-form__head strong { color: #f3f6fa; font-size: .8rem; font-weight: 900; }
.az-comment-form__head small { color: #738195; font-size: .6rem; }
.az-cinema-comments .az-comment-form textarea { min-height: 126px; padding: 15px 16px; color: #e7edf5; background: #0e141d; border-color: rgba(255,255,255,.1); border-radius: 12px; font-size: .76rem; line-height: 1.8; }
.az-cinema-comments .az-comment-form textarea::placeholder { color: #69778a; }
.az-cinema-comments .az-comment-form > button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 9px; margin-block-start: 0; padding-inline: 18px; color: #211004; background: var(--cinema-orange); border-radius: 10px; }
.az-cinema-comments .az-comment-form > button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transform: scaleX(-1); }
.az-cinema-comments .az-comment { padding: 16px; background: #0b1018; border-color: rgba(255,255,255,.075); }
.az-cinema-comments .az-comment__avatar { border: 2px solid #182231; box-shadow: 0 0 0 1px rgba(255,148,24,.2); }
.az-cinema-comments .az-comment__author { color: #f1f4f8; }
.az-cinema-comments .az-comment__text { color: #b4c0cf; }
.az-cinema-comments .az-comment__actions button { display: inline-flex; min-height: 30px; align-items: center; gap: 5px; padding-inline: 9px; background: #0e151f; }
.az-cinema-comments .az-comment__actions svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.az-cinema-comments .az-comment__actions button:hover,
.az-cinema-comments .az-comment__actions button.is-active { background: rgba(255,122,24,.1); border-color: rgba(255,122,24,.35); }
.az-cinema-comments .az-comments__empty { display: flex; width: 100%; max-width: none; min-height: auto; align-items: center; justify-content: flex-start; gap: 13px; margin: 0; padding: 18px; text-align: start; background: #0b1018; border: 1px dashed rgba(255,255,255,.1); border-radius: 13px; }
.az-cinema-comments .az-comments__empty > div { display: grid; gap: 4px; }
.az-cinema-comments .az-comments__empty strong { color: #e8edf4; font-size: .74rem; }
.az-cinema-comments .az-comments__empty p { margin: 0; color: #768498; font-size: .64rem; }
.az-cinema-comments .az-comments__pagination button { background: #0e151f; }

@media (max-width: 1100px) {
  .az-cinema-stage { grid-template-columns: 230px minmax(0,1fr); gap: 46px; }
  .az-cinema-heading h1 { font-size: clamp(1.5rem,3vw,2rem); }
  .az-cinema-season-tabs a { flex-basis: calc((100% - 42px) / 7); }
  .az-cinema-recommendations { --recommendation-columns: 4; }
  .az-cinema-episode-grid { grid-template-columns: repeat(10,minmax(0,1fr)); }
  .az-cinema .az-cinema-card-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .az-cinema-intro { padding-block-end: 46px; }
  .az-cinema-stage { grid-template-columns: 170px minmax(0,1fr); align-items: start; gap: 26px; }
  .az-cinema-poster::before { inset: 13px -10px -13px 10px; }
  .az-cinema-summary { -webkit-line-clamp: 2; }
  .az-cinema-meta li,
  .az-cinema-meta--five li,
  .az-cinema-meta--four li { flex-basis: calc((100% - 8px) / 2); }
  .az-cinema-story { min-height: 0; }
  .az-cinema-series__head { align-items: flex-start; }
  .az-cinema-season-tabs a { flex-basis: calc((100% - 28px) / 5); }
  .az-cinema-recommendations { --recommendation-columns: 3; }
  .az-cinema-episodes-head { align-items: flex-start; flex-direction: column; }
  .az-cinema-episodes-tools { width: 100%; justify-content: space-between; }
  .az-cinema-episode-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .az-cinema .az-cinema-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 575px) {
  .az-cinema-intro { padding: 16px 0 38px; }
  .az-cinema-stage { grid-template-columns: 108px minmax(0,1fr); align-items: start; gap: 12px 17px; }
  .az-cinema-heading { display: contents; }
  .az-cinema-poster { grid-column: 1; grid-row: 1 / 3; }
  .az-cinema-poster img, .az-cinema-poster::after { border-radius: 12px; }
  .az-cinema-poster::before { inset: 8px -7px -8px 7px; border-radius: 13px; }
  .az-cinema-poster__quality { inset: 7px 7px auto auto; padding: 4px 6px; font-size: .49rem; }
  .az-cinema-poster__ribbon { top: -5px; left: -5px; width: 64px; height: 64px; }
  .az-cinema-poster__ribbon > span { top: 16px; left: -19px; width: 88px; padding: 1px 0 3px; font-size: .49rem; line-height: 16px; }
  .az-cinema-poster__ribbon > span::before,
  .az-cinema-poster__ribbon > span::after { border-width: 3px; }
  .az-cinema-heading .az-cinema-breadcrumb { grid-column: 2; grid-row: 1; align-self: end; width: 100%; margin-block-end: 4px; font-size: .5rem; }
  .az-cinema-heading h1 { grid-column: 2; grid-row: 2; align-self: start; font-size: clamp(1.12rem,5.5vw,1.45rem); line-height: 1.42; letter-spacing: -.015em; }
  .az-cinema-summary { display: none; }
  .az-cinema-meta { grid-column: 1/-1; grid-row: 3; gap: 7px; width: 100%; margin-block-start: 12px; }
  .az-cinema-meta li,
  .az-cinema-meta--five li,
  .az-cinema-meta--four li { flex-basis: calc((100% - 7px) / 2); }
  .az-cinema-meta li { min-height: 48px; padding: 7px 8px; }
  .az-cinema-meta__icon { width: 29px; height: 29px; flex-basis: 29px; }
  .az-cinema-meta__icon svg { width: 15px; height: 15px; }
  .az-cinema-meta__copy strong, .az-cinema-meta__copy a { font-size: .58rem; }
  .az-cinema-actions { grid-column: 1/-1; grid-row: 4; display: grid; grid-template-columns: 1fr auto; margin-block-start: 10px; }
  .az-cinema-button--primary { grid-column: 1/-1; min-width: 0; width: 100%; }
  .az-cinema-button--quiet { min-width: 0; }
  .az-cinema-button--report { min-width: 0; padding-inline: 7px 10px; }
  .az-cinema-pulse { grid-column: 1/-1; grid-row: 5; margin-block-start: 7px; }
  .az-cinema-body { gap: 18px; padding-inline: 12px; }
  .az-cinema-overview { gap: 18px; }
  .az-cinema-section { padding: 20px 17px; border-radius: 14px; }
  .az-cinema .az-admin-edit-link { inset-block-start: 17px; inset-inline-end: 17px; min-height: 34px; padding: 6px 9px; }
  .az-cinema-section__heading { margin-block-end: 21px; }
  .az-cinema-story__copy { padding-inline-start: 0; }
  .az-cinema .az-story-text, .az-cinema .az-story-fallback { font-size: .78rem; line-height: 2.1; }
  .az-cinema-article { margin-block-start: 0; }
  .az-cinema .az-article-text { max-height: 265px; font-size: .76rem; line-height: 2; }
  .az-watch-tags { align-items: stretch; flex-direction: column; gap: 5px; }
  .az-cinema-series__head { align-items: flex-start; flex-direction: column; }
  .az-cinema-series__all { min-height: 38px; }
  .az-cinema-season-picker { grid-template-columns: 34px minmax(0,1fr) 34px; gap: 5px; }
  .az-cinema-season-arrow { width: 34px; height: 38px; }
  .az-cinema-season-tabs a { flex-basis: calc((100% - 7px) / 2); min-height: 78px; padding-inline: 7px; }
  .az-cinema-recommendations { --recommendation-columns: 2; --recommendation-gap: 10px; }
  .az-cinema-recommendations__head { align-items: flex-start; }
  .az-cinema-cast__head { align-items: flex-start; }
  .az-cinema-cast__rail { grid-auto-columns: 220px; gap: 9px; }
  .az-cinema-cast .az-cast-card { width: 220px; min-width: 220px; }
  .az-cast-card > a { height: 94px; grid-template-columns: 64px minmax(0,1fr); padding: 12px; }
  .az-cast-card__avatar { width: 64px; height: 64px; }
  .az-cinema-recommendations__nav button { width: 35px; height: 35px; }
  .az-recommendation-card__body > strong { font-size: .67rem; }
  .az-cinema-episode-nav { grid-template-columns: 1fr 1fr; }
  .az-cinema-episode-nav .is-current { grid-column: 1/-1; grid-row: 1; }
  .az-cinema-episode-nav > * { min-height: 54px; padding: 8px; }
  .az-cinema .az-cinema-episode-nav__step { gap: 9px; }
  .az-cinema .az-cinema-episode-nav__step > svg { width: 30px; height: 30px; flex-basis: 30px; padding: 6px; }
  .az-cinema-episodes-tools { display: grid; grid-template-columns: 1fr; }
  .az-cinema-episode-jump { width: 100%; }
  .az-cinema-episode-jump > span { flex: 1; }
  .az-cinema-episode-jump input { width: 68px; }
  .az-cinema-episode-order { justify-content: center; }
  .az-cinema-season-panel { max-height: 360px; padding: 10px; }
  .az-cinema-episode-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
  .az-cinema .az-cinema-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 10px; }
  .az-cinema-comments .az-comment-form { gap: 12px; padding: 14px; }
  .az-cinema-comments .az-comment-form textarea { min-height: 112px; }
  .az-cinema-comments .az-comment-form > button { width: 100%; justify-self: stretch; }
  .az-cinema-comments .az-comment-form__guest { grid-template-columns: 1fr; }
  .az-cinema-comments .az-comments__empty { align-items: flex-start; padding: 14px; }
}

/* Brand alignment with the site-wide orange + navy identity. */
.az-cinema .az-cinema-button--report .az-cinema-button__icon {
  color: var(--cinema-orange-hot);
  background: rgba(255,148,24,.1);
}

.az-cinema .az-cinema-button--report:hover {
  color: #ffe0a8;
  background: rgba(255,148,24,.08);
  border-color: rgba(255,148,24,.35);
}

.az-cinema-section,
.az-cinema-series {
  background: var(--cinema-surface-gradient);
}

.az-cinema .az-cinema-card__link:hover .az-cinema-card__title,
.az-cinema .az-cinema-breadcrumb a:hover {
  color: var(--cinema-orange-hot);
}

/* Keep detail pages on the same deep-navy surface system as the catalog. */
.az-cinema .az-cinema-meta__icon,
.az-cinema .az-cinema-section__heading > .az-cinema-section__icon,
.az-cinema .az-cinema-button--report .az-cinema-button__icon,
.az-cinema .az-cinema-comments .az-comment__actions button:hover,
.az-cinema .az-cinema-comments .az-comment__actions button.is-active {
  background-color: rgba(255,148,24,.09);
}

.az-cinema .az-cinema-episode-nav .is-current {
  background: linear-gradient(135deg, rgba(22,29,40,.98), rgba(17,21,29,.98));
}

.az-cinema .az-cinema-season-tabs a.is-active {
  background: #161d28;
  border-color: rgba(255,148,24,.55);
}

.az-cinema .az-cinema-episode-grid a.is-current {
  background: var(--cinema-orange);
  border-color: var(--cinema-orange);
}

.az-cinema .az-cinema-section__heading > span::after,
.az-cinema .az-cinema-episode-nav > a:hover,
.az-cinema .az-cinema-episode-grid a:hover,
.az-cinema .az-cinema-comments .az-comment__actions button:hover,
.az-cinema .az-cinema-comments .az-comment__actions button.is-active {
  border-color: rgba(255,148,24,.38);
}