/* ═══════════════════════════════════════════════════
   SerialEngine — точная копия patsany-smotret.online
   ═══════════════════════════════════════════════════ */

*,*::after,*::before{margin:0;padding:0;border:0;font-size:100%;font:inherit;box-sizing:border-box}
ol,ul{list-style:none}a{text-decoration:none;color:inherit}button{background:none;cursor:pointer}
:focus{outline:0}img{display:block;max-width:100%;height:auto}

:root{
  --bg-color:#0e0e0f;
  --color-accent:#fc0;
  --bg-container:#28292C;
  --container-color:#1d2728;
  --text-color:#ececec;
  --secondary:rgba(48,48,48,.5);
  --color-primary:#ececec;
  --color-bright:#fff;
  --color-bright-alpha-90:rgba(255,255,255,0.9);
  --color-bright-alpha-80:rgba(255,255,255,0.8);
  --color-bright-alpha-70:rgba(255,255,255,0.7);
  --color-bright-alpha-65:rgba(255,255,255,0.65);
  --color-bright-alpha-50:rgba(255,255,255,0.5);
  --content-padding:16px;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
  font-size:.875rem;line-height:1.2;color:var(--text-color);
  padding:68px 0 50px;min-height:100vh;background-color:var(--bg-color);
}
body::after{
  content:'';position:absolute;top:0;left:0;right:0;height:200px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAJVJREFUOBGljVcOAjEQQ7P0ev/jDvIDYcVKVqzIh+U6aVX1aB08exnpJnnvTyF/hZu2lM2mksoUrjrlFGnPcju76PJoRjCFs2aR2oMZ6FlO2UlHSYMhR3DUwgHSnllUkC6vs4P+oGJmue6RGvY6ZQnDM4w80p227gVzCvsHFn0UB8JDBrBYGq+qIv0E71hIxdKz8L7yBUpGNr6FFGIWAAAAAElFTkSuQmCC) repeat-x;
}

