/* Desi Serial Cinema UI */
:root {
  --cinema-ink: #151722;
  --cinema-muted: #686c78;
  --cinema-bg: #f5f6f8;
  --cinema-card: #fff;
  --cinema-line: #e1e3e9;
  --cinema-red: #ed3754;
  --cinema-blue: #2979ff;
  --cinema-violet: #6d45e5;
  --cinema-yellow: #ffc928;
  --cinema-green: #16a779;
  --cinema-cyan: #12afd0;
  --cinema-width: 1440px;
  --cinema-shadow: 0 16px 44px rgba(21, 23, 34, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; background: var(--cinema-bg); color: var(--cinema-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body, h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: 0; }
a { color: inherit; }

/* Header */
.cinema-header { position: sticky; top: 0; z-index: 100; border: 0; background: rgba(255, 255, 255, .97); box-shadow: 0 1px 0 rgba(21, 23, 34, .09); backdrop-filter: blur(18px); }
.cinema-header-shell { position: relative; width: min(100%, var(--cinema-width)); max-width: var(--cinema-width); min-height: 64px; margin: auto; padding: 7px 34px; gap: 24px; }
.cinema-header-shell .site-brand { display: flex; flex: none; align-items: center; }
.cinema-header-shell .site-logo { display: block; width: 210px; height: auto; }
.cinema-header-shell .brand-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--cinema-red); color: #fff; }
.cinema-header-shell .brand-copy { display: grid; line-height: 1.05; }
.cinema-header-shell .brand-copy strong { color: var(--cinema-ink); font-size: 19px; }
.cinema-header-shell .brand-copy small { margin-top: 5px; color: #8a8e99; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .9px; }
.cinema-header-shell .top-nav { gap: 2px; }
.cinema-header-shell .top-nav a { position: relative; display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 7px; padding: 8px 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #626672; font-size: 12px; font-weight: 700; transition: color .18s ease; }
.cinema-header-shell .top-nav a i { font-size: 12px; }
.cinema-header-shell .top-nav .nav-home i { color: var(--cinema-red); }
.cinema-header-shell .top-nav .nav-episodes i { color: var(--cinema-violet); }
.cinema-header-shell .top-nav .nav-schedule i { color: var(--cinema-blue); }
.cinema-header-shell .top-nav a:hover { background: transparent; color: var(--cinema-ink); }
.cinema-header-shell .top-nav a[aria-current="page"] { background: transparent; box-shadow: none; color: var(--cinema-ink); font-weight: 800; }
.cinema-header-shell .top-nav a[aria-current="page"]:after { content: ""; position: absolute; bottom: 2px; left: 50%; width: 18px; height: 2px; transform: translateX(-50%); background: currentColor; }
.cinema-header-shell .top-nav .nav-home[aria-current="page"]:after { background: var(--cinema-red); }
.cinema-header-shell .top-nav .nav-episodes[aria-current="page"]:after { background: var(--cinema-violet); }
.cinema-header-shell .top-nav .nav-schedule[aria-current="page"]:after { background: var(--cinema-blue); }
.cinema-search { max-width: 300px; height: 42px; margin-left: auto; border: 1px solid #d8dae1; border-radius: 24px; background: #f5f6f8; }
.cinema-search:focus-within { border-color: var(--cinema-blue); background: #fff; box-shadow: 0 0 0 3px rgba(41, 121, 255, .12); }
.cinema-search button { color: var(--cinema-blue); }
.cinema-header-shell .header-list, .cinema-header-shell .nav-toggle { color: var(--cinema-ink); }
.cinema-header-shell .header-list small { background: var(--cinema-red); }
.genre-strip { border-top: 1px solid #eff0f3; background: #fff; }
.genre-strip > div { display: flex; width: min(100%, var(--cinema-width)); margin: auto; padding: 0 34px; overflow-x: auto; scrollbar-width: none; }
.genre-mobile-select { display: none; }
.genre-strip a { flex: none; padding: 7px 18px 8px 0; color: #757985; font-size: 11px; font-weight: 750; white-space: nowrap; }
.genre-strip a:nth-child(1):hover { color: var(--cinema-red); }
.genre-strip a:nth-child(2):hover { color: var(--cinema-violet); }
.genre-strip a:nth-child(3):hover { color: var(--cinema-blue); }
.genre-strip a:nth-child(4):hover { color: var(--cinema-green); }
.genre-strip a:nth-child(5):hover { color: #df8314; }
.genre-strip a:nth-child(6):hover { color: var(--cinema-cyan); }
.genre-strip a:nth-child(7):hover { color: #b82c8c; }

/* Homepage hero */
.cinema-page { width: 100%; }
.cinema-hero { position: relative; display: flex; align-items: flex-end; min-height: 500px; overflow: hidden; border-bottom: 1px solid #292b38; background: #11131d; color: #fff; }
.cinema-hero:after { content: ""; position: absolute; z-index: 4; right: 0; bottom: 0; left: 0; height: 4px; background: linear-gradient(90deg, var(--cinema-red) 0 18%, var(--cinema-yellow) 18% 36%, var(--cinema-green) 36% 54%, var(--cinema-cyan) 54% 72%, var(--cinema-blue) 72% 86%, var(--cinema-violet) 86%); }
.cinema-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; filter: saturate(1.05) contrast(1.04); }
.cinema-hero-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10, 11, 18, .98) 0%, rgba(10, 11, 18, .9) 35%, rgba(10, 11, 18, .32) 72%, rgba(10, 11, 18, .58) 100%), linear-gradient(90deg, rgba(9, 10, 17, .62), rgba(9, 10, 17, .08) 70%); }
.cinema-hero-content { position: relative; z-index: 2; width: min(100%, var(--cinema-width)); margin: 0 auto; padding: 190px 34px 38px; }
.cinema-title-block { width: calc(100% - 370px); max-width: 1000px; }
.cinema-label { display: inline-flex; width: max-content; align-items: center; gap: 7px; margin: 0 0 8px; color: #ff9eb1; font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: 1.2px; }
.cinema-label i { color: var(--cinema-yellow); }
.cinema-hero h1 { width: 100%; max-width: none; margin: 0; color: #fff; font-size: clamp(32px, 3.4vw, 50px); line-height: 1; }
.cinema-detail-bar { display: grid; grid-template-columns: auto minmax(260px, 1fr) auto; align-items: center; gap: 24px; margin-top: 18px; padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, .2); }
.cinema-welcome { position: absolute; z-index: 3; top: 28px; left: max(34px, calc((100vw - var(--cinema-width)) / 2 + 34px)); display: flex; min-height: 28px; align-items: center; gap: 11px; padding: 0 18px 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .18); color: #f1f2f5; font-family: inherit; font-size: 18px; font-weight: 600; line-height: 1.2; letter-spacing: 0; opacity: .5; text-shadow: 0 2px 10px rgba(0, 0, 0, .32); white-space: nowrap; }
.cinema-welcome:before { content: ""; width: 3px; height: 24px; flex: none; border-radius: 1px; background: linear-gradient(180deg, var(--cinema-red), var(--cinema-yellow) 48%, var(--cinema-cyan)); box-shadow: 0 0 14px rgba(255, 201, 40, .28); }
.cinema-meta { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; }
.cinema-meta span { padding: 4px 8px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 3px; background: rgba(15, 17, 27, .4); color: #e3e5eb; font-size: 10px; font-weight: 750; text-transform: uppercase; backdrop-filter: blur(8px); }
.cinema-meta span:nth-child(1) { border-color: rgba(237, 55, 84, .7); color: #ffadbc; }
.cinema-meta span:nth-child(2) { border-color: rgba(41, 121, 255, .72); color: #a9c8ff; }
.cinema-meta span:last-child { border-color: rgba(255, 201, 40, .75); color: #ffe287; }
.cinema-detail-bar > p { max-width: 58ch; margin: 0; color: #c5c8d2; font-size: 12px; line-height: 1.5; }
.cinema-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin: 0; }
.cinema-play, .cinema-save { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border: 0; border-radius: 5px; font-size: 12px; font-weight: 800; }
.cinema-play { background: var(--cinema-red); color: #fff; box-shadow: 0 8px 22px rgba(237, 55, 84, .28); }
.cinema-play:hover { background: #cf2944; color: #fff; }
.cinema-save { border: 1px solid rgba(255, 255, 255, .34); background: rgba(17, 19, 29, .58); color: #fff; backdrop-filter: blur(10px); }
.cinema-save:hover { border-color: #fff; background: rgba(255, 255, 255, .95); color: #171927; }
.hero-queue { position: absolute; z-index: 3; top: 20px; right: max(34px, calc((100vw - var(--cinema-width)) / 2 + 34px)); width: 330px; }
.hero-queue-head { display: flex; align-items: center; gap: 8px; color: #f1f2f5; }
.hero-queue-head > i { width: 7px; height: 7px; flex: none; border-radius: 50%; background: #53d99f; box-shadow: 0 0 0 4px rgba(83, 217, 159, .14); }
.hero-queue-head > span { display: grid; gap: 2px; }
.hero-queue-head { margin-bottom: 9px; }
.hero-queue-head strong { font-size: 15px; line-height: 1; text-transform: uppercase; letter-spacing: .8px; }
.hero-queue-head small { color: #a5aab6; font-size: 9px; text-transform: uppercase; }
.hero-queue-list { display: grid; gap: 6px; min-width: 0; }
.hero-queue-list a { --queue-accent: var(--cinema-red); position: relative; display: flex; min-width: 0; min-height: 76px; align-items: flex-end; overflow: hidden; border: 1px solid rgba(255, 255, 255, .2); border-bottom: 3px solid var(--queue-accent); border-radius: 4px; background: #11131d; }
.hero-queue-list a:after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(0deg, rgba(8, 9, 15, .96) 0%, rgba(8, 9, 15, .68) 44%, rgba(8, 9, 15, .08) 100%); }
.hero-queue-list a:nth-child(2) { --queue-accent: var(--cinema-blue); }
.hero-queue-list a:nth-child(3) { --queue-accent: var(--cinema-violet); }
.hero-queue-list a:nth-child(4) { --queue-accent: var(--cinema-green); }
.hero-queue-list a:hover { border-color: rgba(255, 255, 255, .55); }
.hero-queue-list a:hover img { transform: scale(1.045); }
.hero-queue-index { position: absolute; z-index: 3; top: 6px; right: 6px; padding: 2px 5px; border-radius: 2px; background: var(--queue-accent); color: #fff; font-size: 8px; font-weight: 850; }
.hero-queue-list img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.hero-queue-copy { position: relative; z-index: 2; min-width: 0; padding: 17px 10px 8px; }
.hero-queue-copy small { display: block; overflow: hidden; color: #b5bac5; font-size: 8px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.hero-queue-list b { display: block; overflow: hidden; color: #fff; font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.hero-queue-list a:first-child { min-height: 132px; }
.hero-queue-list a:first-child .hero-queue-copy { padding: 30px 12px 10px; }
.hero-queue-list a:first-child .hero-queue-copy small { font-size: 9px; }
.hero-queue-list a:first-child b { font-size: 12px; }
.hero-queue-list a:nth-child(n+2) { display: grid; grid-template-columns: 18px 72px minmax(0, 1fr); min-height: 50px; align-items: center; gap: 8px; padding: 5px 8px; border-bottom-width: 1px; border-left: 3px solid var(--queue-accent); }
.hero-queue-list a:nth-child(n+2):after { content: none; }
.hero-queue-list a:nth-child(n+2) .hero-queue-index { position: static; padding: 0; background: transparent; color: var(--queue-accent); }
.hero-queue-list a:nth-child(n+2) img { position: static; width: 72px; height: 40px; object-fit: cover; border-radius: 2px; }
.hero-queue-list a:nth-child(n+2) .hero-queue-copy { position: static; padding: 0; }

/* Shelves */
.movie-shelf, .network-shelf, .franchise-shelf, .cinema-content { width: min(100%, var(--cinema-width)); margin-right: auto; margin-left: auto; padding-right: 34px; padding-left: 34px; }
.movie-shelf { padding-top: 42px; }
.shelf-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.shelf-head span { display: block; margin-bottom: 3px; color: var(--cinema-red); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .9px; }
.shelf-head h2 { margin: 0; font-size: 25px; line-height: 1.1; }
.shelf-head > a { color: var(--cinema-blue); font-size: 12px; font-weight: 800; }
.movie-row { display: grid; grid-auto-columns: minmax(235px, 1fr); grid-auto-flow: column; gap: 14px; overflow-x: auto; padding: 2px 2px 16px; scroll-snap-type: x mandatory; scrollbar-color: #c5c8d0 transparent; }
.movie-row .film-tile { scroll-snap-align: start; }
.network-shelf { padding-top: 28px; padding-bottom: 30px; }
.network-shelf .shelf-head span { color: var(--cinema-violet); }
.network-row { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; }
.network-row a { --network-accent: var(--cinema-red); min-width: 0; text-align: center; }
.network-row a:nth-child(2) { --network-accent: var(--cinema-violet); }
.network-row a:nth-child(3) { --network-accent: var(--cinema-blue); }
.network-row a:nth-child(4) { --network-accent: var(--cinema-green); }
.network-row a:nth-child(5) { --network-accent: #d58b08; }
.network-row a:nth-child(6) { --network-accent: var(--cinema-cyan); }
.network-row a:nth-child(7) { --network-accent: #c63f93; }
.network-row a:nth-child(8) { --network-accent: #5266d8; }
.network-row a > span { position: relative; display: grid; min-height: 76px; place-items: center; overflow: hidden; padding: 12px; border: 1px solid rgba(255, 255, 255, .82); border-radius: 6px; background: #fff; box-shadow: 0 8px 18px rgba(27, 35, 52, .09), inset 0 1px 0 rgba(255, 255, 255, .86); transition: transform .18s ease, box-shadow .18s ease; }
.network-row a > span:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: var(--network-accent); opacity: .82; }
.network-row a:nth-child(1) > span { background: #fff0f3; }
.network-row a:nth-child(2) > span { background: #f1ecff; }
.network-row a:nth-child(3) > span { background: #eaf3ff; }
.network-row a:nth-child(4) > span { background: #e9f9f3; }
.network-row a:nth-child(5) > span { background: #fff5df; }
.network-row a:nth-child(6) > span { background: #e9f9fc; }
.network-row a:nth-child(7) > span { background: #fceefa; }
.network-row a:nth-child(8) > span { background: #eef0ff; }
.network-row a:hover > span { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(27, 35, 52, .14), inset 0 1px 0 #fff; }
.network-row img { position: relative; z-index: 1; max-width: 100%; max-height: 52px; object-fit: contain; filter: drop-shadow(0 4px 5px rgba(21, 23, 34, .12)); transition: transform .18s ease; }
.network-row a:hover img { transform: scale(1.045); }
.network-row b { display: block; margin-top: 8px; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.franchise-shelf { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 26px; width: 100%; max-width: none; padding-top: 28px; padding-bottom: 28px; padding-left: max(34px, calc((100vw - var(--cinema-width)) / 2 + 34px)); padding-right: max(34px, calc((100vw - var(--cinema-width)) / 2 + 34px)); background: #231b43; color: #fff; }
.franchise-copy { align-self: center; }
.franchise-copy > span { color: #bcaaff; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .9px; }
.franchise-copy h2 { margin: 6px 0 9px; color: #fff; font-size: 27px; line-height: 1.04; }
.franchise-copy p { color: #aaa4bc; font-size: 13px; line-height: 1.5; }
.franchise-copy a { display: inline-flex; align-items: center; gap: 8px; color: var(--cinema-yellow); font-size: 12px; font-weight: 800; }
.franchise-row { display: grid; grid-auto-columns: minmax(180px, 1fr); grid-auto-flow: column; gap: 12px; overflow-x: auto; padding-bottom: 8px; scrollbar-color: #6d608f transparent; }
.franchise-row a { min-width: 0; }
.franchise-row img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 5px; }
.franchise-row b { display: block; margin-top: 8px; color: #fff; font-size: 11px; line-height: 1.35; }

/* Movie cards and library */
.cinema-content { padding-top: 22px; }
.cinema-content > .telegram-shell { padding: 0; }
.global-telegram { margin: 0 0 26px; border: 1px solid #cdebf2; border-left: 4px solid var(--cinema-cyan); border-radius: 6px; background: #eefbfe; box-shadow: none; }
.catalog-context { margin: 0 0 28px; padding: 0; border: 0; background: transparent; color: var(--cinema-muted); }
.catalog-context p { margin: 0; font-size: 12px; }
.movie-library { padding-top: 5px; }
.library-head { padding-bottom: 13px; border-bottom: 1px solid var(--cinema-line); }
.library-head span { color: var(--cinema-green); }
.library-head > strong { color: var(--cinema-muted); font-size: 11px; text-transform: uppercase; }
.poster-grid, .film-grid, .more-episodes .film-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 16px; }
.film-tile { min-width: 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.film-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px; background: #dfe1e7; box-shadow: 0 1px 0 rgba(21, 23, 34, .06); }
.film-art { position: absolute; inset: 0; display: block; }
.film-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .28s ease; }
.film-art:after { content: none; }
.film-tile:hover .film-art img { transform: scale(1.045); }
.film-play { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .94); color: var(--cinema-red); opacity: 0; transform: translate(-50%, -42%); transition: opacity .18s ease, transform .18s ease; }
.film-tile:hover .film-play, .film-tile:focus-within .film-play { opacity: 1; transform: translate(-50%, -50%); }
.film-number, .film-date { position: absolute; z-index: 3; top: auto; bottom: 7px; display: inline-flex; width: max-content; max-width: calc(100% - 14px); align-items: center; padding: 2px 5px; border-radius: 3px; background: rgba(15, 17, 24, .58); color: #fff; font-size: 9px; font-weight: 750; line-height: 1.35; white-space: nowrap; box-shadow: none; backdrop-filter: blur(2px); }
.film-number { right: auto; left: 7px; }
.film-date { right: 7px; left: auto; }
.film-media > .save-action { position: absolute; z-index: 4; top: 7px; right: 7px; display: grid; width: 31px; height: 31px; min-height: 0; place-items: center; padding: 0; border: 0; border-radius: 50%; background: rgba(18, 19, 29, .78); color: #fff; opacity: 0; }
.film-media > .save-action span { display: none; }
.film-tile:hover .save-action, .film-tile:focus-within .save-action { opacity: 1; }
.film-copy { padding: 10px 1px 0; }
.film-copy h3 { margin: 0; overflow: hidden; font-size: 14px; line-height: 1.38; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.film-copy h3 a:hover { color: var(--cinema-red); }
.film-tags { display: flex; gap: 7px; margin-top: 6px; overflow: hidden; }
.film-tag { flex: none; padding: 0 !important; border: 0 !important; background: transparent !important; color: #898d97 !important; font-size: 9px; }
.film-tag + .film-tag:before { content: "•"; margin-right: 7px; color: #b5b8c0; }
.pagination { margin-top: 26px; }
.pagination a, .pagination span { border-color: var(--cinema-line); border-radius: 4px; background: #fff; color: var(--cinema-ink); }
.pagination .current, .pagination .active { border-color: var(--cinema-red); background: var(--cinema-red); color: #fff; }
.recent-section { margin: 34px 0 0; padding: 20px 0 0; border: 0 !important; border-top: 1px solid var(--cinema-line) !important; border-radius: 0; background: transparent !important; box-shadow: none; }
.recent-section .shelf-head span { color: var(--cinema-blue); }

/* Category */
.library-hero { position: relative; display: flex; min-height: 245px; align-items: flex-end; overflow: hidden; padding: 42px max(34px, calc((100vw - var(--cinema-width)) / 2 + 34px)) 36px; background: linear-gradient(120deg, #1d2340, #512f7a 58%, #9f315f); color: #fff; }
.library-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; filter: saturate(1.08) contrast(1.03); }
.library-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 14, 23, .94) 0%, rgba(12, 14, 23, .79) 42%, rgba(12, 14, 23, .32) 76%, rgba(12, 14, 23, .18) 100%), linear-gradient(0deg, rgba(12, 14, 23, .62), rgba(12, 14, 23, .08) 72%); }
.library-hero-content { position: relative; z-index: 1; width: 100%; }
.library-hero .crumb-trail { margin-bottom: 24px; color: #d6d5df; }
.library-hero-content > span { color: var(--cinema-yellow); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: 1px; }
.library-hero h1 { max-width: 900px; margin: 6px 0 8px; color: #fff; font-size: 40px; }
.library-hero p { max-width: 70ch; margin: 0; color: #e3e1e9; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }

/* Episode: movie-detail composition */
.watch-page { max-width: var(--cinema-width); padding-right: 34px; padding-left: 34px; }
.episode-cinema-hero { position: relative; display: flex; min-height: 370px; align-items: stretch; margin: 20px 0 0; overflow: hidden; border-radius: 8px; background: #151722; color: #fff; }
.episode-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 32%; }
.episode-backdrop-fade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 17, 27, .97) 0%, rgba(15, 17, 27, .84) 48%, rgba(15, 17, 27, .32) 100%), linear-gradient(0deg, rgba(15, 17, 27, .86) 0%, transparent 55%); }
.episode-hero-inner { position: relative; z-index: 2; display: flex; width: 100%; flex-direction: column; justify-content: space-between; padding: 24px 30px 27px; }
.episode-hero-topline { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.episode-hero-topline .crumb-trail { color: #d1d4dc; }
.episode-hero-topline .crumb-trail a:hover { color: #fff; }
.episode-ready { display: inline-flex; flex: none; align-items: center; gap: 7px; color: #d8f5e9; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; }
.episode-ready i { color: #49d39a; }
.episode-hero-body { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: end; gap: 54px; }
.episode-hero-copy { min-width: 0; }
.episode-hero-label { display: block; margin-bottom: 9px; color: #ffbdca; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: 1px; }
.episode-cinema-hero h1 { width: 100%; max-width: none; margin: 0; color: #fff; font-size: clamp(34px, 3.5vw, 50px); line-height: 1.04; }
.episode-synopsis { max-width: 66ch; margin-top: 10px; }
.episode-synopsis > strong { display: block; margin-bottom: 4px; color: #fff; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.episode-synopsis > p { margin: 0; color: #d2d5dd; font-size: 13px; line-height: 1.6; }
.episode-synopsis .synopsis-link { color: #fff; font-weight: 750; text-decoration: underline; text-decoration-color: #ff9bad; text-underline-offset: 3px; }
.episode-synopsis .synopsis-link:hover { color: #ffd260; text-decoration-color: currentColor; }
.episode-hero-facts { margin: 0; padding-left: 28px; border-left: 1px solid rgba(255, 255, 255, .22); }
.episode-hero-facts > div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, .16); font-size: 11px; }
.episode-hero-facts > div:last-child { border-bottom: 0; }
.episode-hero-facts dt { color: #aeb3bf; }
.episode-hero-facts dd { margin: 0; overflow-wrap: anywhere; color: #fff; font-weight: 750; }
.episode-hero-facts a { color: #fff; }
.episode-hero-actions { display: flex; gap: 9px; }
.episode-hero-copy .episode-hero-actions { margin-top: 16px; }
.episode-hero-actions .primary-action { min-height: 42px; padding: 8px 15px; border-radius: 5px; background: var(--cinema-red); font-size: 12px; }
.episode-hero-actions .watch-save { min-height: 42px; border-color: rgba(255, 255, 255, .34); background: rgba(255, 255, 255, .1); color: #fff; backdrop-filter: blur(6px); }
.episode-subnav { display: flex; align-items: center; gap: 18px; min-height: 44px; padding: 0 6px; overflow-x: auto; border-bottom: 1px solid var(--cinema-line); background: var(--cinema-bg); scrollbar-width: none; }
.episode-subnav > span { flex: none; color: #9a9eaa; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .7px; }
.episode-subnav a { display: inline-flex; flex: none; align-items: center; gap: 6px; color: #555b67; font-size: 11px; font-weight: 800; text-decoration: underline; text-decoration-color: #cdd0d7; text-underline-offset: 4px; }
.episode-subnav a:hover { color: var(--cinema-red); text-decoration-color: currentColor; }
.episode-subnav a:nth-of-type(1) i { color: var(--cinema-violet); }
.episode-subnav a:nth-of-type(2) i { color: var(--cinema-green); }
.watch-page > .telegram-shell { margin-top: 18px; padding: 0; }
.watch-core { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(320px, .72fr); align-items: start; gap: 24px; margin-top: 26px; }
.player-section { min-width: 0; }
.player-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.player-heading span, .movie-info-label { display: block; margin-bottom: 4px; color: var(--cinema-red); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .9px; }
.player-heading h2 { margin: 0; font-size: 25px; }
.player-heading small { color: var(--cinema-muted); font-size: 10px; }
.section-heading { padding-bottom: 12px; border-bottom: 1px solid var(--cinema-line); }
.section-heading > div { padding-left: 0; }
.section-heading > div:before { display: none; }
.section-kicker { padding: 0; border: 0; background: transparent; color: var(--cinema-red); font-size: 9px; }
.section-kicker:before { display: none !important; }
.section-heading h2 { font-size: 23px; }
#episode-player { overflow: hidden; padding: 12px; border: 1px solid #dfe3e8; border-radius: 7px; background: #f4f6f8; color: var(--cinema-ink); }
#episode-player .stream-panel { gap: 8px; }
#episode-player .stream-header { padding: 0 2px 3px; background: transparent; color: #6c717d; }
#episode-player .stream-info-row { border: 1px solid #d9e8f2; background: #edf7fc; color: #344450; }
#episode-player .stream-row:not(.stream-info-row) { border: 1px solid #e0e3e8; background: #fff; color: var(--cinema-ink); }
#episode-player .stream-row:not(.stream-info-row):hover { border-color: #cfd5de; background: #fafbfc; }
#episode-player .stream-icon { background: #edf0f4; color: #626977; }
#episode-player .stream-info-row .stream-icon { background: transparent; color: var(--cinema-blue); }
#episode-player .stream-title { color: #252833; }
#episode-player .stream-quality { color: #777c87; }
#episode-player .stream-action a { background: var(--cinema-red); color: #fff !important; }
#episode-player .stream-action a:hover { background: #d92b48; color: #fff !important; }
#episode-player iframe, #episode-player video { background: #111; }
.episode-playback-tools { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--cinema-line); }
.episode-share-box { margin-top: 0; }
.episode-share-box h3 { margin-bottom: 7px; font-size: 12px; }
.episode-playback-help { margin-left: auto; text-align: right; }
.playback-feedback { margin-top: 0; }
.movie-info-panel { display: block; margin: 0; overflow: hidden; border: 1px solid var(--cinema-line); border-radius: 7px; background: #fff; box-shadow: 0 12px 32px rgba(21, 23, 34, .05); }
.movie-info-art { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9; object-fit: cover; }
.movie-info-summary { padding: 21px 21px 18px; border-bottom: 1px solid #eceef2; }
.movie-info-label { color: var(--cinema-violet); }
.movie-info-summary h2 { margin: 0 0 11px; font-size: 23px; }
.movie-info-summary > p { margin-bottom: 13px; color: var(--cinema-muted); font-size: 12px; line-height: 1.6; }
.movie-info-summary .movie-info-context { margin-bottom: 16px; color: #858a94; font-size: 11px; }
.movie-info-context a { color: var(--cinema-blue); font-weight: 700; }
.movie-info-panel > .episode-facts { display: grid; align-content: center; margin: 0; padding: 14px 21px 18px; }
.movie-info-panel .episode-facts > div { border-color: #eceef2; }
.episode-facts dt { font-size: 11px; }
.episode-facts dd { font-size: 12px; }
.movie-info-panel .episode-author { margin-top: 0; padding-top: 0; border-top: 0; }
.movie-info-panel .episode-author div { display: grid; font-size: 11px; }
.movie-info-panel .episode-author span { color: var(--cinema-muted); }
.watch-page > .episode-neighbors { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.watch-page > .episode-neighbors a, .watch-page > .episode-neighbors .episode-neighbor-disabled { min-height: 82px; border: 1px solid var(--cinema-line); border-radius: 6px; background: #fff; }
.watch-page > .episode-neighbors a:hover { border-color: #c5c9d2; box-shadow: 0 8px 24px rgba(21, 23, 34, .07); }
.watch-page > .episode-neighbors img { width: 96px; }
.watch-page > .episode-neighbors i { color: var(--cinema-violet); }
.viewer-comments, .more-episodes, .latest-episodes { margin-top: 36px; }
.viewer-comments .comment-form { border: 1px solid var(--cinema-line); border-radius: 7px; background: #fff; box-shadow: none; }
.movie-comments-panel { min-width: 0; margin-top: 0; padding: 0; overflow: hidden; border: 1px solid var(--cinema-line); border-radius: 7px; background: #fff; box-shadow: 0 12px 32px rgba(21, 23, 34, .05); }
.movie-comments-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding: 18px 19px 14px; border-bottom: 1px solid var(--cinema-line); }
.movie-comments-head span { display: block; margin-bottom: 3px; color: var(--cinema-violet); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .9px; }
.movie-comments-head h2 { margin: 0; font-size: 20px; }
.movie-comments-head > b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #f0ecff; color: var(--cinema-violet); font-size: 10px; }
.movie-comments-panel .comment-list { max-height: 310px; padding: 0 18px; overflow-y: auto; scrollbar-color: #c9ccd3 transparent; }
.movie-comments-panel .comment-empty { min-height: 120px; align-items: center; padding: 20px 0; border: 0; }
.movie-comments-panel .comment-card { padding: 13px 0; }
.movie-comments-panel .comment-avatar { width: 32px; height: 32px; font-size: 12px; }
.movie-comments-panel .comment-body p { font-size: 12px; line-height: 1.45; }
.movie-comments-panel .comment-form { margin: 0; padding: 16px 18px 18px; border: 0; border-top: 1px solid var(--cinema-line); border-radius: 0; background: #fafbfc; }
.movie-comments-panel .comment-form h3 { font-size: 14px; }
.movie-comments-panel .comment-form-grid { grid-template-columns: 1fr; gap: 8px; }
.movie-comments-panel .comment-message-field { grid-column: auto; }
.movie-comments-panel .comment-form input { min-height: 36px; }
.movie-comments-panel .comment-form textarea { min-height: 76px; }
.movie-comments-panel .comment-actions { align-items: center; flex-direction: row; }
.movie-comments-panel .comment-actions button { min-height: 36px; }
.movie-comments-panel #episode-comment-status { min-width: 0; font-size: 10px; }
.watch-page > .recent-section { margin-top: 34px; }

/* Search and informational pages */
.search-page, .information-shell { max-width: var(--cinema-width); padding-right: 34px; padding-left: 34px; }
.search-stage { margin-top: 20px; padding: 34px; border: 0; border-radius: 8px; background: #1d2340; color: #fff; }
.search-stage h1 { color: #fff; }
.search-stage p, .search-stage .crumb-trail { color: #c7cad4; }
.search-command { border: 0; border-radius: 25px; background: #fff; box-shadow: none; }
.search-results { margin-top: 28px; }
.search-results .film-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.info-intro { margin-top: 20px; padding: 34px; border: 0; border-radius: 8px; background: #1d2340 !important; color: #fff; }
.info-intro h1 { color: #fff; font-size: 42px; }
.info-intro p, .info-intro .crumb-trail { color: #c9ccd5; }
.info-page-nav { border: 1px solid var(--cinema-line); border-radius: 5px; background: #fff; box-shadow: none; }
.info-page-nav a { border: 0; background: #fff !important; }
.info-page-nav a[aria-current="page"] { background: var(--cinema-ink) !important; color: #fff; box-shadow: none; }
.info-page .channel-tabs { gap: 7px; border: 0; }
.info-page .channel-tabs a { border: 1px solid var(--cinema-line); border-radius: 5px; background: #fff !important; }
.info-page .channel-tabs a.active { border-color: var(--cinema-violet); background: var(--cinema-violet) !important; color: #fff; }
.info-page .day-tabs li.active button { background: var(--cinema-blue); color: #fff; }
.info-page .program-list { border-top: 4px solid var(--cinema-blue); }
.contact-form { border: 1px solid var(--cinema-line); border-radius: 7px; background: #fff; box-shadow: none; }

/* Footer */
.site-footer { margin-top: 42px; border: 0; background: #171924; color: #c4c6cf; }
.site-footer:before { content: ""; display: block; height: 4px; background: linear-gradient(90deg, var(--cinema-red) 0 20%, var(--cinema-yellow) 20% 40%, var(--cinema-green) 40% 60%, var(--cinema-blue) 60% 80%, var(--cinema-violet) 80%); }
.footer-shell, .footer-bottom { max-width: var(--cinema-width); padding-right: 34px; padding-left: 34px; }
.footer-identity .site-logo { display: block; width: 210px; height: auto; }
.footer-brand .brand-mark { background: var(--cinema-red); color: #fff; }
.footer-brand .brand-copy strong { color: #fff; }
.footer-bottom { border-color: #30323c; color: #858995; }
.watchlist-dialog { border: 1px solid var(--cinema-line); border-radius: 7px; background: #fff; color: var(--cinema-ink); }

/* Multicolour identity */
.genre-strip a:nth-child(7n+1) { color: #d93652; }
.genre-strip a:nth-child(7n+2) { color: #7146d8; }
.genre-strip a:nth-child(7n+3) { color: #246bd8; }
.genre-strip a:nth-child(7n+4) { color: #138b67; }
.genre-strip a:nth-child(7n+5) { color: #b66c08; }
.genre-strip a:nth-child(7n+6) { color: #078ba8; }
.genre-strip a:nth-child(7n) { color: #b72c86; }
.genre-strip a { position: relative; }
.genre-strip a:after { content: ""; position: absolute; right: 18px; bottom: 5px; left: 0; height: 2px; background: currentColor; opacity: .28; }

.shelf-head h2:after, .player-heading h2:after, .section-heading h2:after { content: ""; display: block; width: 30px; height: 3px; margin-top: 7px; border-radius: 2px; background: var(--cinema-red); }
.network-shelf .shelf-head h2:after { background: var(--cinema-violet); }
.movie-library .shelf-head h2:after { background: var(--cinema-green); }
.recent-section .shelf-head h2:after { background: var(--cinema-blue); }
.player-heading h2:after { background: var(--cinema-cyan); }
.more-episodes .section-heading h2:after { background: var(--cinema-violet); }
.latest-episodes .section-heading h2:after { background: var(--cinema-green); }

.film-tile { --tile-accent: var(--cinema-red); }
.film-tile:nth-child(6n+2) { --tile-accent: var(--cinema-blue); }
.film-tile:nth-child(6n+3) { --tile-accent: var(--cinema-violet); }
.film-tile:nth-child(6n+4) { --tile-accent: var(--cinema-green); }
.film-tile:nth-child(6n+5) { --tile-accent: #d58b08; }
.film-tile:nth-child(6n) { --tile-accent: var(--cinema-cyan); }
.film-media { border-bottom: 3px solid var(--tile-accent); }
.film-tile:hover .film-copy h3 a { color: var(--tile-accent); }
.film-play { color: var(--tile-accent); }
.film-media > .save-action[aria-pressed="true"] { background: var(--tile-accent); color: #fff; }

.pagination .current, .pagination .active { border-color: var(--cinema-violet); background: var(--cinema-violet); }
.global-telegram { border-left-color: var(--cinema-cyan); background: #eaf9fc; }
.movie-comments-head { border-top: 4px solid var(--cinema-violet); }
.movie-comments-panel .comment-avatar { background: #eee9ff; color: var(--cinema-violet); }
.movie-comments-panel .comment-actions button { background: var(--cinema-violet); }
.watch-page > .episode-neighbors a:first-child { border-left: 4px solid var(--cinema-blue); }
.watch-page > .episode-neighbors a:last-child { border-right: 4px solid var(--cinema-green); }

.search-stage { border-left: 7px solid var(--cinema-blue); border-right: 7px solid var(--cinema-yellow); background: #eef2ff; color: var(--cinema-ink); }
.search-stage h1 { color: var(--cinema-ink); }
.search-stage p, .search-stage .crumb-trail { color: #626978; }
.schedule-page .info-intro { border-left: 7px solid var(--cinema-cyan); background: #e9f9fc !important; color: var(--cinema-ink); }
.contact-page .info-intro { border-left: 7px solid var(--cinema-yellow); background: #fff6dc !important; color: var(--cinema-ink); }
.privacy-page .info-intro { border-left: 7px solid var(--cinema-violet); background: #f0ecff !important; color: var(--cinema-ink); }
.terms-page .info-intro { border-left: 7px solid var(--cinema-green); background: #eaf8f2 !important; color: var(--cinema-ink); }
.info-intro h1 { color: var(--cinema-ink); }
.info-intro p, .info-intro .crumb-trail { color: #626978; }
.info-page .channel-tabs a:nth-child(4n+1) { border-top: 3px solid var(--cinema-red); }
.info-page .channel-tabs a:nth-child(4n+2) { border-top: 3px solid var(--cinema-blue); }
.info-page .channel-tabs a:nth-child(4n+3) { border-top: 3px solid var(--cinema-violet); }
.info-page .channel-tabs a:nth-child(4n) { border-top: 3px solid var(--cinema-green); }
.info-page .program-list { border-top-color: var(--cinema-cyan); }
.contact-form { border-top: 5px solid var(--cinema-yellow); }
.info-page-nav a:nth-child(1) { box-shadow: inset 0 -3px 0 var(--cinema-cyan); }
.info-page-nav a:nth-child(2) { box-shadow: inset 0 -3px 0 var(--cinema-yellow); }
.info-page-nav a:nth-child(3) { box-shadow: inset 0 -3px 0 var(--cinema-violet); }
.info-page-nav a:nth-child(4) { box-shadow: inset 0 -3px 0 var(--cinema-green); }

@media (max-width: 1100px) {
  .cinema-header-shell .top-nav { display: none; }
  .cinema-header-shell .nav-toggle { display: block; }
  .cinema-header-shell .top-nav.active { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; background: #fff; }
  .cinema-header-shell .top-nav.active a { color: var(--cinema-ink); }
  .hero-queue { display: none; }
  .cinema-hero-content { width: min(100%, var(--cinema-width)); padding: 165px 28px 36px; }
  .cinema-title-block { width: 100%; max-width: none; }
  .cinema-detail-bar { grid-template-columns: auto minmax(220px, 1fr) auto; gap: 18px; }
  .network-row { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 18px; }
  .poster-grid, .film-grid, .more-episodes .film-grid, .search-results .film-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .franchise-shelf { grid-template-columns: 240px minmax(0, 1fr); }
  .episode-hero-body { grid-template-columns: minmax(0, 1fr) 285px; gap: 34px; }
}

@media (max-width: 780px) {
  .cinema-header-shell { min-height: 58px; padding: 6px 16px; gap: 9px; }
  .genre-strip { width: 100%; max-width: 100vw; overflow: hidden; }
  .genre-strip > .genre-links { display: none; }
  .genre-mobile-select { display: grid; grid-template-columns: 17px auto minmax(100px, 1fr); min-height: 32px; align-items: center; gap: 7px; padding: 3px 16px; color: #696e7a; font-size: 9px; font-weight: 800; text-transform: uppercase; }
  .genre-mobile-select i { color: var(--cinema-violet); }
  .genre-mobile-select select { width: 100%; min-width: 0; height: 26px; padding: 0 24px 0 8px; border: 0; border-left: 1px solid var(--cinema-line); border-radius: 0; background: #fff; color: var(--cinema-ink); font: inherit; text-transform: none; }
  .cinema-header-shell .header-list span { display: none; }
  .hero-queue { display: none; }
  .cinema-hero { min-height: 465px; }
  .cinema-hero-image { object-position: 62% center; }
  .cinema-hero-shade { background: linear-gradient(0deg, rgba(10, 11, 18, .99) 0%, rgba(10, 11, 18, .94) 48%, rgba(10, 11, 18, .45) 72%, rgba(10, 11, 18, .12) 100%), linear-gradient(90deg, rgba(10, 11, 18, .62), rgba(10, 11, 18, .08)); }
  .cinema-hero-content { width: auto; margin: 0; padding: 135px 20px 30px; }
  .cinema-label { margin-bottom: 9px; }
  .cinema-hero h1 { font-size: 30px; }
  .cinema-detail-bar { display: block; margin-top: 14px; padding-top: 12px; }
  .cinema-welcome { top: 18px; left: 16px; max-width: calc(100% - 32px); min-height: 25px; gap: 9px; padding-right: 12px; padding-bottom: 8px; font-size: 16px; white-space: normal; }
  .cinema-welcome:before { height: 21px; }
  .cinema-detail-bar > p { margin-bottom: 15px; }
  .cinema-actions { justify-content: flex-start; }
  .movie-shelf, .network-shelf, .cinema-content, .search-page, .information-shell, .watch-page { padding-right: 16px; padding-left: 16px; }
  .movie-row { grid-auto-columns: 72vw; }
  .network-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .network-row a > span { min-height: 68px; padding: 9px; }
  .franchise-shelf { display: block; padding: 24px 16px; }
  .franchise-copy { margin-bottom: 16px; }
  .franchise-row { grid-auto-columns: 52vw; }
  .poster-grid, .film-grid, .more-episodes .film-grid, .search-results .film-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 11px; }
  .library-hero { min-height: 220px; padding: 28px 16px; }
  .library-hero-image { object-position: center top; }
  .library-hero-shade { background: linear-gradient(90deg, rgba(12, 14, 23, .92), rgba(12, 14, 23, .58)), linear-gradient(0deg, rgba(12, 14, 23, .78), rgba(12, 14, 23, .15)); }
  .library-hero h1 { font-size: 32px; }
  .episode-cinema-hero { min-height: 450px; margin: 14px -16px 0; border-radius: 0; }
  .episode-backdrop { object-position: center top; }
  .episode-backdrop-fade { background: linear-gradient(0deg, rgba(15, 17, 27, .98) 0%, rgba(15, 17, 27, .78) 58%, rgba(15, 17, 27, .2) 100%), linear-gradient(90deg, rgba(15, 17, 27, .82), rgba(15, 17, 27, .22)); }
  .episode-hero-inner { padding: 16px 18px 19px; }
  .episode-hero-topline .crumb-trail { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .episode-hero-body { display: block; }
  .episode-synopsis { max-width: 58ch; }
  .episode-synopsis > p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .episode-hero-copy .episode-hero-actions { margin-top: 13px; }
  .episode-hero-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; margin-top: 14px; padding: 9px 0 0; border-top: 1px solid rgba(255, 255, 255, .22); border-left: 0; }
  .episode-hero-facts > div { grid-template-columns: 62px minmax(0, 1fr); gap: 7px; padding: 6px 0; }
  .episode-cinema-hero h1 { font-size: 31px; }
  .watch-core { display: block; }
  .movie-info-panel { display: grid; grid-template-columns: 220px minmax(0, 1fr); margin-top: 28px; }
  .movie-info-art { height: 100%; aspect-ratio: auto; }
  .movie-info-summary { border-right: 0; border-bottom: 0; }
  .movie-info-panel > .episode-facts { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; border-top: 1px solid #eceef2; }
  .episode-playback-tools { display: block; }
  .episode-playback-help { margin-top: 15px; text-align: left; }
  .search-stage, .info-intro { padding: 25px 20px; }
}

@media (max-width: 520px) {
  .cinema-header-shell .site-logo { width: clamp(132px, 34vw, 155px); }
  .footer-identity .site-logo { width: clamp(132px, 34vw, 155px); }
  .cinema-header-shell .brand-copy small { display: none; }
  .cinema-header-shell .brand-copy strong { font-size: 17px; }
  .cinema-header-shell .brand-mark { width: 34px; height: 34px; }
  .cinema-search { flex: none; width: 38px; min-width: 38px; border: 0; background: #f0f1f4; }
  .cinema-search > i, .cinema-search input { display: none; }
  .cinema-search button { width: 38px; }
  .cinema-search button i { display: none; }
  .cinema-search button:after { content: "\f002"; font: 900 14px/1 "Font Awesome 6 Free"; }
  .cinema-search.is-open { position: absolute; z-index: 20; top: 7px; right: 16px; left: 16px; display: flex; width: auto; min-width: 0; height: 44px; border: 1px solid var(--cinema-blue); background: #fff; box-shadow: 0 8px 24px rgba(21, 23, 34, .16); }
  .cinema-search.is-open > i { display: block; flex: none; margin-left: 13px; color: var(--cinema-blue); }
  .cinema-search.is-open input { display: block; min-width: 0; width: 100%; }
  .cinema-search.is-open button { flex: none; width: 42px; }
  .cinema-search.is-open button i { display: block; }
  .cinema-search.is-open button:after { content: none; }
  .cinema-header-shell .top-nav.active { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cinema-hero { min-height: 440px; }
  .cinema-hero-content { padding-top: 120px; padding-bottom: 27px; }
  .cinema-hero h1 { font-size: 28px; }
  .cinema-detail-bar > p { overflow: hidden; font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .cinema-actions { align-items: stretch; }
  .cinema-play, .cinema-save { padding: 0 14px; }
  .movie-row { grid-auto-columns: 80vw; }
  .network-shelf { padding-top: 20px; padding-bottom: 22px; }
  .network-shelf .shelf-head { align-items: center; gap: 10px; margin-bottom: 11px; }
  .network-shelf .shelf-head span { margin-bottom: 2px; font-size: 8px; }
  .network-shelf .shelf-head h2 { font-size: 20px; }
  .network-shelf .shelf-head > a { font-size: 10px; white-space: nowrap; }
  .network-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px 6px; }
  .network-row a > span { min-height: 52px; padding: 7px 5px; border-radius: 5px; }
  .network-row a > span { box-shadow: 0 4px 10px rgba(27, 35, 52, .08), inset 0 1px 0 rgba(255, 255, 255, .82); }
  .network-row a > span:after { height: 2px; }
  .network-row a:hover > span { transform: translateY(-2px); box-shadow: 0 7px 14px rgba(27, 35, 52, .12); }
  .network-row img { max-height: 26px; max-width: 88%; }
  .network-row b { margin-top: 4px; font-size: 8px; }
  .franchise-row { grid-auto-columns: 66vw; }
  .film-copy h3 { font-size: 13px; }
  .film-date { display: none; }
  .film-play { width: 36px; height: 36px; opacity: 1; }
  .film-media > .save-action { opacity: 1; }
  .episode-cinema-hero { min-height: 430px; }
  .episode-cinema-hero h1 { max-width: 100%; overflow: hidden; font-size: 27px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
  .episode-hero-inner { padding: 16px 16px 19px; }
  .episode-hero-topline { align-items: center; }
  .episode-hero-topline .crumb-trail { max-width: calc(100% - 94px); }
  .episode-ready { max-width: 90px; text-align: right; font-size: 9px; }
  .episode-synopsis > p { font-size: 12px; }
  .episode-hero-label { margin-bottom: 6px; }
  .episode-hero-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; margin-top: 15px; padding-top: 10px; }
  .episode-hero-facts > div { grid-template-columns: 52px minmax(0, 1fr); gap: 5px; padding: 5px 0; font-size: 9px; }
  .episode-hero-actions .primary-action { min-height: 38px; padding: 7px 12px; }
  .episode-hero-actions .watch-save { min-height: 38px; }
  .episode-subnav { margin: 0 -16px; padding: 0 10px; }
  .player-heading { align-items: start; }
  .player-heading small { max-width: 110px; text-align: right; }
  .watch-page > .episode-neighbors { grid-template-columns: 1fr; }
  .movie-info-panel { grid-template-columns: 1fr; }
  .movie-info-art { max-height: 230px; min-height: 0; }
  .movie-info-summary { padding: 22px 18px; }
  .movie-info-panel > .episode-facts { grid-column: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 16px 18px; }
  .info-page-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}