:root{
  --bg:#06111b;
  --bg-2:#081826;
  --panel:#0d1d2b;
  --panel-2:#102638;
  --text:#eef6ff;
  --muted:#9fb0bf;
  --line:rgba(255,255,255,.09);
  --soft:rgba(255,255,255,.06);
  --accent:#f7c948;
  --accent-2:#16d1c7;
  --danger:#ff5d78;
  --radius:22px;
  --shadow:0 22px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top left,rgba(22,209,199,.12),transparent 34%),linear-gradient(180deg,#07131f 0%,#06111b 55%,#050d15 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.page-container{width:min(1220px,calc(100% - 40px));margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(5,13,21,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{width:min(1320px,calc(100% - 36px));margin:0 auto;height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;white-space:nowrap}.brand-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#ff9f1c);color:#111;box-shadow:0 10px 30px rgba(247,201,72,.28)}.brand-text{font-size:20px;letter-spacing:.2px}.brand-text span{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:18px;flex:1}.main-nav a{color:#c7d2dd;font-weight:750;font-size:14px;transition:.18s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active{position:relative}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;border-radius:4px;background:var(--accent)}.header-tools{display:flex;align-items:center;gap:12px}.search{width:290px;height:42px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:0 6px 0 16px;display:flex;align-items:center}.search input{width:100%;border:0;background:transparent;color:#fff;outline:0}.search input::placeholder{color:#7f91a1}.search button,.account-btn{border:0;cursor:pointer}.search button{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#111}.search svg,.account-btn svg,.category-tabs svg,.benefit-icon svg{width:18px;height:18px;fill:currentColor}.account-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.home-page{padding-bottom:64px}.hero-slider{position:relative;min-height:760px;overflow:hidden;background:#07131f}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:210px;background:linear-gradient(180deg,transparent,var(--bg))}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,21,.96) 0%,rgba(5,13,21,.78) 36%,rgba(5,13,21,.18) 72%,rgba(5,13,21,.66) 100%),linear-gradient(180deg,rgba(5,13,21,.22),rgba(5,13,21,.08) 40%,rgba(5,13,21,.75) 100%)}.hero-container{position:relative;z-index:2;min-height:760px;display:flex;align-items:center;padding-top:80px}.hero-copy{max-width:720px}.hero-label{display:inline-flex;padding:8px 14px;border:1px solid rgba(247,201,72,.28);background:rgba(247,201,72,.1);border-radius:999px;color:var(--accent);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.hero-copy h1{margin:18px 0 16px;font-size:clamp(44px,6vw,82px);line-height:.96;letter-spacing:-2px}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;color:#d4e0ea}.hero-meta span{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);font-weight:800;font-size:14px}.hero-meta .hd{background:var(--accent);color:#111;border-color:transparent}.hero-copy p{max-width:780px;color:#c7d3df;font-size:18px;line-height:1.75;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.primary-btn,.outline-btn,.ott-btn,.ott-icon-btn{height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:950}.primary-btn{background:linear-gradient(135deg,var(--accent),#ffac2f);color:#111;padding:0 24px;box-shadow:0 12px 34px rgba(247,201,72,.25)}.outline-btn,.ott-btn,.ott-icon-btn{padding:0 22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff}.hero-control{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,13,21,.48);backdrop-filter:blur(10px);color:#fff;font-size:42px;line-height:0;cursor:pointer}.hero-control.prev{left:28px}.hero-control.next{right:28px}.hero-pagination{position:absolute;z-index:5;left:50%;bottom:112px;transform:translateX(-50%);display:flex;gap:8px}.hero-pagination button{width:34px;height:5px;border:0;border-radius:999px;background:rgba(255,255,255,.28);padding:0;cursor:pointer}.hero-pagination button.active{background:var(--accent)}
.category-tabs{position:relative;z-index:8;margin-top:-50px;display:grid;grid-template-columns:repeat(7,1fr);gap:0;border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden;background:rgba(8,20,31,.86);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.category-tabs button,.category-tabs a{min-height:88px;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:#d7e2ec;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;cursor:pointer}.category-tabs button:last-child,.category-tabs a:last-child{border-right:0}.category-tabs .active,.category-tabs button:hover,.category-tabs a:hover{background:linear-gradient(180deg,rgba(247,201,72,.18),rgba(247,201,72,.04));color:#fff}.category-tabs svg{width:23px;height:23px;color:var(--accent)}.tab-panel{display:none}.tab-panel.active{display:block}.content-section,.tab-panel,.benefits{margin-top:54px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title h2{margin:0;font-size:30px;letter-spacing:-.6px}.section-title a{color:var(--accent);font-weight:900}.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.series-card{display:block;background:linear-gradient(180deg,rgba(15,31,44,.92),rgba(8,20,31,.96));border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:.22s ease;box-shadow:0 15px 38px rgba(0,0,0,.16)}.series-card:hover{transform:translateY(-7px);border-color:rgba(247,201,72,.32);box-shadow:0 26px 58px rgba(0,0,0,.34)}.poster-wrap{position:relative;aspect-ratio:2/3;background:#0b1824;overflow:hidden}.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.series-card:hover .poster-wrap img{transform:scale(1.055);filter:brightness(.78)}.episode-tag{position:absolute;top:12px;left:12px;background:rgba(247,201,72,.95);color:#111;font-size:12px;font-weight:950;border-radius:999px;padding:6px 10px}.play-float{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(247,201,72,.92);color:#111;opacity:0;transition:.22s ease;font-weight:900}.series-card:hover .play-float{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-body{padding:15px}.card-title{font-weight:950;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{margin-top:8px;display:flex;justify-content:space-between;color:#9db0bf;font-size:13px;font-weight:800}.episode-grid-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.episode-mini-card{display:grid;grid-template-columns:145px 1fr;gap:14px;align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:10px;transition:.2s}.episode-mini-card:hover{background:rgba(255,255,255,.085);transform:translateY(-3px)}.episode-thumb{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0b1824}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-thumb span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(247,201,72,.92);color:#111}.episode-thumb em{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:900;background:rgba(0,0,0,.55);border-radius:999px;padding:4px 7px}.episode-mini-body strong{display:block;font-size:15px}.episode-mini-body small{display:block;color:#9eb0bf;margin-top:4px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefits article{display:flex;gap:14px;padding:22px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.benefit-icon{flex:0 0 46px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(247,201,72,.14);color:var(--accent);font-weight:950}.benefits h3{margin:0 0 5px;font-size:17px}.benefits p{margin:0;color:#98aab8;font-size:14px}.site-footer{margin-top:70px;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,10,16,.72)}.footer-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#b7c4cf}.footer-inner strong{display:block;color:#fff;font-size:20px}.footer-inner p{margin:6px 0 0}.footer-inner nav{display:flex;gap:16px;flex-wrap:wrap}.footer-inner nav a{color:#c9d3dc;font-weight:800}.empty-box{padding:28px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:#b9c6d2}
@media(max-width:1100px){.header-inner{height:auto;padding:16px 0;flex-wrap:wrap}.main-nav{order:3;width:100%;overflow-x:auto;padding-bottom:4px}.search{width:230px}.media-grid{grid-template-columns:repeat(4,1fr)}.category-tabs{grid-template-columns:repeat(4,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.episode-grid-mini{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-container{width:min(100% - 28px,1220px)}.site-header{position:sticky}.header-inner{width:min(100% - 24px,1320px)}.brand-text{font-size:18px}.header-tools{width:100%}.search{width:100%;flex:1}.hero-slider,.hero-container{min-height:650px}.hero-container{padding-top:40px}.hero-copy h1{font-size:42px;letter-spacing:-1px}.hero-copy p{font-size:15px}.hero-control{display:none}.hero-pagination{bottom:72px}.category-tabs{grid-template-columns:repeat(2,1fr);margin-top:-36px}.category-tabs button,.category-tabs a{min-height:68px;font-size:14px}.media-grid{grid-template-columns:repeat(2,1fr);gap:14px}.episode-grid-mini{grid-template-columns:1fr}.episode-mini-card{grid-template-columns:120px 1fr}.benefits{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column;padding:28px 0}.section-title h2{font-size:24px}}

/* ===== v21 premium home refresh ===== */
body{background:radial-gradient(circle at 18% -8%,rgba(247,201,72,.10),transparent 30%),radial-gradient(circle at 88% 8%,rgba(255,255,255,.055),transparent 28%),#050d15;color:#fff}
.site-header.site-header-transparent{position:fixed;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(3,8,14,.74),rgba(3,8,14,.34) 72%,transparent);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px);z-index:60;transition:.22s ease}.site-header.site-header-transparent .header-inner{height:82px}.site-header.site-header-transparent .brand-icon{box-shadow:0 12px 32px rgba(247,201,72,.32)}.site-header.site-header-transparent .main-nav{justify-content:center}.site-header.site-header-transparent .main-nav a{color:rgba(236,244,250,.84)}.site-header.site-header-transparent .main-nav a:hover,.site-header.site-header-transparent .main-nav a.active{color:#fff}.site-header.site-header-transparent .search{width:48px;padding:0;justify-content:center;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.14);overflow:hidden;transition:.24s ease}.site-header.site-header-transparent .search:focus-within,.site-header.site-header-transparent .search:hover{width:300px;padding:0 6px 0 16px;background:rgba(7,17,27,.76)}.site-header.site-header-transparent .search input{opacity:0;width:0;transition:.18s ease}.site-header.site-header-transparent .search:focus-within input,.site-header.site-header-transparent .search:hover input{opacity:1;width:100%}.site-header.site-header-transparent .search button{background:rgba(247,201,72,.95);flex:0 0 32px}.site-header.site-header-transparent .account-btn{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.14);transition:.18s ease}.site-header.site-header-transparent .account-btn:hover{background:rgba(247,201,72,.16);color:var(--accent);transform:translateY(-1px)}
.home-premium{padding-bottom:70px}.hero-premium{min-height:720px;margin-top:0;background:#050d15}.hero-premium .hero-slide{background-position:center top}.hero-premium .hero-slide:before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center top;filter:blur(16px);transform:scale(1.04);opacity:.22}.hero-premium .hero-slide:after{height:260px;background:linear-gradient(180deg,transparent 0%,rgba(5,13,21,.58) 48%,#050d15 100%)}.hero-premium .hero-shade{background:linear-gradient(90deg,rgba(5,13,21,.98) 0%,rgba(5,13,21,.80) 38%,rgba(5,13,21,.30) 68%,rgba(5,13,21,.72) 100%),linear-gradient(180deg,rgba(5,13,21,.48) 0%,rgba(5,13,21,.10) 38%,rgba(5,13,21,.86) 100%)}.hero-premium .hero-container{min-height:720px;padding-top:90px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:58px;align-items:center}.hero-premium .hero-copy{max-width:780px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);color:#f3d56c;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.7px}.hero-kicker i{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(247,201,72,.14)}.hero-premium .hero-copy h1{font-size:clamp(46px,6vw,86px);line-height:.94;letter-spacing:-2.8px;text-shadow:0 20px 48px rgba(0,0,0,.55)}.hero-premium .hero-meta span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.hero-premium .hero-meta .hd{background:linear-gradient(135deg,var(--accent),#ffb12e);color:#15100a}.hero-premium .hero-copy p{color:#d6e0e8;max-width:720px}.hero-premium .primary-btn span{font-size:12px;margin-right:3px}.hero-poster-card{position:relative;display:block;aspect-ratio:2/3;border-radius:28px;overflow:hidden;background:#0b1824;border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 85px rgba(0,0,0,.55);transform:rotate(2deg);transition:.25s ease}.hero-poster-card:before{content:"";position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);z-index:2;pointer-events:none}.hero-poster-card:hover{transform:rotate(0deg) translateY(-8px)}.hero-poster-card img{width:100%;height:100%;object-fit:cover}.hero-poster-bottom{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;padding:15px;border-radius:18px;background:rgba(5,13,21,.76);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10)}.hero-poster-bottom strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-poster-bottom small{display:block;color:#aebdca;margin-top:4px}.hero-premium .hero-control{background:rgba(5,13,21,.40);border-color:rgba(255,255,255,.18)}.hero-premium .hero-control:hover{background:rgba(247,201,72,.92);color:#111}.hero-premium .hero-pagination{bottom:86px}.hero-premium .hero-pagination button{height:4px;width:38px;background:rgba(255,255,255,.22)}.hero-premium .hero-pagination button.active{background:var(--accent);width:54px}
.category-tabs,.tab-panel{display:none!important}.genre-strip{position:relative;z-index:10;margin-top:-36px;padding:22px;border-radius:30px;background:linear-gradient(180deg,rgba(12,25,37,.88),rgba(8,18,29,.80));border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.36)}.genre-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.genre-head span,.modern-title span{display:block;color:#8fa2b2;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.55px;margin-bottom:5px}.genre-head h2,.modern-title h2{margin:0;letter-spacing:-.7px}.genre-head a,.modern-title a{color:var(--accent);font-weight:950}.genre-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.genre-row a{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:#dfe8ef;font-weight:900;transition:.18s ease}.genre-icon{color:#8a97a3;font-size:9px;transition:.18s ease}.genre-row a:hover{color:#111;background:var(--accent);border-color:transparent;transform:translateY(-2px)}.genre-row a:hover .genre-icon{color:#111}.premium-section{margin-top:58px}.modern-title{align-items:center}.modern-title h2{font-size:32px}.media-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.premium-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);border-radius:22px;box-shadow:none}.premium-card:hover{transform:translateY(-8px);border-color:rgba(247,201,72,.38);background:rgba(255,255,255,.065);box-shadow:0 26px 60px rgba(0,0,0,.40)}.poster-wrap{border-radius:20px;margin:10px 10px 0}.poster-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.70) 100%);opacity:.85}.quality-tag{position:absolute;top:12px;right:12px;z-index:3;background:rgba(5,13,21,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950}.premium-card .episode-tag{z-index:3;top:auto;left:12px;bottom:12px;background:rgba(247,201,72,.95);box-shadow:0 8px 22px rgba(0,0,0,.24)}.premium-card .play-float{z-index:4;width:58px;height:58px;box-shadow:0 16px 34px rgba(0,0,0,.34)}.premium-card .card-body{padding:14px 15px 16px}.premium-card .card-title{font-size:15px}.premium-card .card-meta{font-size:12px;color:#9aaebe}.episode-grid-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.episode-mini-card{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.04));border-color:rgba(255,255,255,.09);box-shadow:0 15px 40px rgba(0,0,0,.14)}.episode-mini-card:hover{border-color:rgba(247,201,72,.28);box-shadow:0 24px 54px rgba(0,0,0,.28)}.episode-thumb em{background:rgba(247,201,72,.95);color:#111}.benefits-premium article{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);transition:.18s ease}.benefits-premium article:hover{transform:translateY(-4px);border-color:rgba(247,201,72,.25)}
@media(max-width:1180px){.hero-premium .hero-container{grid-template-columns:minmax(0,1fr) 270px;gap:34px}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.episode-grid-mini{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header.site-header-transparent .search:hover,.site-header.site-header-transparent .search:focus-within{width:240px}}
@media(max-width:820px){.site-header.site-header-transparent{position:sticky;background:rgba(5,13,21,.92)}.site-header.site-header-transparent .header-inner{height:auto}.site-header.site-header-transparent .main-nav{justify-content:flex-start}.site-header.site-header-transparent .search,.site-header.site-header-transparent .search:hover,.site-header.site-header-transparent .search:focus-within{width:100%;padding:0 6px 0 16px}.site-header.site-header-transparent .search input{width:100%;opacity:1}.hero-premium,.hero-premium .hero-container{min-height:660px}.hero-premium .hero-container{display:flex;padding-top:50px}.hero-poster-card{display:none}.hero-premium .hero-copy h1{font-size:44px;letter-spacing:-1.2px}.hero-premium .hero-pagination{bottom:64px}.genre-strip{margin-top:-24px;padding:17px;border-radius:24px}.genre-head{align-items:flex-start}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.episode-grid-mini{grid-template-columns:1fr}.modern-title{align-items:flex-start}.modern-title h2{font-size:25px}.section-title{flex-direction:row}.poster-wrap{margin:8px 8px 0;border-radius:17px}}
@media(max-width:520px){.hero-premium .hero-meta{gap:7px}.hero-premium .hero-meta span{font-size:12px;padding:6px 9px}.hero-premium .hero-copy p{font-size:14px;line-height:1.65}.hero-actions a{width:100%}.genre-head{flex-direction:column}.media-grid{gap:12px}.premium-card .card-body{padding:11px 10px 13px}.premium-card .card-title{font-size:14px}.premium-card .card-meta{font-size:11px}.episode-mini-card{grid-template-columns:112px 1fr}}

/* ===== v22 real UI correction: no hero poster, hidden genre scrollbar, smaller cleaner cards ===== */
:root{--card-warm:#f7c948;--soft-line:rgba(255,255,255,.055)}
.hero-premium{min-height:680px;overflow:hidden}
.hero-premium .hero-container{min-height:680px;grid-template-columns:minmax(0,980px);gap:0;align-items:center;padding-top:96px;padding-bottom:72px}
.hero-premium .hero-copy{max-width:860px}
.hero-premium .hero-copy h1{font-size:clamp(42px,5.5vw,76px);max-width:860px}
.hero-premium .hero-copy p{max-width:660px;color:rgba(224,233,241,.88)}
.hero-info-tiles{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:680px}
.hero-info-tile{min-width:150px;padding:13px 15px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);display:grid;grid-template-columns:36px 1fr;column-gap:11px;align-items:center;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.hero-info-tile .tile-icon{grid-row:1/3;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;font-size:17px}.hero-info-tile .tile-star{color:var(--accent)}
.hero-info-tile small{display:block;color:#96a8b7;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.hero-info-tile strong{font-size:15px;color:#fff;line-height:1.1;white-space:nowrap}.hero-poster-card{display:none!important}
.hero-premium .hero-slide{background-size:cover;background-position:center 18%}.hero-premium .hero-slide:before{filter:blur(10px);opacity:.12}.hero-premium .hero-shade{background:linear-gradient(90deg,rgba(5,13,21,.97) 0%,rgba(5,13,21,.78) 38%,rgba(5,13,21,.28) 70%,rgba(5,13,21,.42) 100%),linear-gradient(180deg,rgba(5,13,21,.58) 0%,rgba(5,13,21,.05) 40%,#050d15 100%)}
.hero-pagination{left:calc((100vw - min(1420px,calc(100vw - 48px)))/2);right:auto;transform:none}.hero-premium .hero-control{width:46px;height:46px;border-radius:16px}.hero-premium .hero-control.prev{left:24px}.hero-premium .hero-control.next{right:24px}
.genre-strip{margin-top:-62px;padding:18px 18px 16px;border-radius:24px;background:linear-gradient(180deg,rgba(11,23,35,.82),rgba(8,18,29,.66));border-color:rgba(255,255,255,.075);box-shadow:0 24px 70px rgba(0,0,0,.32)}
.genre-head{margin-bottom:13px}.genre-head h2{font-size:27px}.genre-head span{font-size:12px}.genre-row{gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0 2px;mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 70px),transparent 100%)}.genre-row::-webkit-scrollbar{display:none}.genre-row a{min-height:40px;padding:0 13px 0 11px;border-radius:14px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.07);font-size:14px;font-weight:850;box-shadow:none}.genre-icon{width:20px;height:20px;display:inline-grid;place-items:center;color:#aeb9c4;font-size:0}.genre-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.genre-icon svg path{fill:currentColor;stroke:none}.genre-row a:hover{background:rgba(247,201,72,.95);color:#14100a;transform:translateY(-1px)}.genre-row a:hover .genre-icon{color:#14100a}
.premium-section{margin-top:46px}.modern-title h2{font-size:30px}.modern-title span{font-size:12px}.media-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.premium-card{border:0;background:rgba(255,255,255,.032);border-radius:18px;box-shadow:none;overflow:hidden}.premium-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.055);box-shadow:0 18px 48px rgba(0,0,0,.32)}.poster-wrap{margin:0;border-radius:18px;aspect-ratio:2/2.92}.poster-wrap img{transform:scale(1.001);transition:transform .25s ease}.premium-card:hover .poster-wrap img{transform:scale(1.045)}.quality-tag{top:9px;right:9px;padding:5px 8px;font-size:10px;background:rgba(6,14,22,.58);border:0}.premium-card .episode-tag{left:9px;bottom:9px;padding:6px 9px;border-radius:9px;font-size:10px;box-shadow:none}.premium-card .play-float{width:48px;height:48px;font-size:15px;opacity:0;transform:translate(-50%,-50%) scale(.92);background:rgba(247,201,72,.95);color:#101010}.premium-card:hover .play-float{opacity:1;transform:translate(-50%,-50%) scale(1)}.premium-card .card-body{padding:11px 2px 2px;background:transparent}.premium-card .card-title{font-size:14px;line-height:1.25}.premium-card .card-meta{margin-top:8px;font-size:12px;color:#9fb1c1}.poster-gradient{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.72) 100%)}
.episode-grid-mini{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.episode-mini-card{border:0;border-radius:18px;background:rgba(255,255,255,.035)}.episode-thumb{border-radius:16px}.episode-mini-body{padding:12px 12px 12px 0}.episode-mini-body strong{font-size:14px}.episode-mini-body small{font-size:12px}
@media(max-width:1280px){.media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.episode-grid-mini{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1020px){.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-info-tile{min-width:138px}.episode-grid-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.hero-premium,.hero-premium .hero-container{min-height:620px}.hero-premium .hero-container{padding-top:70px;padding-bottom:72px}.hero-info-tiles{display:none}.genre-strip{margin-top:-36px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.premium-card .card-body{padding-top:9px}.site-header.site-header-transparent{position:fixed}.site-header.site-header-transparent .header-inner{height:74px}}
@media(max-width:560px){.hero-premium,.hero-premium .hero-container{min-height:590px}.hero-premium .hero-copy h1{font-size:38px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.episode-grid-mini{grid-template-columns:1fr}.genre-strip{border-radius:20px}.genre-head h2{font-size:23px}.genre-row a{font-size:13px;min-height:38px}.hero-pagination{left:24px}}

/* ===== v23 cleanup: real fixes from screenshot ===== */
html,body{overflow-x:hidden}
.site-header.site-header-transparent{
  background:linear-gradient(180deg,rgba(3,9,15,.72),rgba(3,9,15,.22));
  border-bottom:1px solid rgba(255,255,255,.045);
  box-shadow:none;
}
.site-header.site-header-transparent .header-inner{height:76px}
.hero-premium{min-height:650px}
.hero-premium .hero-container{
  min-height:650px;
  padding-top:88px;
  padding-bottom:86px;
}
.hero-premium .hero-copy h1{margin-top:14px;margin-bottom:14px}
.hero-premium .hero-copy p{font-size:17px;line-height:1.65;max-width:630px}
.hero-info-tiles{margin-top:24px}
.hero-info-tile{min-width:134px;padding:11px 13px;border-radius:16px}
.hero-info-tile .tile-icon{width:32px;height:32px;border-radius:10px}
.hero-premium .hero-slide:after{height:230px;background:linear-gradient(180deg,transparent 0%,rgba(5,13,21,.70) 58%,#050d15 100%)}
.hero-premium .hero-shade{
  background:
    linear-gradient(90deg,rgba(5,13,21,.98) 0%,rgba(5,13,21,.80) 39%,rgba(5,13,21,.34) 70%,rgba(5,13,21,.52) 100%),
    linear-gradient(180deg,rgba(5,13,21,.46) 0%,rgba(5,13,21,.04) 42%,#050d15 100%);
}
.hero-premium .hero-pagination{bottom:76px}
.genre-strip{
  margin-top:-44px;
  padding:17px 18px 15px;
  border-radius:20px;
  background:rgba(10,22,34,.78);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 18px 54px rgba(0,0,0,.28);
}
.genre-head{margin-bottom:12px}
.genre-head h2{font-size:25px}
.genre-row{padding-bottom:0;mask-image:none;scrollbar-width:none;-ms-overflow-style:none}
.genre-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.genre-row a{min-height:38px;border-radius:12px;font-size:13px;padding:0 12px 0 10px;background:rgba(255,255,255,.04)}
.genre-icon svg{width:15px;height:15px}
.genre-strip + .premium-section{margin-top:72px}
.premium-section{margin-top:68px}
.modern-title{margin-bottom:22px;align-items:flex-end}
.modern-title span{line-height:1.2;margin-bottom:6px;color:#87a0b4}
.modern-title h2{font-size:31px;line-height:1.1}
.modern-title a{font-size:14px;white-space:nowrap}
.media-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:24px 22px;
  align-items:start;
}
.premium-card{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible;
}
.premium-card:hover{background:transparent!important;box-shadow:none!important;transform:translateY(-5px)}
.poster-wrap{
  margin:0!important;
  border-radius:16px!important;
  aspect-ratio:2/2.92;
  box-shadow:0 16px 38px rgba(0,0,0,.22);
}
.poster-wrap:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
}
.premium-card:hover .poster-wrap{box-shadow:0 24px 58px rgba(0,0,0,.38)}
.premium-card .card-body{padding:12px 0 0!important}
.premium-card .card-title{font-size:14px;line-height:1.28;letter-spacing:-.1px}
.premium-card .card-meta{font-size:11px;margin-top:7px}
.quality-tag{top:8px;right:8px;border-radius:12px;padding:5px 7px;background:rgba(5,13,21,.70)}
.premium-card .episode-tag{left:8px;bottom:8px;border-radius:8px;padding:5px 8px;font-size:10px}
.episode-grid-mini{
  grid-template-columns:repeat(auto-fill,minmax(245px,1fr));
  gap:14px;
}
.episode-mini-card{
  grid-template-columns:112px minmax(0,1fr);
  min-height:78px;
  padding:7px;
  border-radius:15px;
  background:rgba(255,255,255,.032)!important;
}
.episode-thumb{border-radius:12px}
.episode-thumb span{width:32px;height:32px;font-size:12px}
.episode-thumb em{font-size:10px;left:6px;bottom:6px;padding:3px 6px}
.episode-mini-body{padding:8px 7px 8px 0!important;min-width:0}
.episode-mini-body strong,.episode-mini-body small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.benefits-premium{margin-top:72px}
.benefits-premium article{border-radius:17px;padding:17px;background:rgba(255,255,255,.032)!important}
.site-footer{margin-top:82px}
@media(max-width:1180px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}
@media(max-width:820px){
  .site-header.site-header-transparent .header-inner{height:auto;padding:13px 0}
  .hero-premium,.hero-premium .hero-container{min-height:610px}
  .genre-strip + .premium-section{margin-top:56px}
  .premium-section{margin-top:54px}
  .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}
}
@media(max-width:560px){
  .hero-premium,.hero-premium .hero-container{min-height:570px}
  .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}
  .modern-title h2{font-size:24px}
  .modern-title a{font-size:13px}
}


/* v24 final slider cleanup: no info widgets, no poster, cleaner cinematic hero */
.hero-info-tiles,
.hero-info-tile,
.hero-poster-card{display:none!important}
.hero-premium{min-height:620px!important;background:#050d15!important}
.hero-premium .hero-container{
    min-height:620px!important;
    display:flex!important;
    align-items:center!important;
    padding-top:88px!important;
    padding-bottom:92px!important;
    grid-template-columns:none!important;
}
.hero-premium .hero-copy{max-width:760px!important}
.hero-premium .hero-copy h1{
    font-size:clamp(42px,5.2vw,72px)!important;
    line-height:.98!important;
    margin:15px 0 14px!important;
    letter-spacing:-2.2px!important;
}
.hero-premium .hero-copy p{
    max-width:640px!important;
    font-size:16px!important;
    line-height:1.65!important;
    margin-bottom:24px!important;
    color:rgba(224,233,241,.88)!important;
}
.hero-premium .hero-meta{
    gap:9px!important;
    margin-bottom:18px!important;
}
.hero-premium .hero-meta span{
    padding:6px 10px!important;
    font-size:12px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
}
.hero-premium .hero-meta .hd{
    background:linear-gradient(135deg,var(--accent),#ffb12e)!important;
    color:#111!important;
    border-color:transparent!important;
}
.hero-premium .hero-slide{background-position:center 20%!important}
.hero-premium .hero-slide:before{opacity:.08!important;filter:blur(8px)!important}
.hero-premium .hero-shade{
    background:
      linear-gradient(90deg,rgba(5,13,21,.96) 0%,rgba(5,13,21,.78) 34%,rgba(5,13,21,.24) 66%,rgba(5,13,21,.36) 100%),
      linear-gradient(180deg,rgba(5,13,21,.48) 0%,rgba(5,13,21,.06) 40%,#050d15 100%)!important;
}
.hero-premium .hero-slide:after{
    height:210px!important;
    background:linear-gradient(180deg,transparent 0%,rgba(5,13,21,.62) 55%,#050d15 100%)!important;
}
.hero-premium .hero-pagination{
    bottom:70px!important;
    left:calc((100vw - min(1420px,calc(100vw - 48px)))/2)!important;
    right:auto!important;
    transform:none!important;
}
.hero-premium .hero-pagination button{height:4px!important;width:44px!important;background:rgba(255,255,255,.23)!important}
.hero-premium .hero-pagination button.active{width:58px!important;background:var(--accent)!important}
.genre-strip{margin-top:-42px!important;z-index:12!important}
.genre-row{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    padding-bottom:0!important;
    mask-image:none!important;
}
.genre-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.premium-section{margin-top:62px!important}
@media(max-width:820px){
  .hero-premium,.hero-premium .hero-container{min-height:570px!important}
  .hero-premium .hero-container{padding-top:88px!important;padding-bottom:74px!important}
  .hero-premium .hero-copy h1{font-size:40px!important;letter-spacing:-1px!important}
  .hero-premium .hero-copy p{font-size:14px!important}
  .hero-premium .hero-pagination{left:24px!important;bottom:52px!important}
  .genre-strip{margin-top:-28px!important}
}


/* ===== v25 true full-bleed hero + transparent header ===== */
.site-header.site-header-transparent{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.site-header.site-header-transparent:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,8,14,.58) 0%,rgba(3,8,14,.25) 58%,transparent 100%);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  mask-image:linear-gradient(180deg,#000 0%,#000 64%,transparent 100%);
}
.site-header.site-header-transparent .header-inner{
  height:82px!important;
  background:transparent!important;
}
.site-header.site-header-transparent .main-nav a{
  color:rgba(255,255,255,.82)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.48);
  font-weight:800!important;
}
.site-header.site-header-transparent .main-nav a.active:after{
  bottom:-13px!important;
  height:3px!important;
  box-shadow:0 0 18px rgba(247,201,72,.45);
}
.site-header.site-header-transparent .search,
.site-header.site-header-transparent .account-btn{
  background:rgba(5,13,21,.20)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.site-header.site-header-transparent .search button{
  background:rgba(247,201,72,.92)!important;
}
.hero-slider.hero-premium{
  margin-top:0!important;
  min-height:690px!important;
  background:#050d15!important;
}
.hero-premium .hero-container{
  min-height:690px!important;
  padding-top:102px!important;
  padding-bottom:108px!important;
  align-items:center!important;
}
.hero-premium .hero-slide{
  background-size:cover!important;
  background-position:center top!important;
}
.hero-premium .hero-slide:before{
  opacity:0!important;
  display:none!important;
}
.hero-premium .hero-shade{
  background:
    radial-gradient(circle at 67% 24%,rgba(255,255,255,.10),transparent 23%),
    linear-gradient(90deg,rgba(5,13,21,.88) 0%,rgba(5,13,21,.61) 34%,rgba(5,13,21,.16) 66%,rgba(5,13,21,.23) 100%),
    linear-gradient(180deg,rgba(5,13,21,.10) 0%,rgba(5,13,21,.02) 44%,#050d15 100%)!important;
}
.hero-premium .hero-slide:after{
  height:245px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(5,13,21,.54) 48%,#050d15 100%)!important;
}
.hero-kicker{
  background:rgba(5,13,21,.32)!important;
  border-color:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.hero-premium .hero-copy h1{
  font-size:clamp(48px,5.4vw,78px)!important;
  line-height:.95!important;
  letter-spacing:-2.8px!important;
  font-weight:950!important;
  text-wrap:balance;
  text-shadow:0 18px 55px rgba(0,0,0,.62)!important;
}
.hero-meta-clean{
  gap:15px!important;
  margin:6px 0 20px!important;
}
.hero-meta-clean span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0!important;
  min-height:28px!important;
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:15px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.hero-meta-clean span:not(.hd)::before{display:none!important}
.hero-meta-clean svg{
  width:17px!important;
  height:17px!important;
  fill:currentColor!important;
  color:rgba(247,201,72,.96)!important;
  flex:0 0 auto;
}
.hero-meta-clean .hd{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,var(--accent),#ffae31)!important;
  color:#111!important;
  box-shadow:0 8px 22px rgba(247,201,72,.22)!important;
}
.hero-meta-clean .hd b{font-size:14px;line-height:1;font-weight:950}
.hero-premium .hero-copy p{
  max-width:650px!important;
  font-size:17px!important;
  line-height:1.72!important;
  color:rgba(236,244,250,.86)!important;
  text-shadow:0 8px 30px rgba(0,0,0,.55);
}
.hero-premium .outline-btn{
  background:rgba(5,13,21,.24)!important;
  border-color:rgba(255,255,255,.22)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hero-premium .hero-control{
  width:48px!important;
  height:48px!important;
  border-radius:18px!important;
  font-size:38px!important;
  background:rgba(5,13,21,.22)!important;
  border-color:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hero-premium .hero-control.prev{left:26px!important}
.hero-premium .hero-control.next{right:26px!important}
.hero-premium .hero-pagination{
  left:50%!important;
  right:auto!important;
  bottom:84px!important;
  transform:translateX(-50%)!important;
  justify-content:center!important;
}
.hero-premium .hero-pagination button{
  width:44px!important;
  height:4px!important;
  opacity:.72;
}
.hero-premium .hero-pagination button.active{
  width:62px!important;
  opacity:1;
}
.genre-strip{
  margin-top:-54px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(8,18,29,.78),rgba(8,18,29,.58))!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
@media(max-width:820px){
  .site-header.site-header-transparent:before{background:rgba(3,8,14,.50)}
  .hero-slider.hero-premium,.hero-premium .hero-container{min-height:620px!important}
  .hero-premium .hero-container{padding-top:118px!important;padding-bottom:88px!important}
  .hero-premium .hero-copy h1{font-size:42px!important;letter-spacing:-1.4px!important}
  .hero-meta-clean{gap:10px!important}
  .hero-meta-clean span{font-size:13px!important}
  .hero-premium .hero-pagination{bottom:62px!important}
}


/* ===== v26 optimized hero / icons / typography ===== */
.site-header.site-header-transparent{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.site-header.site-header-transparent:before{
  background:linear-gradient(180deg,rgba(2,7,12,.42),rgba(2,7,12,.18) 55%,transparent)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.site-header.site-header-transparent .header-inner{
  height:76px!important;
}
.site-header.site-header-transparent .main-nav a{
  font-size:14px!important;
  font-weight:760!important;
  letter-spacing:-.1px!important;
}
.site-header.site-header-transparent .main-nav a.active:after{
  bottom:-11px!important;
  height:2px!important;
}
.site-header.site-header-transparent .search{
  width:48px!important;
  height:48px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
  transition:width .22s ease,background .18s ease,border-color .18s ease!important;
}
.site-header.site-header-transparent .search:hover,
.site-header.site-header-transparent .search:focus-within{
  width:265px!important;
  border-radius:999px!important;
  padding:0 7px 0 18px!important;
  grid-template-columns:1fr 38px!important;
  background:rgba(5,13,21,.36)!important;
}
.site-header.site-header-transparent .search input{
  width:0!important;
  min-width:0!important;
  opacity:0!important;
  color:#fff!important;
}
.site-header.site-header-transparent .search:hover input,
.site-header.site-header-transparent .search:focus-within input{
  width:100%!important;
  opacity:1!important;
}
.site-header.site-header-transparent .search button{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#ffd54d,#ffb12e)!important;
  color:#111!important;
  box-shadow:0 8px 22px rgba(247,201,72,.24)!important;
}
.site-header.site-header-transparent .search svg{
  width:19px!important;
  height:19px!important;
}
.site-header.site-header-transparent .account-btn{
  width:48px!important;
  height:48px!important;
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.13)!important;
}
.site-header.site-header-transparent .account-btn svg{
  width:18px!important;
  height:18px!important;
}
.hero-slider.hero-premium{
  min-height:660px!important;
}
.hero-premium .hero-container{
  min-height:660px!important;
  padding-top:92px!important;
  padding-bottom:96px!important;
}
.hero-premium .hero-copy{
  max-width:720px!important;
}
.hero-kicker{
  padding:7px 12px!important;
  font-size:11px!important;
  letter-spacing:.55px!important;
}
.hero-kicker i{
  width:7px!important;
  height:7px!important;
  box-shadow:0 0 0 5px rgba(247,201,72,.12)!important;
}
.hero-premium .hero-copy h1{
  font-size:clamp(38px,4.25vw,62px)!important;
  line-height:1.02!important;
  letter-spacing:-1.9px!important;
  font-weight:920!important;
  margin:16px 0 13px!important;
  max-width:680px!important;
}
.hero-meta-clean{
  gap:9px!important;
  margin:4px 0 18px!important;
}
.hero-meta-clean span{
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  font-size:13px!important;
  font-weight:780!important;
  color:rgba(255,255,255,.90)!important;
  gap:6px!important;
}
.hero-meta-clean .hd{
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
}
.hero-meta-clean .hd b{
  font-size:13px!important;
  letter-spacing:.1px!important;
}
.hero-meta-clean svg{
  width:15px!important;
  height:15px!important;
  color:#f7c948!important;
  opacity:.95!important;
}
.hero-premium .hero-copy p{
  max-width:610px!important;
  font-size:15px!important;
  line-height:1.7!important;
  margin-bottom:26px!important;
}
.hero-actions{gap:12px!important}
.hero-actions a{
  height:46px!important;
  padding:0 21px!important;
  font-size:14px!important;
}
.hero-premium .hero-control{
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  font-size:34px!important;
}
.hero-premium .hero-pagination{
  bottom:72px!important;
  gap:9px!important;
}
.hero-premium .hero-pagination button{
  width:38px!important;
  height:3px!important;
  background:rgba(255,255,255,.30)!important;
}
.hero-premium .hero-pagination button.active{
  width:52px!important;
  background:#f7c948!important;
}
.genre-strip{
  margin-top:-48px!important;
  padding:20px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(8,18,29,.76),rgba(7,16,26,.58))!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
.genre-head span{font-size:11px!important;letter-spacing:.7px!important}
.genre-head h2{font-size:25px!important;letter-spacing:-.5px!important}
.genre-row{
  gap:9px!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 58px),transparent 100%)!important;
}
.genre-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.genre-row a{
  min-height:40px!important;
  padding:0 13px!important;
  gap:9px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.052)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  font-size:13px!important;
  font-weight:780!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.genre-row a:hover{
  background:rgba(247,201,72,.94)!important;
  color:#111!important;
  border-color:rgba(247,201,72,.85)!important;
}
.genre-icon{
  width:19px!important;
  height:19px!important;
  color:#f7c948!important;
  opacity:.95!important;
}
.genre-icon svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.genre-icon svg path,
.genre-icon svg circle,
.genre-icon svg rect,
.genre-icon svg line,
.genre-icon svg polyline,
.genre-icon svg polygon{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.genre-row a:hover .genre-icon{color:#111!important}
.modern-title h2{font-size:28px!important;letter-spacing:-.55px!important}
.modern-title span{font-size:11px!important;letter-spacing:.7px!important}
@media(max-width:820px){
  .site-header.site-header-transparent .search,
  .site-header.site-header-transparent .search:hover,
  .site-header.site-header-transparent .search:focus-within{
    width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;display:grid!important;grid-template-columns:1fr!important;
  }
  .site-header.site-header-transparent .search input{display:none!important}
  .site-header.site-header-transparent .search button{width:36px!important;height:36px!important}
  .hero-slider.hero-premium,.hero-premium .hero-container{min-height:590px!important}
  .hero-premium .hero-container{padding-top:104px!important;padding-bottom:78px!important}
  .hero-premium .hero-copy h1{font-size:36px!important;letter-spacing:-1.1px!important}
  .hero-meta-clean span{font-size:12px!important;min-height:27px!important;padding:0 9px!important}
  .hero-premium .hero-copy p{font-size:14px!important;line-height:1.62!important}
  .hero-premium .hero-pagination{bottom:50px!important;left:24px!important;transform:none!important}
  .genre-strip{margin-top:-30px!important;padding:16px!important}
}

/* =========================
   V27 REAL HERO + ICON FIX
   ========================= */
.site-header.site-header-transparent{
  background:linear-gradient(180deg,rgba(2,8,13,.44),rgba(2,8,13,.16) 58%,rgba(2,8,13,0))!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.site-header.site-header-transparent .header-inner{
  height:76px!important;
  width:min(1320px,calc(100% - 56px))!important;
}
.site-header.site-header-transparent .main-nav{
  justify-content:center!important;
  gap:26px!important;
}
.site-header.site-header-transparent .main-nav a{
  font-size:14px!important;
  font-weight:780!important;
  color:rgba(255,255,255,.86)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
}
.site-header.site-header-transparent .main-nav a.active:after{
  bottom:-14px!important;
  height:2px!important;
  box-shadow:0 0 18px rgba(247,201,72,.35)!important;
}

/* Paieška – tikra graži apvali ikona, ne iškraipyta */
.site-header.site-header-transparent .header-tools{gap:12px!important;}
.site-header.site-header-transparent .search{
  width:48px!important;
  height:48px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
}
.site-header.site-header-transparent .search:hover{
  background:rgba(247,201,72,.95)!important;
  border-color:rgba(247,201,72,.95)!important;
  transform:translateY(-1px)!important;
}
.site-header.site-header-transparent .search input{display:none!important;}
.site-header.site-header-transparent .search button{
  width:48px!important;
  height:48px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
.site-header.site-header-transparent .search:hover button{color:#111!important;}
.site-header.site-header-transparent .search button svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  display:block!important;
}
.site-header.site-header-transparent .search button svg *{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.site-header.site-header-transparent .account-btn{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 30px rgba(0,0,0,.18)!important;
}
.site-header.site-header-transparent .account-btn svg{
  width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.site-header.site-header-transparent .account-btn svg *{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;}

/* Hero pagal paskutinį variantą: švaresnis, mažesnis title, geresni tarpai */
.hero-slider.hero-premium{
  min-height:640px!important;
  background:#030b12!important;
}
.hero-premium .hero-slide{
  background-position:center top!important;
}
.hero-premium .hero-shade{
  background:
    radial-gradient(circle at 70% 34%,rgba(255,255,255,.04),transparent 24%),
    linear-gradient(90deg,rgba(3,10,16,.92) 0%,rgba(3,10,16,.64) 34%,rgba(3,10,16,.08) 62%,rgba(3,10,16,.45) 100%),
    linear-gradient(180deg,rgba(3,10,16,.08) 0%,rgba(3,10,16,.14) 54%,#06121d 100%)!important;
}
.hero-premium .hero-slide:after{
  height:210px!important;
  background:linear-gradient(180deg,transparent,#06121d 86%)!important;
}
.hero-premium .hero-container{
  min-height:640px!important;
  padding-top:92px!important;
  padding-bottom:76px!important;
  align-items:center!important;
}
.hero-premium .hero-copy{
  max-width:560px!important;
  transform:translateY(8px)!important;
}
.hero-kicker{
  min-height:28px!important;
  padding:0 13px!important;
  gap:9px!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#ffd453!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  font-size:11px!important;
  font-weight:860!important;
  letter-spacing:.45px!important;
}
.hero-premium .hero-copy h1{
  max-width:560px!important;
  font-size:clamp(38px,4.1vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-1.65px!important;
  font-weight:870!important;
  margin:16px 0 14px!important;
  text-shadow:0 10px 34px rgba(0,0,0,.52)!important;
}
.hero-meta-clean{
  gap:8px!important;
  margin:0 0 17px!important;
}
.hero-meta-clean span{
  height:30px!important;
  min-height:30px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:rgba(255,255,255,.92)!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.hero-meta-clean .hd{
  background:#f7c948!important;
  color:#111!important;
  border-color:#f7c948!important;
  padding:0 12px!important;
}
.hero-meta-clean svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:#f7c948!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.hero-meta-clean svg path{fill:none!important;stroke:#f7c948!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.hero-meta-clean span:nth-child(2) svg path{fill:#f7c948!important;stroke:none!important;}
.hero-premium .hero-copy p{
  max-width:555px!important;
  font-size:15.5px!important;
  line-height:1.68!important;
  color:rgba(235,243,250,.88)!important;
  margin:0 0 27px!important;
  text-shadow:0 4px 20px rgba(0,0,0,.45)!important;
}
.hero-actions a{
  height:46px!important;
  padding:0 21px!important;
  font-size:14.5px!important;
  border-radius:16px!important;
}
.hero-actions .primary-btn span{margin-right:6px!important;}
.hero-actions .outline-btn{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.24)!important;
  backdrop-filter:blur(9px)!important;
}
.hero-premium .hero-control{
  width:44px!important;
  height:44px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  font-size:32px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  backdrop-filter:blur(10px)!important;
}
.hero-premium .hero-pagination{
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:66px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
}
.hero-premium .hero-pagination button{
  width:40px!important;
  height:3px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.28)!important;
}
.hero-premium .hero-pagination button.active{
  width:54px!important;
  background:#f7c948!important;
  box-shadow:0 0 18px rgba(247,201,72,.32)!important;
}

/* Greito pasirinkimo žanrai – aiškiai skirtingos ikonėlės */
.genre-strip{
  margin-top:-38px!important;
  padding:19px 20px 20px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(8,19,30,.80),rgba(6,16,26,.68))!important;
  border:1px solid rgba(255,255,255,.095)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.genre-head{margin-bottom:15px!important;}
.genre-head span{
  font-size:11px!important;
  letter-spacing:.65px!important;
  color:rgba(180,198,212,.86)!important;
}
.genre-head h2{
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.45px!important;
}
.genre-row{
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding-bottom:0!important;
}
.genre-row::-webkit-scrollbar{display:none!important;}
.genre-row a{
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  gap:9px!important;
  background:rgba(255,255,255,.052)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  font-size:13px!important;
  font-weight:760!important;
  color:rgba(240,246,251,.90)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.genre-row a:hover{
  background:rgba(247,201,72,.96)!important;
  color:#111!important;
  border-color:rgba(247,201,72,1)!important;
  transform:translateY(-1px)!important;
}
.genre-icon{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  color:#f7c948!important;
}
.genre-icon svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.genre-icon svg *{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.genre-row a:hover .genre-icon{color:#111!important;}

@media(max-width:820px){
  .site-header.site-header-transparent .header-inner{width:min(100% - 24px,1320px)!important;height:auto!important;}
  .hero-slider.hero-premium,.hero-premium .hero-container{min-height:590px!important;}
  .hero-premium .hero-container{padding-top:104px!important;padding-bottom:70px!important;}
  .hero-premium .hero-copy h1{font-size:36px!important;letter-spacing:-1px!important;}
  .hero-premium .hero-copy p{font-size:14px!important;}
  .hero-premium .hero-pagination{bottom:42px!important;left:24px!important;transform:none!important;}
  .genre-strip{margin-top:-24px!important;}
}

/* v28: Home sections simplified - Populiariausi tabs + Naujausi + Naujausi epizodai */
.popular-title-row{
    align-items:center!important;
    gap:22px!important;
}
.popular-tabs{
    display:flex;
    align-items:center;
    gap:8px;
    padding:5px;
    border-radius:999px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.075);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    white-space:nowrap;
}
.popular-tabs button{
    height:36px;
    padding:0 15px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#aebccd;
    font-size:13px;
    font-weight:900;
    letter-spacing:.15px;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.popular-tabs button:hover{
    color:#fff;
    background:rgba(255,255,255,.065);
}
.popular-tabs button.active{
    color:#15100a;
    background:linear-gradient(135deg,#ffd24c,#f4b82a);
    box-shadow:0 10px 26px rgba(247,190,49,.22);
}
.popular-panel{display:none;}
.popular-panel.active{display:block;}
.popular-tabs-section{margin-top:68px!important;}
.popular-tabs-section + .premium-section{margin-top:66px!important;}

@media(max-width:720px){
    .popular-title-row{
        align-items:flex-start!important;
        flex-direction:column!important;
    }
    .popular-tabs{
        width:100%;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .popular-tabs::-webkit-scrollbar{display:none;}
    .popular-tabs button{flex:1;min-width:max-content;}
}

/* v29 episode carousel polish */
.episode-carousel-shell{
    position:relative;
    margin-top:4px;
}
.episode-row-slider{
    display:flex!important;
    grid-template-columns:none!important;
    gap:18px!important;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    padding:4px 4px 12px;
    scrollbar-width:none;
}
.episode-row-slider::-webkit-scrollbar{display:none;}
.episode-modern-card{
    flex:0 0 clamp(250px, 22vw, 330px);
    min-height:118px;
    display:grid!important;
    grid-template-columns:132px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center;
    padding:10px!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(16,29,41,.76),rgba(8,18,28,.88))!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:none!important;
    scroll-snap-align:start;
    overflow:hidden;
    isolation:isolate;
}
.episode-modern-card:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(247,201,72,.26)!important;
    background:linear-gradient(180deg,rgba(20,36,51,.86),rgba(10,22,34,.94))!important;
    box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}
.episode-modern-card .episode-thumb{
    height:82px;
    aspect-ratio:auto!important;
    border-radius:15px!important;
    overflow:hidden;
    background:#091520;
}
.episode-modern-card .episode-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.03) 55%,rgba(0,0,0,.42));
    opacity:.65;
    transition:.22s ease;
}
.episode-modern-card:hover .episode-thumb::after{opacity:.35;}
.episode-modern-card .episode-thumb img{
    transition:transform .32s ease, filter .32s ease;
}
.episode-modern-card:hover .episode-thumb img{
    transform:scale(1.055);
    filter:brightness(.92) saturate(1.04);
}
.episode-modern-card .episode-play{
    z-index:3;
    width:34px!important;
    height:34px!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(10px);
    opacity:0;
    transform:translate(-50%,-50%) scale(.86)!important;
    transition:.22s ease;
}
.episode-modern-card:hover .episode-play{
    opacity:1;
    background:rgba(247,201,72,.94)!important;
    color:#111!important;
    border-color:rgba(247,201,72,.4);
    transform:translate(-50%,-50%) scale(1)!important;
}
.episode-modern-card .episode-thumb em{
    z-index:4;
    left:8px;
    bottom:8px;
    font-size:10.5px!important;
    letter-spacing:.15px;
    border-radius:10px!important;
    padding:4px 7px!important;
    background:rgba(247,201,72,.94)!important;
    color:#10131a!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.episode-modern-card .episode-mini-body{
    padding:0!important;
    min-width:0;
}
.episode-modern-card .episode-mini-body strong{
    display:block;
    font-size:15px!important;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.episode-modern-card .episode-mini-body small{
    display:block;
    margin-top:8px!important;
    color:#a9bbca!important;
    font-size:12.5px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.episode-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:42px;
    height:42px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(8,18,28,.68);
    color:#fff;
    font-size:30px;
    line-height:1;
    display:grid;
    place-items:center;
    cursor:pointer;
    backdrop-filter:blur(12px);
    opacity:0;
    transition:.2s ease;
}
.episode-carousel-shell:hover .episode-nav{opacity:1;}
.episode-nav:hover{
    background:rgba(247,201,72,.95);
    color:#111;
    border-color:rgba(247,201,72,.55);
}
.episode-prev{left:-18px;}
.episode-next{right:-18px;}
@media(max-width:900px){
    .episode-modern-card{flex-basis:285px;grid-template-columns:120px minmax(0,1fr)!important;}
    .episode-nav{display:none;}
}
@media(max-width:520px){
    .episode-modern-card{flex-basis:82vw;grid-template-columns:116px minmax(0,1fr)!important;min-height:104px;}
    .episode-modern-card .episode-thumb{height:74px;}
}


/* ============================================================
   INNER PAGES — shared banner + breadcrumbs (catalog/latest/genres/contacts)
   ============================================================ */

.inner-banner {
    position: relative;
    padding-top: 142px;
    padding-bottom: 56px;
    overflow: hidden;
    background: #030b12;
}
.inner-banner-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: .28;
}
.inner-banner-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(3,11,18,.55) 0%, rgba(3,11,18,.22) 50%, #030b12 100%),
        linear-gradient(90deg, rgba(3,11,18,.72) 0%, transparent 60%);
}
.inner-banner-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(200,214,224,.72);
    font-weight: 700;
}
.breadcrumbs a { color: rgba(200,214,224,.72); transition: color .18s; }
.breadcrumbs a:hover { color: var(--accent); }
.breadcrumbs b { color: rgba(255,255,255,.9); }
.breadcrumbs span { color: rgba(255,255,255,.28); }
.inner-banner-copy { max-width: 680px; }
.inner-banner-copy h1 {
    margin: 14px 0 12px;
    font-size: clamp(36px, 4.5vw, 58px);
    letter-spacing: -1.6px;
    line-height: 1.02;
    text-shadow: 0 10px 34px rgba(0,0,0,.52);
}
.inner-banner-copy p {
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
    color: rgba(215,228,238,.84);
    max-width: 600px;
}
.inner-banner-stats {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}
.ibs-item {
    padding: 12px 18px;
    border-radius: 16px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.09);
    min-width: 110px;
}
.ibs-item strong {
    display: block;
    font-size: 22px;
    font-weight: 950;
    line-height: 1;
    color: var(--accent);
}
.ibs-item span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: rgba(180,196,210,.78);
    font-weight: 760;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* ============================================================
   CATALOG PAGE
   ============================================================ */

.catalog-page { padding-bottom: 72px; }

.catalog-banner {
    position: relative;
    padding-top: 148px;
    padding-bottom: 52px;
    overflow: hidden;
    background: #030b12;
}
.catalog-banner-bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 8% 50%, rgba(247,201,72,.13), transparent 42%),
        radial-gradient(circle at 88% 22%, rgba(22,209,199,.10), transparent 40%);
}
.catalog-banner-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 48px;
    align-items: center;
}
.catalog-banner-copy h1 {
    margin: 14px 0 10px;
    font-size: clamp(36px, 4vw, 54px);
    letter-spacing: -1.5px;
    line-height: 1.04;
}
.catalog-banner-copy p {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(210,224,234,.84);
    max-width: 500px;
    margin: 0;
}
.catalog-search-form { display: flex; gap: 10px; align-items: stretch; }
.catalog-search-wrap {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}
.catalog-search-wrap svg {
    position: absolute;
    left: 16px;
    width: 18px; height: 18px;
    fill: none;
    stroke: rgba(180,196,212,.7);
    stroke-width: 2;
    stroke-linecap: round;
    pointer-events: none;
    flex-shrink: 0;
}
.catalog-search-wrap svg *{fill:none;stroke:rgba(180,196,212,.7);stroke-width:2;stroke-linecap:round;}
.catalog-search-wrap input {
    width: 100%;
    height: 50px;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 16px;
    padding: 0 44px 0 46px;
    color: #fff;
    font-size: 15px;
    outline: none;
    transition: border-color .2s, background .2s;
}
.catalog-search-wrap input::placeholder { color: rgba(180,196,212,.58); }
.catalog-search-wrap input:focus {
    border-color: rgba(247,201,72,.45);
    background: rgba(255,255,255,.085);
}
.catalog-search-clear {
    position: absolute;
    right: 14px;
    width: 26px; height: 26px;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    display: grid;
    place-items: center;
    font-size: 12px;
    color: rgba(180,196,212,.8);
    transition: background .18s;
}
.catalog-search-clear:hover { background: var(--danger); color: #fff; }
.catalog-search-form button {
    height: 50px;
    padding: 0 24px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--accent), #ffac2f);
    color: #111;
    font-weight: 950;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity .18s, transform .18s;
}
.catalog-search-form button:hover { opacity: .9; transform: translateY(-1px); }

.catalog-body {
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 38px;
    margin-top: 46px;
    align-items: start;
}

/* Sidebar */
.catalog-sidebar {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.catalog-sidebar-block {
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    overflow: hidden;
}
.sidebar-label {
    padding: 14px 16px 10px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: rgba(160,180,196,.7);
    border-bottom: 1px solid rgba(255,255,255,.055);
}
.sidebar-sort-list { padding: 8px; }
.sidebar-sort-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 780;
    color: rgba(210,224,234,.78);
    transition: background .15s, color .15s;
}
.sidebar-sort-item svg {
    width: 16px; height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
    opacity: .7;
}
.sidebar-sort-item svg *{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.sidebar-sort-item:hover { background: rgba(255,255,255,.06); color: #fff; }
.sidebar-sort-item.active {
    background: rgba(247,201,72,.12);
    color: var(--accent);
    font-weight: 900;
}

.sidebar-genre-list {
    padding: 8px;
    max-height: 420px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.1) transparent;
}
.sidebar-genre-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 760;
    color: rgba(210,224,234,.78);
    transition: background .15s, color .15s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sgi-dot {
    flex-shrink: 0;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: rgba(160,180,196,.4);
    transition: background .15s;
}
.sidebar-genre-item:hover { background: rgba(255,255,255,.055); color: #fff; }
.sidebar-genre-item:hover .sgi-dot { background: rgba(255,255,255,.5); }
.sidebar-genre-item.active { background: rgba(247,201,72,.12); color: var(--accent); }
.sidebar-genre-item.active .sgi-dot { background: var(--accent); box-shadow: 0 0 8px rgba(247,201,72,.4); }

/* Results bar */
.catalog-results-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.catalog-count { font-size: 14px; color: rgba(180,196,212,.78); font-weight: 700; }
.catalog-count b { color: #fff; }
.catalog-reset {
    font-size: 13px;
    font-weight: 860;
    color: rgba(180,196,212,.7);
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    transition: background .18s, color .18s;
}
.catalog-reset:hover { background: rgba(255,93,120,.18); color: var(--danger); }

.catalog-grid { margin-bottom: 48px; }

/* Pagination */
.catalog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 48px;
    flex-wrap: wrap;
}
.cp-btn {
    height: 44px;
    padding: 0 20px;
    border-radius: 14px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.09);
    color: rgba(210,224,234,.86);
    font-size: 14px;
    font-weight: 860;
    transition: background .18s, color .18s;
}
.cp-btn:hover { background: rgba(255,255,255,.09); color: #fff; }
.cp-pages { display: flex; align-items: center; gap: 6px; }
.cp-page {
    min-width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 860;
    color: rgba(200,216,230,.78);
    background: transparent;
    border: 1px solid transparent;
    transition: background .18s, color .18s, border-color .18s;
}
.cp-page:hover { background: rgba(255,255,255,.065); color: #fff; }
.cp-page.active {
    background: linear-gradient(135deg, var(--accent), #ffac2f);
    color: #111;
    border-color: transparent;
    box-shadow: 0 8px 22px rgba(247,201,72,.2);
}
.cp-dots { color: rgba(160,180,196,.5); font-size: 14px; padding: 0 4px; }

/* Empty state */
.catalog-empty {
    text-align: center;
    padding: 64px 24px;
}
.catalog-empty-icon {
    width: 72px; height: 72px;
    border-radius: 24px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    display: grid;
    place-items: center;
    margin: 0 auto 24px;
    color: rgba(160,180,196,.6);
}
.catalog-empty-icon svg {
    width: 32px; height: 32px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
}
.catalog-empty-icon svg *{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;}
.catalog-empty h3 { font-size: 22px; margin: 0 0 10px; }
.catalog-empty p { color: rgba(180,196,212,.72); font-size: 15px; max-width: 400px; margin: 0 auto 28px; }

/* Catalog responsive */
@media(max-width:1080px){
    .catalog-banner-inner { grid-template-columns: 1fr; }
    .catalog-search-form { max-width: 520px; }
    .catalog-body { grid-template-columns: 200px 1fr; gap: 26px; }
}
@media(max-width:820px){
    .catalog-body { grid-template-columns: 1fr; }
    .catalog-sidebar { position: static; display: grid; grid-template-columns: repeat(2, 1fr); }
    .catalog-sidebar-block { max-height: none; }
    .sidebar-genre-list { max-height: 240px; }
}
@media(max-width:560px){
    .catalog-sidebar { grid-template-columns: 1fr; }
    .catalog-banner-inner { gap: 24px; }
    .catalog-banner-copy h1 { font-size: 32px; }
    .catalog-search-form { flex-direction: column; }
    .catalog-search-form button { height: 46px; }
    .catalog-search-wrap input { height: 46px; }
}

/* ============================================================
   LATEST PAGE
   ============================================================ */

.latest-page { padding-bottom: 72px; }
.latest-body { margin-top: 46px; }
.latest-filter-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.lf-label { font-size: 14px; color: rgba(180,196,212,.78); font-weight: 700; }
.lf-label b { color: #fff; }

.latest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    margin-bottom: 48px;
}
.latest-ep-card {
    display: flex;
    flex-direction: column;
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    overflow: hidden;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.latest-ep-card:hover {
    transform: translateY(-5px);
    border-color: rgba(247,201,72,.28);
    box-shadow: 0 20px 50px rgba(0,0,0,.30);
}
.lec-thumb {
    position: relative;
    aspect-ratio: 16/9;
    background: #0a1624;
    overflow: hidden;
}
.lec-thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .3s ease, filter .3s ease;
}
.latest-ep-card:hover .lec-thumb img {
    transform: scale(1.05);
    filter: brightness(.85);
}
.lec-play {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%) scale(.88);
    width: 44px; height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(247,201,72,.92);
    color: #111;
    font-size: 14px;
    font-weight: 950;
    opacity: 0;
    transition: opacity .22s, transform .22s;
}
.latest-ep-card:hover .lec-play { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.lec-badge {
    position: absolute;
    left: 10px; bottom: 10px;
    background: rgba(247,201,72,.95);
    color: #111;
    font-size: 11px;
    font-weight: 950;
    border-radius: 9px;
    padding: 4px 8px;
}
.lec-dur {
    position: absolute;
    right: 10px; bottom: 10px;
    background: rgba(5,13,21,.72);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.88);
    font-size: 11px;
    font-style: normal;
    font-weight: 860;
    border-radius: 8px;
    padding: 4px 8px;
}
.lec-body {
    padding: 13px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.lec-series {
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lec-title {
    font-size: 13px;
    color: rgba(180,196,212,.78);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lec-date { font-size: 11px; color: rgba(140,160,180,.6); font-weight: 760; }

@media(max-width:820px){ .latest-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } }
@media(max-width:520px){ .latest-grid { grid-template-columns: repeat(2, 1fr); } }

/* ============================================================
   GENRES PAGE
   ============================================================ */

.genres-page { padding-bottom: 72px; }
.genres-body { margin-top: 46px; }
.genres-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px;
}
.genre-big-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 18px 18px 16px;
    border-radius: 20px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.075);
    transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
    position: relative;
    overflow: hidden;
}
.genre-big-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(247,201,72,.04), transparent);
    opacity: 0;
    transition: opacity .2s;
}
.genre-big-card:hover {
    background: rgba(255,255,255,.06);
    border-color: rgba(247,201,72,.28);
    transform: translateY(-3px);
    box-shadow: 0 16px 42px rgba(0,0,0,.24);
}
.genre-big-card:hover::before { opacity: 1; }
.gbc-icon {
    flex-shrink: 0;
    width: 50px; height: 50px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    box-shadow: 0 10px 28px rgba(0,0,0,.28);
}
.gbc-icon svg {
    width: 24px; height: 24px;
    fill: none;
    stroke: rgba(20,16,10,.9);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.gbc-icon svg *{fill:none;stroke:rgba(20,16,10,.9);stroke-width:2;stroke-linecap:round;}
.gbc-body { flex: 1; min-width: 0; }
.gbc-body strong {
    display: block;
    font-size: 15px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gbc-body span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: rgba(160,180,196,.62);
    font-weight: 760;
    transition: color .2s;
}
.genre-big-card:hover .gbc-body span { color: var(--accent); }
.gbc-arrow {
    flex-shrink: 0;
    color: rgba(160,180,196,.38);
    transition: color .2s, transform .2s;
}
.gbc-arrow svg {
    width: 18px; height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.gbc-arrow svg *{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.genre-big-card:hover .gbc-arrow { color: var(--accent); transform: translateX(3px); }

@media(max-width:680px){ .genres-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } }
@media(max-width:420px){ .genres-grid { grid-template-columns: 1fr; } }

/* ============================================================
   GENRE SINGLE PAGE
   ============================================================ */

.genre-single-page { padding-bottom: 72px; }
.genre-single-body { margin-top: 38px; }
.gs-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    flex-wrap: wrap;
}
.gs-count { font-size: 14px; color: rgba(180,196,212,.78); font-weight: 700; }
.gs-count b { color: #fff; }
.gs-sort { display: flex; align-items: center; gap: 6px; font-size: 13px; color: rgba(160,180,196,.6); flex-wrap: wrap; }
.gs-sort-btn {
    padding: 6px 13px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 820;
    color: rgba(190,206,218,.78);
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    transition: background .18s, color .18s;
}
.gs-sort-btn:hover { background: rgba(255,255,255,.08); color: #fff; }
.gs-sort-btn.active {
    background: rgba(247,201,72,.14);
    color: var(--accent);
    border-color: rgba(247,201,72,.3);
    font-weight: 900;
}

/* ============================================================
   CONTACTS PAGE
   ============================================================ */

.contacts-page { padding-bottom: 72px; }
.contacts-body { margin-top: 52px; }
.contacts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
}
.contacts-info h2 {
    font-size: 28px;
    letter-spacing: -.5px;
    margin: 0 0 12px;
}
.contacts-info > p {
    font-size: 15px;
    line-height: 1.65;
    color: rgba(196,212,224,.8);
    margin: 0 0 32px;
    max-width: 500px;
}
.ci-items { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }
.ci-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(255,255,255,.07);
    transition: border-color .18s;
}
.ci-item:hover { border-color: rgba(247,201,72,.22); }
.ci-icon {
    flex-shrink: 0;
    width: 44px; height: 44px;
    border-radius: 14px;
    background: rgba(247,201,72,.1);
    display: grid;
    place-items: center;
    color: var(--accent);
}
.ci-icon svg {
    width: 22px; height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.ci-icon svg *{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;}
.ci-item > div > strong { display: block; font-size: 14px; font-weight: 900; margin-bottom: 5px; }
.ci-item > div > p { margin: 0; font-size: 13px; color: rgba(180,196,212,.72); line-height: 1.5; }
.ci-note {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: rgba(180,196,212,.72);
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.06);
}
.ci-note svg {
    flex-shrink: 0;
    width: 18px; height: 18px;
    fill: none;
    stroke: var(--accent);
    stroke-width: 1.8;
    stroke-linecap: round;
}
.ci-note svg *{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;}
.ci-note strong { color: #fff; }

/* Contact form */
.contacts-form-wrap {
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 24px;
    padding: 32px;
}
.contact-form h3 {
    font-size: 22px;
    letter-spacing: -.4px;
    margin: 0 0 24px;
}
.cf-errors {
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(255,93,120,.1);
    border: 1px solid rgba(255,93,120,.25);
}
.cf-errors p {
    margin: 0;
    font-size: 13px;
    color: var(--danger);
    line-height: 1.6;
}
.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cf-group { margin-bottom: 18px; }
.cf-group label {
    display: block;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .55px;
    color: rgba(180,196,212,.7);
    margin-bottom: 8px;
}
.cf-group input,
.cf-group textarea {
    width: 100%;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    padding: 13px 15px;
    color: #fff;
    font-size: 14.5px;
    font-family: inherit;
    outline: none;
    resize: vertical;
    transition: border-color .2s, background .2s;
}
.cf-group input::placeholder,
.cf-group textarea::placeholder { color: rgba(160,180,196,.5); }
.cf-group input:focus,
.cf-group textarea:focus {
    border-color: rgba(247,201,72,.42);
    background: rgba(255,255,255,.08);
}
.cf-submit {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    cursor: pointer;
    margin-top: 6px;
}
.cf-submit svg {
    width: 17px; height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}
.cf-submit svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}

/* CF success */
.cf-success {
    text-align: center;
    padding: 40px 20px;
}
.cf-success-icon {
    width: 72px; height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(22,209,199,.18), rgba(22,209,199,.06));
    border: 1px solid rgba(22,209,199,.3);
    display: grid;
    place-items: center;
    margin: 0 auto 20px;
    color: var(--accent-2);
}
.cf-success-icon svg {
    width: 32px; height: 32px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}
.cf-success-icon svg *{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.cf-success h3 { font-size: 22px; margin: 0 0 10px; }
.cf-success p { color: rgba(180,196,212,.78); margin: 0 0 26px; }

@media(max-width:960px){ .contacts-grid { grid-template-columns: 1fr; gap: 36px; } }
@media(max-width:560px){
    .contacts-form-wrap { padding: 22px; }
    .cf-row { grid-template-columns: 1fr; }
}

/* Inner banner responsive */
@media(max-width:820px){
    .inner-banner { padding-top: 110px; padding-bottom: 40px; }
    .inner-banner-copy h1 { font-size: 34px; }
}
@media(max-width:560px){
    .inner-banner { padding-top: 96px; }
    .inner-banner-copy h1 { font-size: 28px; letter-spacing: -.8px; }
    .inner-banner-copy p { font-size: 14px; }
    .inner-banner-stats { gap: 10px; }
    .ibs-item { padding: 10px 14px; }
    .ibs-item strong { font-size: 18px; }
}

/* === v30 search expand fix === */
.site-header.site-header-transparent .search{
  transition:width .25s ease,border-radius .25s ease,background .2s ease,border-color .2s ease!important;
  overflow:visible!important;
  position:relative!important;
}
/* Expanded state */
.site-header.site-header-transparent .search:hover,
.site-header.site-header-transparent .search:focus-within{
  width:290px!important;
  border-radius:16px!important;
  background:rgba(5,13,21,.78)!important;
  border-color:rgba(247,201,72,.38)!important;
  display:flex!important;
  align-items:center!important;
  padding:0 6px 0 14px!important;
  justify-content:flex-start!important;
}
/* Show input on expand */
.site-header.site-header-transparent .search:hover input,
.site-header.site-header-transparent .search:focus-within input{
  display:block!important;
  width:100%!important;
  flex:1!important;
  opacity:1!important;
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  font-size:14px!important;
  outline:none!important;
  padding:0!important;
}
.site-header.site-header-transparent .search:hover input::placeholder,
.site-header.site-header-transparent .search:focus-within input::placeholder{
  color:rgba(180,196,212,.55)!important;
}
/* Search button stays right, smaller when expanded */
.site-header.site-header-transparent .search:hover button,
.site-header.site-header-transparent .search:focus-within button{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:12px!important;
  background:rgba(247,201,72,.95)!important;
  color:#111!important;
}
.site-header.site-header-transparent .search:hover button svg,
.site-header.site-header-transparent .search:focus-within button svg{
  width:17px!important;
  height:17px!important;
}
@media(max-width:820px){
  .site-header.site-header-transparent .search:hover,
  .site-header.site-header-transparent .search:focus-within{
    width:44px!important;
    border-radius:50%!important;
    padding:0!important;
    display:grid!important;
  }
  .site-header.site-header-transparent .search:hover input,
  .site-header.site-header-transparent .search:focus-within input{
    display:none!important;
  }
  .site-header.site-header-transparent .search:hover button,
  .site-header.site-header-transparent .search:focus-within button{
    width:36px!important;height:36px!important;flex:none!important;border-radius:50%!important;
  }
}

/* === v30 catalog breadcrumbs === */
.catalog-breadcrumbs {
    margin-bottom: 18px;
}
.catalog-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

/* === v30 catalog breadcrumbs top fix === */
.catalog-breadcrumbs-top {
    margin-bottom: 20px;
}


/* ================================================================
   CATALOG v2 — full redesign matching screenshot
   ================================================================ */

.cat2-page { padding-bottom: 80px; }

/* ── Hero ──────────────────────────────────────────────────── */
.cat2-hero {
    background: linear-gradient(180deg, #060e18 0%, var(--bg) 100%);
    padding: 120px 0 56px;
    overflow: hidden;
}
.cat2-hero-inner {
    display: grid;
    grid-template-columns: 1fr 520px;
    gap: 60px;
    align-items: center;
}
.cat2-hero-title {
    font-size: clamp(36px, 4.8vw, 62px);
    font-weight: 950;
    letter-spacing: -1.8px;
    line-height: 1.08;
    margin: 0 0 16px;
}
.cat2-hero-accent { color: var(--accent); }
.cat2-hero-desc {
    font-size: 15px;
    color: rgba(200,216,230,.78);
    line-height: 1.65;
    max-width: 460px;
    margin: 0 0 28px;
}
.cat2-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 26px;
    border-radius: 999px;
    background: var(--accent);
    color: #111;
    font-size: 13px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .8px;
    transition: opacity .18s, transform .18s;
    box-shadow: 0 12px 36px rgba(247,201,72,.28);
}
.cat2-cta svg { width:13px;height:13px;fill:#111;flex-shrink:0; }
.cat2-cta:hover { opacity:.9; transform:translateY(-2px); }

/* Poster group */
.cat2-hero-posters {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: flex-end;
    height: 360px;
}
.cat2-poster {
    border-radius: 20px;
    overflow: hidden;
    flex: 0 0 150px;
    height: 220px;
    position: relative;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
    transition: transform .28s, box-shadow .28s;
}
.cat2-poster--mid {
    flex-basis: 170px;
    height: 280px;
    z-index: 2;
}
.cat2-poster img { width:100%;height:100%;object-fit:cover; }
.cat2-poster-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(0,0,0,.82) 0%, transparent 55%);
    display: flex; align-items: flex-end; padding: 14px;
    opacity: 0; transition: opacity .22s;
}
.cat2-poster:hover { transform:translateY(-6px); box-shadow:0 32px 72px rgba(0,0,0,.55); }
.cat2-poster:hover .cat2-poster-overlay { opacity:1; }
.cat2-poster-overlay span { font-size:13px;font-weight:900;color:#fff;line-height:1.2; }

/* ── Popular slider ────────────────────────────────────────── */
.cat2-popular { margin-top: 52px; }
.cat2-section-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; margin-bottom: 20px;
}
.cat2-section-title {
    display: flex; align-items: center; gap: 9px;
    font-size: 18px; font-weight: 900; letter-spacing: -.3px;
}
.cat2-section-title svg {
    width: 20px; height: 20px;
    fill: none; stroke: var(--accent);
    stroke-width: 2; stroke-linecap: round;
}
.cat2-see-all { font-size:13.5px;font-weight:860;color:var(--accent); }

.cat2-slider-wrap { position: relative; }
.cat2-slider {
    display: flex; gap: 14px;
    overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; scroll-behavior: smooth;
    padding: 4px 2px 14px; scrollbar-width: none;
}
.cat2-slider::-webkit-scrollbar { display: none; }

.cat2-slide {
    flex: 0 0 200px; scroll-snap-align: start;
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px; overflow: hidden;
    position: relative;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.cat2-slide:hover { border-color:rgba(247,201,72,.3);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.28); }
.cat2-slide-num {
    position: absolute; top:10px; left:12px; z-index:3;
    font-size:22px; font-weight:950; line-height:1;
    color:rgba(255,255,255,.12);
    text-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.cat2-slide-img { position:relative;aspect-ratio:2/3;overflow:hidden;background:#0a1624; }
.cat2-slide-img img { width:100%;height:100%;object-fit:cover;transition:transform .3s; }
.cat2-slide:hover .cat2-slide-img img { transform:scale(1.06); }
.cat2-slide-info { padding:11px 12px 13px; }
.cat2-slide-info strong { display:block;font-size:13.5px;font-weight:900;line-height:1.2;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cat2-slide-meta { display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.cat2-slide-meta span { font-size:11.5px;color:rgba(170,186,202,.72);font-weight:760; }
.cat2-rating {
    display:inline-flex;align-items:center;gap:4px;
    font-size:12px;font-weight:900;color:#fff;
}
.cat2-rating svg { width:11px;height:11px;fill:var(--accent);flex-shrink:0; }
.cat2-ep-badge {
    background:rgba(247,201,72,.9);color:#111;
    font-size:10px;font-weight:950;
    padding:2px 7px;border-radius:6px;
    font-family:monospace;
}

.cat2-nav {
    position: absolute; top:50%; transform:translateY(calc(-50% - 7px)); z-index:5;
    width:42px;height:42px;border-radius:50%;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(8,18,28,.8);backdrop-filter:blur(12px);
    color:#fff;font-size:26px;line-height:1;
    display:grid;place-items:center;cursor:pointer;
    opacity:0;transition:opacity .2s,background .18s;
}
.cat2-slider-wrap:hover .cat2-nav { opacity:1; }
.cat2-nav:hover { background:rgba(247,201,72,.9);color:#111;border-color:transparent; }
.cat2-nav--prev { left:-16px; }
.cat2-nav--next { right:-16px; }

/* ── Main 2-col ────────────────────────────────────────────── */
.cat2-main {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 28px;
    margin-top: 52px;
    align-items: start;
}

/* Sidebar */
.cat2-sidebar {
    position: sticky; top: 96px;
    background: rgba(255,255,255,.028);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px; overflow: hidden;
}
.cat2-sidebar-head {
    padding: 14px 16px 10px;
    font-size: 11px; font-weight: 900;
    text-transform: uppercase; letter-spacing: .7px;
    color: rgba(160,178,196,.6);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.cat2-genre-nav { padding: 8px; }
.cat2-genre-item {
    display: flex; align-items: center; gap: 9px;
    padding: 9px 10px; border-radius: 11px;
    font-size: 13px; font-weight: 760;
    color: rgba(190,206,220,.72);
    transition: background .14s, color .14s;
}
.cat2-genre-item:hover { background:rgba(255,255,255,.055);color:#fff; }
.cat2-genre-item--active { background:rgba(247,201,72,.12);color:var(--accent);font-weight:900; }
.cat2-genre-dot {
    width:6px;height:6px;border-radius:50%;flex-shrink:0;
    background:rgba(160,178,196,.3);transition:background .14s;
}
.cat2-genre-item--active .cat2-genre-dot { background:var(--accent);box-shadow:0 0 6px rgba(247,201,72,.5); }
.cat2-genre-more {
    display:flex;align-items:center;justify-content:space-between;
    padding:9px 10px;border-radius:11px;
    font-size:12.5px;font-weight:800;
    color:rgba(160,178,196,.6);
    transition:color .14s;cursor:pointer;
}
.cat2-genre-more svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
.cat2-genre-more:hover { color:var(--accent); }

/* Toolbar */
.cat2-toolbar {
    display:flex;align-items:center;justify-content:space-between;
    gap:14px;margin-bottom:16px;flex-wrap:wrap;
}
.cat2-toolbar-left { display:flex;align-items:center;gap:10px; }
.cat2-count { font-size:14px;color:rgba(180,196,212,.7);font-weight:700; }
.cat2-count strong { color:#fff; }
.cat2-reset {
    display:inline-flex;align-items:center;gap:5px;
    font-size:12.5px;font-weight:860;
    color:rgba(160,178,196,.6);
    padding:5px 10px;border-radius:999px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    transition:background .16s,color .16s;
}
.cat2-reset svg { width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
.cat2-reset:hover { background:rgba(255,93,120,.14);color:var(--danger); }
.cat2-toolbar-right { display:flex;align-items:center;gap:10px; }
.cat2-sort-sel {
    height:36px;padding:0 12px;border-radius:10px;
    background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);
    color:#fff;font-size:13px;font-weight:820;cursor:pointer;outline:none;
    transition:border-color .16s;
}
.cat2-sort-sel:focus { border-color:rgba(247,201,72,.35); }
.cat2-view-toggle { display:flex;gap:4px; }
.cat2-view-btn {
    width:34px;height:34px;border-radius:9px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:rgba(170,186,202,.55);
    display:grid;place-items:center;cursor:pointer;
    transition:background .16s,color .16s,border-color .16s;
}
.cat2-view-btn svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round; }
.cat2-view-btn.active,.cat2-view-btn:hover { background:rgba(247,201,72,.12);color:var(--accent);border-color:rgba(247,201,72,.25); }

/* Search */
.cat2-search {
    position:relative;display:flex;align-items:center;
    margin-bottom:20px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.09);
    border-radius:14px;overflow:hidden;
    transition:border-color .18s;
}
.cat2-search:focus-within { border-color:rgba(247,201,72,.38); }
.cat2-search > svg {
    position:absolute;left:14px;
    width:16px;height:16px;fill:none;stroke:rgba(160,178,196,.6);stroke-width:2;stroke-linecap:round;pointer-events:none;
}
.cat2-search input {
    width:100%;height:42px;padding:0 42px 0 42px;
    background:transparent;border:0;color:#fff;font-size:14px;outline:none;
}
.cat2-search input::placeholder { color:rgba(160,178,196,.5); }
.cat2-search-clear {
    position:absolute;right:12px;
    width:26px;height:26px;border-radius:50%;
    background:rgba(255,255,255,.09);
    display:grid;place-items:center;
    color:rgba(160,178,196,.7);transition:background .16s;
}
.cat2-search-clear svg { width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
.cat2-search-clear:hover { background:rgba(255,93,120,.2);color:var(--danger); }

/* Grid */
.cat2-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
    margin-bottom: 32px;
}
.cat2-grid--list {
    grid-template-columns: 1fr;
    gap: 10px;
}
.cat2-grid--list .series-card.premium-card {
    display: grid;
    grid-template-columns: 80px 1fr;
    border-radius: 14px;
}
.cat2-grid--list .series-card.premium-card .poster-wrap {
    aspect-ratio: auto;
    height: 100px;
    border-radius: 14px 0 0 14px;
}
.cat2-grid--list .series-card.premium-card .card-body {
    padding: 14px 16px;
    display: flex; flex-direction: column; justify-content: center;
}

/* Pagination */
.cat2-pagination {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; margin-top: 32px; flex-wrap: wrap;
}
.cat2-pages { display:flex;align-items:center;gap:6px; }
.cat2-page-btn {
    min-width:38px;height:38px;
    display:grid;place-items:center;
    border-radius:10px;font-size:13.5px;font-weight:860;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:rgba(190,206,220,.72);
    transition:background .15s,color .15s;
}
.cat2-page-btn svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
.cat2-page-btn:hover { background:rgba(255,255,255,.09);color:#fff; }
.cat2-page-btn.active {
    background:var(--accent);color:#111;border-color:transparent;
    box-shadow:0 8px 20px rgba(247,201,72,.25);
    font-weight:950;
}
.cat2-dots { color:rgba(160,178,196,.45);font-size:14px;padding:0 3px; }
.cat2-perpage select {
    height:36px;padding:0 12px;border-radius:10px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
    color:rgba(190,206,220,.8);font-size:13px;font-weight:820;cursor:pointer;outline:none;
}

/* Empty */
.cat2-empty { text-align:center;padding:60px 20px; }
.cat2-empty svg { width:48px;height:48px;fill:none;stroke:rgba(140,160,180,.4);stroke-width:1.4;stroke-linecap:round;margin-bottom:18px; }
.cat2-empty h3 { font-size:20px;margin:0 0 10px; }
.cat2-empty p { color:rgba(170,186,202,.68);margin:0 0 24px; }

/* ── Responsive ────────────────────────────────────────────── */
@media(max-width:1060px){ .cat2-hero-inner { grid-template-columns:1fr 380px;gap:40px; } }
@media(max-width:880px){
    .cat2-hero-inner { grid-template-columns:1fr; }
    .cat2-hero-posters { display:none; }
    .cat2-main { grid-template-columns:1fr; }
    .cat2-sidebar { position:static; display:flex; flex-wrap:wrap; }
    .cat2-sidebar-head { width:100%; }
    .cat2-genre-nav { display:flex;flex-wrap:wrap;gap:4px;padding:8px; }
    .cat2-genre-item { padding:6px 12px;border-radius:999px;font-size:12.5px; }
}
@media(max-width:560px){
    .cat2-hero { padding:96px 0 40px; }
    .cat2-hero-title { font-size:34px; }
    .cat2-grid { grid-template-columns:repeat(2,1fr);gap:12px; }
    .cat2-pagination { flex-direction:column;align-items:flex-start; }
}