.wrapper{max-width:1060px;width:100%;margin:0 auto}
.px{padding-left:16px;padding-right:16px}
.text-highlight{color:#fc0!important}

/* Flex helpers */
.d-flex{display:flex}.fx-1{flex:1;min-width:0}.fx-wrap{flex-wrap:wrap}
.fd-row{flex-direction:row}.fd-row-reverse{flex-direction:row-reverse}
.fd-column{flex-direction:column}.fd-column-reverse{flex-direction:column-reverse}
.jc-space-between{justify-content:space-between}.jc-flex-start{justify-content:flex-start}
.jc-center{justify-content:center}.jc-flex-end{justify-content:flex-end}
.ai-flex-start{align-items:flex-start}.ai-center{align-items:center}.ai-flex-end{align-items:flex-end}

/* Scrollbar */
::-webkit-scrollbar{background:#080808;width:12px;height:12px}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-thumb{background:#c0c0c0;border-radius:20px;border:solid 3px #080808;cursor:grab}
::-webkit-scrollbar-thumb:hover{background:#eee}

/* ── HEADER ── */
.header{
  position:fixed;z-index:5;top:0;left:0;right:0;
  padding:0 12px;background-color:rgb(32 33 37 / 78%);
  backdrop-filter:blur(12px);
  box-shadow:0 0 16px rgba(255,255,255,.05);
}
.header .wrapper{height:58px;padding:4px 0;position:relative}
.logo{display:flex;gap:8px;height:100%;font-size:14px;font-weight:600;
  align-items:center;z-index:1;opacity:.65;transition:.2s}
.logo img{height:100%;max-width:180px;object-fit:contain}
.logo:hover{color:#fff;opacity:1}

/* Search */
.search-form{position:relative}
.search-input{
  display:flex;width:140px;position:relative;color:var(--color-primary);
  border-radius:3px;background-color:#222;border:1px solid rgba(255,255,255,0.1);transition:width .25s;z-index:1
}
.search-input::before{
  content:'';position:absolute;top:50%;left:5px;width:16px;height:16px;margin-top:-8px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 12 12'%3E%3Cpath d='M11.707 10.293 9.17 7.755C9.693 6.965 10 6.018 10 5c0-2.757-2.243-5-5-5S0 2.243 0 5s2.243 5 5 5a4.97 4.97 0 0 0 2.755-.831l2.538 2.538a1 1 0 1 0 1.414-1.414M1.5 5c0-1.93 1.57-3.5 3.5-3.5S8.5 3.07 8.5 5 6.93 8.5 5 8.5 1.5 6.93 1.5 5'/%3E%3C/svg%3E");
  background-position:50% 50%;background-repeat:no-repeat;background-size:12px;opacity:.5;
}
.search-input input{height:30px;font-size:1rem;width:100%;padding:0 8px 0 26px;background:transparent;border:none;color:inherit;text-overflow:ellipsis}

/* ── CONTAINER (main card) ── */
.container{
  background:var(--bg-container);
  position:relative;z-index:1;
}

/* Article with background image - ONLY the top info section */
.article-with-bg{
  background-image:url();
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  overflow:hidden;
  border-radius:10px 10px 0 0;
}
.article-with-bg::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(26,28,32,1) 0%, rgba(26,28,32,.97) 35%, rgba(26,28,32,.88) 75%, rgba(26,28,32,.65) 100%),
    linear-gradient(180deg, rgba(26,28,32,.1) 0%, rgba(26,28,32,.85) 50%, rgba(26,28,32,1) 100%);
  z-index:0;
  pointer-events:none;
}
.article-with-bg>*{position:relative;z-index:1;}

/* ── SPEEDBAR (breadcrumbs) ── */
.speedbar{
  display:flex;flex-wrap:wrap;gap:2px 6px;
  padding:14px 0 8px;
  font-size:13px;line-height:18px;
  color:rgba(255,255,255,.4);
  
}
.speedbar a{color:rgba(255,255,255,.55);line-height:18px;transition:color .15s}
.speedbar a:hover{color:#fc0}

/* ── ARTICLE ── */
.article{}
.article-body{gap:16px;margin-top:16px}
.article-title{font-size:20px;font-weight:600;color:var(--color-primary);margin-bottom:20px}
.article-title b{white-space:nowrap;font-weight:600}
.article-extras{display:flex;flex-direction:column;gap:8px}
.article-title-sub{font-size:15px;font-weight:500;color:var(--color-bright-alpha-70);}

/* Info details table */
.article-details-row{display:flex;padding-top:8px;gap:16px;line-height:1.4;font-size:.9375rem;}
.article-details-row>b{flex-shrink:0;width:105px;font-size:.875rem;line-height:1rem;font-weight:500;color:var(--color-bright-alpha-50)}

/* Sidebar poster */
.article-sidebar{width:240px;margin:0 auto;flex-shrink:0}
.article-poster{--poster-radius:6px;position:relative;width:100%;height:360px;margin-bottom:12px}
.article-poster img{border-radius:var(--poster-radius);width:100%;height:100%;background:#111;object-fit:cover}
.article-poster::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid #fff2;border-radius:var(--poster-radius)}

/* Action buttons */
.article-link{display:block;width:100%;line-height:40px;margin-top:4px;text-align:center;background:#404048;color:#fffc;font-size:14px;font-weight:500;border-radius:4px}
.article-link:hover{background:#556;color:#fff}
.article-link--primary{background:linear-gradient(145deg,#202125,#393939);display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}
.article-link--primary::before{content:'';width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M3.9 18.9V5.1c0-1.6 1.7-2.6 3-1.8l12 6.9c1.4.8 1.4 2.9 0 3.7l-12 6.9c-1.3.7-3-.3-3-1.9'/%3E%3C/svg%3E") no-repeat 50% 50%}
.article-link--primary:hover{background:linear-gradient(145deg,#2a2b30,#464646)}
.glare{overflow:hidden;position:relative}
.glare::after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:100%;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.5) 70%,transparent 70%);pointer-events:none;animation:btnGlare 5s infinite forwards}
@keyframes btnGlare{0%{left:-100%}70%,to{left:100%}}

/* ── BLOCK HEADER ── */
.block-header{font-size:19px;font-weight:500;padding-top:20px;color:#fffd}
.block-header--sm{font-size:17px;padding-bottom:12px}
.block-content--black{background:#202125}
.block-content--white{background:#424248}

/* ── TRANSLATORS list (озвучки) ── */
.main-translators{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:8px}

.main-translators .list-item:hover,.list-item:hover{background:#556;color:#fff}

/* ── RATINGS ── */
.ratings{display:flex;gap:20px}
.rating{font-size:1rem;font-weight:500;color:var(--color-primary);display:flex;align-items:center;gap:6px;}
.rating::before{content:'';height:20px;width:20px;opacity:.8;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 18 16' fill='%23fc0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.362 5.158-5.268.584a.5.5 0 0 0-.421.343.5.5 0 0 0 .14.521c1.566 1.43 3.919 3.57 3.919 3.57-.002 0-.646 3.112-1.074 5.19a.496.496 0 0 0 .734.534c1.844-1.049 4.606-2.625 4.606-2.625l4.604 2.625c.168.092.378.09.54-.029a.5.5 0 0 0 .196-.505l-1.071-5.19s2.353-2.14 3.919-3.567a.499.499 0 0 0-.28-.865c-2.108-.236-5.27-.586-5.27-.586L9.455.328a.499.499 0 0 0-.909 0z'/%3E%3C/svg%3E")}
.rating--kp::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 13.5484C11.1449 13.5484 10.4516 12.8551 10.4516 12C10.4516 11.1448 11.1449 10.4516 12 10.4516C12.8552 10.4516 13.5484 11.1448 13.5484 12C13.5484 12.8551 12.8552 13.5484 12 13.5484ZM4.45161 7.45161C4.45161 9.10847 5.79476 10.4516 7.45161 10.4516C9.10847 10.4516 10.4516 9.10847 10.4516 7.45161C10.4516 5.79476 9.10847 4.45161 7.45161 4.45161C5.79476 4.45161 4.45161 5.79476 4.45161 7.45161ZM16.7419 10.4516C15.0851 10.4516 13.7419 9.10847 13.7419 7.45161C13.7419 5.79476 15.0851 4.45161 16.7419 4.45161C18.3988 4.45161 19.7419 5.79476 19.7419 7.45161C19.7419 9.10847 18.3988 10.4516 16.7419 10.4516ZM4.45161 16.5484C4.45161 18.2052 5.79476 19.5484 7.45161 19.5484C9.10847 19.5484 10.4516 18.2052 10.4516 16.5484C10.4516 14.8915 9.10847 13.5484 7.45161 13.5484C5.79476 13.5484 4.45161 14.8915 4.45161 16.5484ZM16.7419 19.5484C15.0851 19.5484 13.7419 18.2052 13.7419 16.5484C13.7419 14.8915 15.0851 13.5484 16.7419 13.5484C18.3988 13.5484 19.7419 14.8915 19.7419 16.5484C19.7419 18.2052 18.3988 19.5484 16.7419 19.5484Z' fill='white'/%3E%3C/svg%3E")}
.rating--imdb::before{width:40px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 42 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3247 6.46104C25.3613 6.61561 25.3804 6.96616 25.3804 7.51407V12.2134C25.3804 13.0201 25.3247 13.5141 25.2148 13.6963C25.1035 13.8785 24.8086 13.9689 24.3301 13.9689V6.0125C24.6929 6.0125 24.9409 6.04907 25.0723 6.12084C25.2036 6.19329 25.2886 6.30646 25.3247 6.46104Z' fill='white'/%3E%3Cpath d='M33.4146 14.3574C33.6177 14.3574 33.8867 14.2794 33.9478 14.1255C33.9888 14.0227 34.0195 13.6521 34.0405 13.0138V9.90788C34.0405 9.39516 34.0059 9.06049 33.936 8.90384C33.8662 8.7472 33.5938 8.66922 33.3906 8.66922C33.1919 8.66922 33.0635 8.73823 33.0049 8.87417C32.9458 9.01149 32.9165 9.35583 32.9165 9.90788V13.1111C32.9165 13.6439 32.9492 13.9841 33.0166 14.1331C33.084 14.2829 33.2158 14.3574 33.4146 14.3574Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42 1.71894C41.8862 0.838423 41.1943 0.136631 40.3135 0H1.70361C0.738281 0.149742 0 0.977125 0 1.97426V18.0009C0 19.105 0.90332 20 2.01904 20H39.998C41.0249 20 41.873 19.2402 42 18.2569V1.71894ZM5.06543 4.01891H8.39844V16.1398H5.06543V4.01891ZM13.8198 3.93956C13.9468 4.67378 14.0796 5.53429 14.2192 6.52314L14.6963 9.60219L15.4683 3.93956H19.8223V16.0605H16.9126L16.9014 7.87911L15.7363 16.0605H13.6567L12.4282 8.05714L12.418 16.0605H9.49854V3.93956H13.8198ZM26.8306 15.9369C27.2271 15.8548 27.5601 15.7099 27.8301 15.5036C28.0996 15.2966 28.2891 15.0102 28.397 14.6438C28.5059 14.278 28.5703 13.5514 28.5703 12.4646V8.20827C28.5703 7.06139 28.5229 6.29266 28.4487 5.90209C28.3745 5.51082 28.1895 5.15544 27.894 4.83664C27.5972 4.51783 27.165 4.28873 26.5967 4.14934C26.0273 4.00994 25.1001 3.93956 23.4863 3.93956H21V16.0605H25.0381C25.9683 16.0329 26.5659 15.9921 26.8306 15.9369ZM32.7061 15.9549H29.7056V3.83397H32.9165V7.77697C33.1826 7.48646 33.479 7.26978 33.8057 7.12694C34.1328 6.98409 34.6235 6.91164 35.0068 6.91164C35.4482 6.91164 35.8311 6.9765 36.1553 7.10624C36.4795 7.23597 36.7271 7.41745 36.8975 7.65138C37.0674 7.88531 37.1699 8.11372 37.2041 8.33799C37.2388 8.56226 37.2559 9.03978 37.2559 9.77125V13.1719C37.2559 13.8992 37.2041 14.4402 37.1006 14.7963C36.9966 15.1516 36.7529 15.4608 36.3701 15.7216C35.9863 15.9832 35.5322 16.1136 35.0054 16.1136C34.6274 16.1136 34.1387 16.0363 33.812 15.881C33.4839 15.7265 33.1855 15.4932 32.9136 15.1827L32.7061 15.9549Z' fill='white'/%3E%3C/svg%3E")}

/* ── DESCRIPTION ── */
.article-extras+.description{margin-top:12px}
.description{padding-bottom:12px}
.description p{font-size:15px;color:var(--color-bright-alpha-65);line-height:1.4;padding-bottom:12px}
.description-poster{float:left;width:120px;height:180px;background:#111;margin:4px 12px 12px 0;border-radius:3px;object-fit:cover}

/* ── SEASONS MAIN GRID (главная) ── */
.seasons-main{
  display:grid;gap:12px;padding-top:20px;padding-bottom:24px;
  grid-template-columns:1fr;
}
.season-item{transition:.2s;position:relative;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0004}
.season-item:hover{transform:scale(1.05);box-shadow:0 14px 6px -8px #0006}
.season-item-poster{height:160px;object-fit:cover;width:100%;transition:.2s}
.season-item:hover .season-item-poster{transform:scale(1.2)}
.season-item-info{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;color:#fff;font-weight:500;padding:8px 12px;background:linear-gradient(120deg,#000c 20%,#0001 60%);transition:background .2s}
.season-item-title{font-size:15px;font-weight:700;position:absolute;top:50%;font-size:24px;font-weight:400;margin-top:-20px;color:#fffd;left:0;width:100%;text-align:center}
.season-item-title b{font-size:32px;font-weight:500;color:#fff}
.season-item-year{font-size:12px;color:#999;margin-bottom:auto}
.season-item-episodes{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#ccc}
.season-item-episodes::before{content:'';width:16px;height:12px;border-radius:2px;background-color:#b9b9b9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M1.3 6.3V1.7c0-.534.567-.867 1-.6l4 2.3c.467.266.467.966 0 1.233l-4 2.3c-.433.233-1-.1-1-.633'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px;background-position:60% 50%}
.season-item:hover .season-item-info{background:#000c;background:linear-gradient(#000a,#000d);align-items:center;justify-content:center;}
.season-item:hover .season-item-title{display:flex;flex-direction:column-reverse;text-transform:uppercase;text-decoration:none;align-items:center;font-weight:500;font-size:12px;color:#999;padding-bottom:8px;position:static;margin:0}
.season-item:hover .season-item-title b{font-size:56px;line-height:56px;color:#fff}
.season-item:hover .season-item-year{display:none}

/* ── SEASONS LIST TABS (страница сезона) ── */
.seasons-list{display:flex;margin:0 0 24px;flex-direction:row;flex-wrap:wrap;gap:4px}
.seasons-list 
.seasons-list .list-item.active{background:#ddd;color:#111;pointer-events:none}
.seasons-list .list-item:hover{background-color:#888a;color:#fff;border-color:#fff3}

/* ── SEASON EPISODES GRID (страница сезона) ── */
.season-series{gap:20px 12px;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:32px}
.season-episode{width:100%;--border-radius:6px;color:#ececec}
.season-episode:hover{color:#fc0}
.season-episode-image{position:relative;position:relative;padding-bottom:56%;margin-bottom:4px;box-shadow:0 2px 4px #0003;transition:.2s}
.season-episode-image img{position:absolute;width:100%;height:100%;background:#111;object-fit:cover;border-radius:var(--border-radius)}
.season-episode:hover .season-episode-image{position:relative;transform:scale(1.04) translateY(-4px);box-shadow:0 8px 16px -8px #000c}
.season-episode-image::before{content:'';position:absolute;width:100%;height:100%;z-index:1;border-radius:var(--border-radius);border:1px solid #fff1}
.season-episode:hover .season-episode-image{position:relative;z-index:3}
.season-episode-number{display:flex;gap:6px;align-items:center;position:absolute;left:0;bottom:0;width:100%;font-size:14px;padding:48px 12px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(transparent,#000d);border-radius:0 0 var(--border-radius) var(--border-radius);}
.season-episode-number::before{content:'';background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M3.9 18.9V5.1c0-1.6 1.7-2.6 3-1.8l12 6.9c1.4.8 1.4 2.9 0 3.7l-12 6.9c-1.3.7-3-.3-3-1.9'/%3E%3C/svg%3E") no-repeat 50% 50%;opacity:.8;width:14px;height:14px}
.season-episode:hover .season-episode-number{padding:20px 8px 8px;height:100%;background:#000a;backdrop-filter:blur(1px);border-radius:var(--border-radius);flex-direction:column;justify-content:center;font-weight:600;color:#fc0;font-size:1rem}
.season-episode:hover .season-episode-number::before{width:48px;height:48px;opacity:1}
.season-episode-title{font-size:14px;font-weight:500}
.season-episode-date{font-size:12px;opacity:.5;margin-top:2px}

/* ── PLAYER PAGE ── */
.player{margin-top:20px;margin-bottom:20px}
.player-seasons-wrapper{position:relative;margin-bottom:12px;z-index:3}
.player-main{background:#161616;position:relative;border-radius:0;overflow:hidden;height:250px;margin:0 -16px;box-shadow:0 2px 8px #0009}
.player-main iframe{background-color:#000;position:absolute;width:100%;height:100%}
.player-overlay{z-index:2;position:absolute;background-color:#111;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;box-shadow:inset 0 0 50px 20px #000,inset 0 0 100px #000;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#eee;}
.player-overlay svg{width:96px;height:96px;fill:currentColor;transition:.3s}
.player-overlay:hover svg{transform:scale(1.15)}
.player-episodes-wrapper{display:flex;gap:8px;margin:0 -8px;padding:24px 0 32px}
.player-list-links{width:44px;max-height:110px;opacity:.6;background:#fff0;position:relative;transition:.2s;flex-shrink:0}
.player-list-links:hover{opacity:1}
.player-list-links.disabled{pointer-events:none;opacity:.1}
.player-list-prev::after,.player-list-next::after{content:'';position:absolute;top:50%;margin-top:-16px;border:16px solid transparent;transition:.2s}
.player-list-next::after{left:12px;border-left-color:#fff;border-right-width:0}
.player-list-next:hover::after{left:16px}
.player-list-prev::after{right:12px;border-right-color:#fff;border-left-width:0}
.player-list-prev:hover::after{right:16px}

/* Screenshots */
.player-screens{display:grid;position:relative;padding-bottom:20px;gap:6px;grid-template-columns:repeat(2,1fr)}
.player-screenshot{width:100%;height:110px;background:#111;border-radius:8px;object-fit:cover;opacity:.85;transition:.2s;box-shadow:0 1px 4px #0005}
.player-screenshot:hover{opacity:1;transform:scale(1.1);box-shadow:0 3px 12px #000;border-radius:6px;z-index:3}

/* Dropdown (ep/season selector) */
.dropdown{position:relative}
.dropdown--adaptive .dropdown-header{display:none}
.dropdown--adaptive .dropdown-list{display:flex;flex-direction:row;width:100%;margin:0;opacity:1;visibility:visible;background:transparent;top:0;position:relative;gap:4px;flex-wrap:wrap;padding-top:2px}
.dropdown--adaptive .dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 14px;background:rgba(255,255,255,.07);border-radius:6px;color:rgba(255,255,255,.7);transition:all .15s;border:1px solid rgba(255,255,255,.1);text-align:center;flex-shrink:0;white-space:nowrap;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none}
.dropdown--adaptive .dropdown-item:hover{background-color:#888894aa;color:#fff;border-color:#fff3;transform:translateY(-2px)}
.dropdown--adaptive .dropdown-item.active{background:#ccc;color:#111;}

/* ── PERSONS (cast) ── */
.persons{padding-bottom:20px}
.persons-scroll{display:flex;gap:40px;padding:0 4px 12px;flex-wrap:nowrap;overflow-x:auto;width:100%}
.persons-label{display:inline-block;font-size:1rem;line-height:44px;color:#fffe;font-weight:600;position:sticky;left:0}
.persons-list{display:flex;gap:8px}
.person{width:120px;flex-shrink:0;font-size:13px;color:#fff9;opacity:.85;transition:.2s;padding-bottom:8px}
.person:hover{opacity:1;color:#fff;transform:scale(1.05)}
.person-poster{width:100%;height:150px;border-radius:6px;margin-bottom:4px;object-fit:cover;background:#111}

/* ── COMMENTS / LIKES ── */
.comments-section{padding:20px 16px}
.comments-section h2{font-size:17px;font-weight:500;padding-bottom:12px;color:#fffd;display:flex;align-items:center;gap:8px}
.comment-form{background:#202125;border:1px solid #fff1;border-radius:8px;padding:16px;margin-bottom:16px}
.comment-form h3{font-size:14px;font-weight:500;color:#ccc;margin-bottom:12px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.f-input,.f-textarea{width:100%;background:#111;border:1px solid #fff2;border-radius:4px;color:var(--text-color);font-family:inherit;font-size:.875rem;padding:.5rem .75rem;outline:none;transition:border-color .15s}
.f-input:focus,.f-textarea:focus{border-color:#fc0}
.f-textarea{resize:vertical;min-height:80px;display:block}
.f-submit{padding:.5rem 1.3rem;background:#404048;color:#fffc;border:none;border-radius:4px;font-size:.875rem;font-weight:500;transition:all .15s}
.f-submit:hover{background:#556;color:#fff}
.comments-list{display:flex;flex-direction:column;gap:8px}
.comment{background:#202125;border:1px solid #fff1;border-radius:8px;padding:12px 14px}
.comment-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.comment-author{font-weight:600;font-size:.875rem;color:#ececec}
.comment-date{font-size:.75rem;color:#666}
.comment-body{font-size:.875rem;color:var(--color-bright-alpha-65);line-height:1.5}
.comments-empty{text-align:center;padding:24px;color:#666;font-size:.875rem}

/* Likes */
.likes-block{display:flex;gap:6px;align-items:center;padding:12px 0}
.like-btn{
  display:flex;align-items:center;gap:7px;
  padding:.5rem 1rem;
  background:rgba(255,255,255,.08);
  border-radius:6px;
  color:rgba(255,255,255,.55);
  font-size:.82rem;font-weight:600;
  transition:all .15s;
  letter-spacing:.02em;
}
.like-btn:hover{background:rgba(255,255,255,.13);color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.2)}
.like-btn.active-like{background:rgba(61,168,114,.18);color:#3da872;border-color:rgba(61,168,114,.35)}
.like-btn.active-dislike{background:rgba(224,68,68,.18);color:#e04444;border-color:rgba(224,68,68,.35)}
.like-btn svg{opacity:.75;transition:opacity .15s}
.like-btn:hover svg,.like-btn.active-like svg,.like-btn.active-dislike svg{opacity:1}

/* Watch pages (варианты просмотра) */
.watch-alternatives{padding:0 16px 20px}
.watch-alternatives h3{font-size:17px;font-weight:500;padding:20px 0 12px;color:#fffd;}
.watch-grid{display:flex;flex-wrap:wrap;gap:4px}
.watch-item{background:#404048;font-size:13px;color:#ccc;line-height:16px;padding:6px 16px;border-radius:3px;transition:.1s;display:block}
.watch-item:hover{background:#556;color:#fff}
.watch-item.watch-item--card{width:100%;display:flex;flex-direction:column;background:#202125;border:1px solid #fff1;border-radius:6px;padding:12px;gap:4px;margin-bottom:4px}
.watch-item.watch-item--card:hover{border-color:#fff3;background:#28292e}
.watch-item-title{font-size:14px;font-weight:600;color:#ececec}
.watch-item-desc{font-size:13px;color:#888}
.watch-item-arrow{font-size:12px;color:#fc0;margin-top:4px}

/* SEO TEXT */
.seo-block{padding:0 16px 20px;border-top:1px solid #202125;margin-top:8px}
.seo-block h2{font-size:17px;font-weight:500;padding:20px 0 12px;color:#fffd;}
.seo-block p{font-size:15px;color:var(--color-bright-alpha-65);line-height:1.4;padding-bottom:12px}

/* FOOTER */
.site-footer{
  padding:32px 22px 28px;
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:24px;
  text-align:center;
}
.site-footer-copy{
  font-size:13px;color:rgba(255,255,255,.4);
  margin-bottom:6px;
}
.site-footer-rights{
  font-size:12px;color:rgba(255,255,255,.25);
  font-style:italic;
}

/* ── RESPONSIVE ── */
@media(max-width:619px){
  body{padding-top:58px;padding-left:0;padding-right:0}
  .f-row{grid-template-columns:1fr}
}
@media(min-width:620px){
  body{padding-top:70px;padding-left:12px;padding-right:12px}
  .article-title{font-size:24px;margin-bottom:12px}
  .article-body{flex-direction:row-reverse;gap:20px}
  .article-details-row>b{width:160px}
  .article-extras{flex-direction:row;align-items:center;gap:40px}
  .article-sidebar{width:200px}
  .article-poster{height:300px}
  .container{border-radius:10px}
  .seasons-main{gap:32px 20px;grid-template-columns:repeat(2,1fr)}
  .season-series{grid-template-columns:repeat(3,1fr)}
  .player-main{height:0;padding-bottom:56%;margin-left:0;margin-right:0;border-radius:12px}
  .player-overlay{box-shadow:inset 0 0 150px 30px #000,inset 0 0 250px #000;font-size:26px}
  .player-overlay svg{width:128px;height:128px}
  .player-screens{grid-template-columns:repeat(3,1fr)}
  .px{padding-left:22px;padding-right:22px}
}
@media(min-width:800px){.seasons-main{grid-template-columns:repeat(3,1fr)}}
@media(min-width:940px){
  .season-series{grid-template-columns:repeat(4,1fr)}
  .player-screens{grid-template-columns:repeat(4,1fr)}
  .player-screenshot{height:120px}
  .player-screenshot:hover{transform:scale(1.4)}
}

/* Header nav (right side) */
.header-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.header-nav a{color:rgba(255,255,255,.6);font-size:.8rem;font-weight:600;padding:.3rem .7rem;border-radius:3px;transition:all .15s;letter-spacing:.02em}
.header-nav a:hover{color:#fff;background:rgba(255,255,255,.1)}
.header-nav a.active{color:#fc0}

/* Player prev/next nav (episode page) */
.ep-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 20px}
.ep-prevnext-btn{display:flex;align-items:center;gap:8px;padding:12px 14px;background:rgba(255,255,255,.07);border-radius:6px;color:rgba(255,255,255,.7);transition:all .15s;border:1px solid rgba(255,255,255,.1)}
.ep-prevnext-btn:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2)}
.ep-prevnext-btn.next{justify-content:flex-end;text-align:right}
.ep-prevnext-btn svg{flex-shrink:0;color:#fc0}
.ep-prevnext-label{display:block;font-size:.7rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}
.ep-prevnext-title{display:block;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}

/* Voices selector */
.voices-section{padding:0 0 8px}
.voices-section h3{font-size:15px;font-weight:500;padding:16px 0 10px;color:#fffd;}
.voices-grid{display:flex;flex-wrap:wrap;gap:4px}

.voice-btn:hover{background:#556;color:#fff}
.voice-btn.active{background:#fc0;color:#111;}

/* Player wrap for iframe */
.player-frame{width:100%;aspect-ratio:16/9;border:none;display:block;background:#000;border-radius:0}
@media(min-width:620px){.player-frame{border-radius:12px}}

/* Season page - articles style (from screenshot 4/5) */
.season-article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 12px;margin-bottom:24px}
@media(min-width:620px){.season-article-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:940px){.season-article-grid{grid-template-columns:repeat(4,1fr)}}

.season-ep-card{color:inherit;transition:.15s}
.season-ep-card:hover{color:#fc0}
.season-ep-img{position:relative;padding-bottom:56%;margin-bottom:6px;border-radius:6px;overflow:hidden;background:#111;box-shadow:0 2px 4px #0003;transition:.2s}
.season-ep-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px}
.season-ep-card:hover .season-ep-img{transform:scale(1.03) translateY(-3px);box-shadow:0 8px 16px -8px #000c}
.season-ep-num{position:absolute;inset:0;display:flex;gap:6px;align-items:flex-end;padding:40px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:13px;}
.season-ep-num::before{content:'';background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M3.9 18.9V5.1c0-1.6 1.7-2.6 3-1.8l12 6.9c1.4.8 1.4 2.9 0 3.7l-12 6.9c-1.3.7-3-.3-3-1.9'/%3E%3C/svg%3E") no-repeat 50% 50%;opacity:.8;width:13px;height:13px;flex-shrink:0}
.season-ep-card:hover .season-ep-num{padding:10px;height:100%;background:rgba(0,0,0,.7);flex-direction:column;justify-content:center;align-items:center;font-weight:600;color:#fc0;font-size:.95rem}
.season-ep-card:hover .season-ep-num::before{width:40px;height:40px;opacity:1;margin-bottom:6px}
.season-ep-title{font-size:13px;font-weight:500;color:inherit}
.season-ep-date{font-size:11px;opacity:.45;margin-top:2px}

/* Container border-radius responsive */
/* SEO block - two columns, matches site theme */
.seo-info-block{display:grid;grid-template-columns:1fr;gap:24px;padding:20px 0}
.seo-info-text{
  padding:20px 22px;
}
.seo-info-text .seo-label{
  display:flex;align-items:center;gap:8px;
  font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--color-bright-alpha-50);margin-bottom:12px;
}
.seo-info-text p{
  font-size:15px;color:var(--color-bright-alpha-65);line-height:1.5;margin-bottom:10px;
}
.seo-keywords{
  font-size:12px;color:rgba(255,255,255,.25);margin-top:8px;line-height:1.7;
}
.seo-info-table{
  padding:20px 18px;
  background:rgba(0,0,0,.15);
}
.seo-info-table .seo-table-label{
  font-size:1rem;font-weight:600;
  color:#fffe;margin-bottom:12px;
}
.seo-info-row{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);
  font-size:13px;gap:12px;
}
.seo-info-row:last-child{border-bottom:none}
.seo-info-key{color:var(--color-bright-alpha-50);flex-shrink:0;font-size:.8rem}
.seo-info-val{color:var(--color-primary);text-align:right;font-weight:500;font-size:.82rem}
.seo-info-val.val-green{color:#4caf82}
@media(max-width:619px){
  .seo-info-block{display:grid;grid-template-columns:1fr;gap:24px;padding:20px 0}
  .seo-info-table{border-left:none;border-top:1px solid rgba(255,255,255,.06)}
}

/* No double-padding on speedbar inside px article */
.article-with-bg.px .speedbar{padding-left:0;padding-right:0}

/* Article description snippet in info block */
.article-info-desc{
  font-size:1rem;
  color:var(--color-bright-alpha-65);
  line-height:1.5;
  margin-top:8px;
  margin-bottom:6px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

/* Age rating badge */
.article-age-badge{
  display:inline-block;
  background:#1a1a1a;
  color:#ececec;
  font-size:12px;
  font-weight:700;
  padding:6px 10px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.2);
  letter-spacing:.03em;
  flex-shrink:0;
}

/* Episode shots grid (fix 11,12) */
.ep-shots-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px;
  padding-bottom:16px;
}
@media(min-width:480px){.ep-shots-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:720px){.ep-shots-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:940px){.ep-shots-grid{grid-template-columns:repeat(5,1fr)}}

.ep-shot-item{
  position:relative;
  display:block;
  aspect-ratio:16/9;
  border-radius:6px;
  overflow:hidden;
  background:#111;
  cursor:pointer;
}
.ep-shot-item img{
  width:100%;height:100%;
  object-fit:cover;
  border-radius:6px;
  transition:.2s;
}
.ep-shot-item:hover img{opacity:.7}
.ep-shot-num{
  position:absolute;bottom:0;left:0;right:0;
  font-size:11px;padding:18px 6px 4px;
  background:linear-gradient(transparent,rgba(0,0,0,.8));
  color:rgba(255,255,255,.85);
  
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Current episode: B&W with Смотрите overlay (fix 12) */
.ep-shot-current{cursor:default}
.ep-shot-current img{
  filter:grayscale(1) brightness(.6);
}
.ep-shot-overlay{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  z-index:2;
  pointer-events:none;
}
.ep-shot-overlay span{
  color:#fc0;
  font-size:.82rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  
}
.ep-shot-current .ep-shot-num{color:#fc0}

/* Next episode timer (fix 15) */
.next-ep-timer{
  display:flex;align-items:center;gap:6px;
  font-size:.78rem;color:rgba(255,255,255,.55);
  padding:.25rem .7rem;
  background:rgba(255,255,255,.06);
  border-radius:5px;
  border:1px solid rgba(255,255,255,.1);
  white-space:nowrap;
}
.next-ep-label{display:none}
@media(min-width:768px){.next-ep-label{display:inline}}
.next-ep-countdown{color:#fc0;font-weight:600}

/* Варианты просмотра block (fix 6) */
.watch-pages-block{padding:0 0 24px}
.watch-pages-block-title{
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,200,0,.8);padding:20px 0 14px;
}
.watch-pages-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px;
}
@media(min-width:480px){.watch-pages-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:700px){.watch-pages-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:940px){.watch-pages-grid{grid-template-columns:repeat(5,1fr)}}
.watch-page-card{
  background:rgba(255,255,255,.05);
  border-radius:8px;
  padding:14px 16px;
  display:block;
  transition:all .15s;
  position:relative;
  border:1px solid rgba(255,255,255,.08);
}
.watch-page-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}
.watch-page-card-num{
  font-size:.72rem;color:#fc0;
  font-weight:700;letter-spacing:.04em;margin-bottom:6px;
  opacity:.7;
}
.watch-page-card-title{
  font-size:.88rem;font-weight:600;color:rgba(255,255,255,.85);
  line-height:1.4;
}

/* Season poster in article (fix 5) */
.season-article-poster{
  width:120px;flex-shrink:0;
}
.season-article-poster img{
  width:100%;border-radius:6px;object-fit:cover;
  aspect-ratio:2/3;background:#111;display:block;
}

/* Voice page: active/inactive seasons */
.season-item--inactive{opacity:.45;filter:grayscale(.5)}
.season-item--inactive:hover{opacity:.7}
.season-item--inactive .season-item-info{background:linear-gradient(#0009,#000d)}
.season-item--has-voice .season-item-info::after{
  content:'✓';position:absolute;top:6px;right:8px;
  font-size:11px;background:rgba(252,200,0,.2);color:#fc0;
  padding:1px 5px;border-radius:3px;font-weight:700;
}

/* List item — unified style */
.main-translators .list-item, .list-item {
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  background:rgba(255,255,255,.07);
  border-radius:6px;
  color:rgba(255,255,255,.7);
  transition:all .15s;
  font-size:.875rem;
  font-weight:500;
  text-decoration:none;
}
.main-translators .list-item:hover, .list-item:hover {
  background:rgba(255,255,255,.13);
  color:#fff;
}

/* Next episode timer */
.next-ep-timer {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.8rem;
  color:rgba(255,255,255,.55);
  padding:.45rem .75rem;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.1);
  white-space:nowrap;
}

.voice-btn{display:flex;align-items:center;gap:8px;padding:12px 14px;background:rgba(255,255,255,.07);border-radius:6px;color:rgba(255,255,255,.7);transition:all .15s;border:1px solid rgba(255,255,255,.1);white-space:nowrap;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none}
.voice-btn:hover,.voice-btn.active{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.2)}

/* Header seasons dropdown */
.hdr-seasons{position:relative;display:inline-block}
.hdr-seasons-btn{
  display:flex;align-items:center;gap:4px;
  background:none;border:none;
  color:rgba(255,255,255,.7);
  font-size:.875rem;font-weight:500;
  cursor:pointer;padding:6px 10px;
  border-radius:6px;transition:all .15s;
  white-space:nowrap;
}
.hdr-seasons-btn:hover,.hdr-seasons.open .hdr-seasons-btn{
  background:rgba(255,255,255,.08);color:#fff;
}
.hdr-seasons-btn svg{transition:transform .2s;flex-shrink:0}
.hdr-seasons.open .hdr-seasons-btn svg{transform:rotate(180deg)}
.hdr-seasons-menu{
  display:none;
  position:absolute;top:calc(100% + 6px);left:0;
  background:rgb(28 29 33/97%);
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;padding:6px;
  min-width:130px;z-index:200;
  backdrop-filter:blur(16px);
  box-shadow:0 8px 24px rgba(0,0,0,.5);
}
.hdr-seasons.open .hdr-seasons-menu{display:block}
.hdr-seasons-item{
  display:block;padding:8px 12px;
  color:rgba(255,255,255,.7);
  font-size:.85rem;border-radius:6px;
  transition:all .1s;
}
.hdr-seasons-item:hover{background:rgba(255,255,255,.08);color:#fff}