/* EMBER REBUILD — independent component vocabulary, 2026 */
:root{--ember:#ff3f37;--ember-bright:#ff6950;--night:#08090b;--night-card:#111216;--line:rgba(255,255,255,.09);--light:#f7f6f5;--soft:#a4a5ae;--accent-primary:var(--ember)!important;--accent-hover:var(--ember-bright)!important;--bg-primary:var(--night)!important;--bg-secondary:#101114!important;--bg-tertiary:#191b20!important;--text-primary:var(--light)!important;--text-secondary:var(--soft)!important;--text-on-accent:#fff!important;--border-subtle:var(--line)!important;--border-default:var(--line)!important;--shadow-glow:0 8px 26px rgba(255,63,55,.18)!important;--font-display:Inter,Arial,sans-serif!important}
html{background:var(--night)}body,body.bg-dark{background:var(--night)!important;color:var(--light)!important;font-family:Inter,Arial,sans-serif!important} .main-content-wrapper{background:var(--night)!important}.content-area{padding-top:24px!important}
.navbar,.navbar.bg-transparent,.navbar.bg-black{background:rgba(8,9,11,.97)!important;border-bottom:1px solid var(--line)!important;min-height:72px!important;height:auto!important;backdrop-filter:none!important}.navbar .container{max-width:1450px!important}.navbar-ana-menu{gap:4px!important}.navbar-ana-menu .nav-link{padding:10px 13px!important;border:0!important;background:transparent!important;border-radius:8px!important;color:#d3d2d5!important;font-size:.81rem!important;white-space:nowrap}.navbar-ana-menu .nav-link:hover,.navbar-ana-menu .nav-link.active{color:#fff!important;background:#201315!important;box-shadow:none!important}.navbar-auth-area .btn-danger,.btn-danger,.btn-warning{background:var(--ember)!important;border:1px solid var(--ember)!important;color:#fff!important;box-shadow:none!important}.navbar-auth-area .btn-danger:hover,.btn-danger:hover,.btn-warning:hover{background:var(--ember-bright)!important;color:#fff!important}.logo-image{max-width:185px!important;height:auto!important;filter:none!important}
.left-sidebar{width:66px!important;padding:86px 5px 14px!important;background:#0b0d11!important;border-right:1px solid var(--line)!important;box-shadow:none!important}.left-sidebar-nav{width:100%;gap:9px!important;padding:0!important}.left-sidebar-nav a{width:53px!important;height:49px!important;min-height:49px!important;justify-content:center!important;padding:7px!important;border:0!important;background:transparent!important;flex-direction:column;gap:2px!important;border-radius:12px!important}.left-sidebar-nav a i{font-size:19px!important;min-width:0!important;color:#9ca1ab!important}.left-sidebar-nav a.active,.left-sidebar-nav a:hover{background:#291317!important;color:#fff!important;box-shadow:none!important}.left-sidebar-nav a.active i,.left-sidebar-nav a:hover i{color:var(--ember)!important}.sidebar-menu-text{display:block!important;font-size:8px!important;color:#92949b!important;line-height:1.2}.left-sidebar-nav a.active .sidebar-menu-text{color:#fff!important}.main-content-wrapper{margin-left:66px!important;width:calc(100% - 66px)!important}
.ember-hero{height:430px;border-radius:16px;overflow:hidden;position:relative;background:#141014;border:1px solid var(--line);display:flex;align-items:center}.ember-hero-image{position:absolute;inset:0;background-size:cover;background-position:center 37%;transform:scale(1.025);filter:contrast(1.09) saturate(.9)}.ember-hero-copy{position:relative;z-index:1;padding:40px 36px;width:65%;max-width:650px}.ember-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--ember-bright)}.ember-hero h2{font-size:clamp(2.4rem,4vw,4.6rem);font-weight:900;line-height:1.03;color:#fff;letter-spacing:-.045em;margin:14px 0 18px;text-wrap:balance}.ember-hero p{font-size:.92rem;line-height:1.8;color:#c4c3c7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:500px}.ember-tags{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.ember-tags span{font-size:.79rem;color:#f3d2ce;font-weight:700}.ember-tags span+span::before{content:'•';margin-right:10px;color:var(--ember)}.ember-tags i{color:var(--ember-bright)}.ember-hero-actions{display:flex;gap:12px;margin-top:25px}.ember-button,.ember-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 21px;text-decoration:none;border-radius:8px;font-weight:750;font-size:.87rem;transition:transform .15s ease,background-color .15s ease}.ember-button{background:var(--ember);color:#fff}.ember-button:hover{background:var(--ember-bright);color:#fff;transform:translateY(-1px)}.ember-button-secondary{color:#f5f5f5;background:rgba(16,16,20,.6);border:1px solid rgba(255,255,255,.23)}.ember-button-secondary:hover{color:#fff;background:#23242b}.ember-hero-index{position:absolute;bottom:25px;right:27px;color:#fff;font-weight:900;letter-spacing:.06em;z-index:1}.ember-hero-index span{color:#8c8d94;font-weight:500}
.ember-explore,.ember-section{margin:30px 0 43px}.ember-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:21px}.ember-section-head h2{font-size:clamp(1.4rem,2vw,1.85rem);font-weight:850;letter-spacing:-.035em;margin:4px 0 0;color:#fff}.ember-section-head>a{text-decoration:none;color:#bbbfc6;white-space:nowrap;font-size:.83rem}.ember-section-head>a:hover{color:var(--ember-bright)}.ember-categories{display:flex;gap:10px;overflow-x:auto;padding:1px 0 12px;scrollbar-width:thin}.ember-categories a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:14px 19px;background:#17181d;border:1px solid #282930;border-radius:9px;color:#d5d5d8;text-decoration:none;font-size:.85rem;font-weight:700}.ember-categories a i{font-size:.65rem;color:var(--ember)}.ember-categories a:hover{background:#261719;color:#fff;border-color:rgba(255,63,55,.3)}
.ember-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.ember-film{display:block;text-decoration:none;min-width:0}.ember-cover{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:11px;background:#18191c}.ember-cover img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}.ember-film:hover img{transform:scale(1.04);filter:brightness(.8)}.ember-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--ember);color:#fff;border-radius:50%;height:57px;width:57px;align-items:center;justify-content:center;display:flex;font-size:1.6rem;opacity:0;transition:opacity .18s ease}.ember-film:hover .ember-play{opacity:1}.ember-film-title{display:block;font-size:.96rem;color:#eee;margin-top:11px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ember-film-sub{display:flex;justify-content:space-between;color:#a3a4ac;margin-top:4px;font-size:.79rem}.ember-film-sub span{color:#ff9e88}.ember-loadmore{text-align:center;padding:4px 0 34px}.ember-episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ember-episode{display:flex;flex-direction:column;gap:9px;padding:23px;border:1px solid #2b2327;border-radius:12px;text-decoration:none;background:#141115}.ember-episode strong{color:#fff}.ember-episode span{font-size:.79rem;color:#aaa}.ember-episode i{float:right;color:var(--ember)}
/* Existing pages: unified controls, no changes to player click stacking */
.movie-card-wrapper,.movie-card,.film-card,.slider-card{border-radius:12px!important;background:#131418!important;border:1px solid #26262a!important;box-shadow:none!important;padding:7px!important}.movie-card-wrapper:hover,.movie-card:hover,.film-card:hover{border-color:var(--ember)!important;box-shadow:0 14px 32px rgba(0,0,0,.42)!important}.card-title,.movie-card-title{background:none!important;border:0!important;text-align:left!important;font-size:.91rem!important;font-weight:750!important;padding:6px 2px!important}.movie-card-wrapper:hover .card-title{background:none!important;color:#fff!important}.imdb-badge{background:var(--ember)!important;color:#fff!important}.meta-year{background:#1b1d22!important}.section-title,.movies-section>h2{font-family:Inter,Arial,sans-serif!important;font-size:1.45rem!important;letter-spacing:-.02em!important;text-transform:none!important;color:#fff!important}.section-title::before,.movies-section>h2::before{background:var(--ember)!important;box-shadow:none!important}.movies-section,.sidebar-block,.custom-slider-container,.seo-content-block{background:#111216!important;border:1px solid #27262a!important;border-radius:14px!important;box-shadow:none!important}.sidebar-block .section-title{font-size:1.1rem!important}.sidebar-all-btn{color:var(--ember-bright)!important}.sidebar-block .film-item{background:#1a1a1e!important;border:1px solid #29272a!important}.sidebar-block .film-item:hover{background:#23191b!important;border-color:var(--ember)!important}.lang-filter-btn{background:#1a1b20!important;border-color:#292a30!important}.lang-filter-btn i{color:var(--ember)!important}.lang-filter-btn:hover{color:#fff!important;border-color:var(--ember)!important}.btn-warning{background:var(--ember)!important;color:#fff!important}.btn-outline-warning{border-color:var(--ember)!important;color:#ff8574!important}.form-control,.form-select{color:#fff!important;background:#1a1b20!important;border:1px solid #33343a!important}.form-control:focus,.form-select:focus{border-color:var(--ember)!important;box-shadow:0 0 0 3px rgba(255,63,55,.1)!important}.main-footer{background:#090a0d!important;border-top:1px solid var(--line)!important}.footer-title{color:#fff!important}.footer-title::before{background:var(--ember)!important}.footer-links a:hover{color:var(--ember)!important}.sidebar-title{color:#fff!important}.pagination .page-item.active .page-link{background:var(--ember)!important;color:#fff!important}.source-btn.active{background:var(--ember)!important;color:#fff!important}
@media(min-width:992px){.content-area>.container{max-width:1430px}.main-content-wrapper>.content-area .col-lg-9{width:76%}.main-content-wrapper>.content-area .col-lg-3{width:24%}}
@media(max-width:991px){.ember-hero{height:400px}.ember-hero-copy{width:78%}.ember-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ember-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.left-sidebar{display:none!important}.main-content-wrapper{margin-left:0!important;width:100%!important}}
@media(max-width:767px){.ember-hero{height:500px;align-items:flex-end}.ember-hero-image{background-position:center}.ember-hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08080a 0%,rgba(8,8,10,.2) 85%)}.ember-hero-copy{width:100%;padding:24px 20px}.ember-hero h2{font-size:2.1rem}.ember-hero-index{display:none}.ember-feature-grid{grid-template-columns:1fr;max-width:440px;margin:auto;gap:25px}.ember-section-head h2{font-size:1.35rem}.ember-section-head>a{font-size:.72rem}.ember-episode-grid{grid-template-columns:1fr}.navbar-logo-area img{max-width:150px!important}.ember-film-title{font-size:1rem}.content-area{padding-bottom:85px!important}.left-sidebar{display:flex!important;width:100%!important;height:68px!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;padding:7px 4px!important;border-top:1px solid #292a30!important;border-right:0!important;z-index:1200}.left-sidebar-nav{display:flex!important;flex-direction:row!important;justify-content:space-around!important}.left-sidebar-nav a{flex:1!important;width:auto!important;padding:5px 3px!important}.left-sidebar-nav a i{font-size:18px!important}.left-sidebar-nav a.mobile-nav-hide{display:none!important}.left-sidebar-nav a .sidebar-menu-text{font-size:8px!important}.main-content-wrapper{margin:0!important;width:100%!important}}


/* EMBER 2.0 / premium refinement layer — after original styles */
:root{--ember:#ff4037;--ember-bright:#ff7966;--soft:#b7b2b9;--line:rgba(255,255,255,.105)}
html{scroll-behavior:smooth}
body,body.bg-dark{background:radial-gradient(ellipse at 55% -12%,rgba(185,25,25,.09),transparent 38%),#08090b!important}
.container,.container-fluid{--bs-gutter-x:clamp(20px,2.5vw,40px)}
.navbar,.navbar.bg-transparent,.navbar.bg-black{min-height:78px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:rgba(8,9,11,.98)!important}
.navbar-logo-area{min-width:190px}
.navbar-logo-area .logo-image{max-width:190px!important;max-height:56px!important;object-fit:contain!important}
.navbar-ana-menu{gap:2px!important}
.navbar-ana-menu .nav-link{padding:11px 13px!important;font-size:.83rem!important;font-weight:700!important}
.navbar-ana-menu .nav-link.active{background:linear-gradient(120deg,rgba(255,64,55,.23),rgba(255,64,55,.05))!important;box-shadow:inset 2px 0 var(--ember)!important}
.navbar-ana-menu .nav-link:hover{color:#fff!important}
.left-sidebar{background:#0b0c0f!important}
.left-sidebar-nav a{transition:background-color .2s ease!important}
.left-sidebar-nav a.active{box-shadow:inset 3px 0 #ff4037!important}
.main-content-wrapper{background:transparent!important}
.ember-hero{height:clamp(380px,33vw,490px);background:#141014;border-radius:20px;border:1px solid rgba(255,255,255,.11);isolation:isolate;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.ember-hero-image{inset:0 0 0 28%;background-position:50% 38%;filter:saturate(.82) contrast(1.05);transform:none;opacity:.93}
.ember-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#09090c 0%,rgba(9,9,12,.98) 27%,rgba(9,9,12,.82) 55%,rgba(9,9,12,.34) 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%)}
.ember-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 82% 78%,rgba(255,64,55,.14),transparent 35%)}
.ember-hero-copy{z-index:3;width:72%;max-width:740px;padding:clamp(28px,4vw,66px)}
.ember-hero h2{max-width:13ch;font-size:clamp(2.8rem,4.1vw,5.2rem);line-height:1.035;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 6px 35px rgba(0,0,0,.4)}
.ember-hero p{color:#c8c7ca;font-size:clamp(.88rem,1vw,1.05rem);max-width:47ch}
.ember-eyebrow{font-size:.69rem;letter-spacing:.18em;color:#ff887a}
.ember-tags span{font-size:.8rem;color:#e1d9d9}
.ember-tags span+span::before{color:rgba(255,121,102,.55)}
.ember-hero-poster{position:absolute;z-index:2;right:clamp(24px,5vw,75px);top:50%;transform:translateY(-50%) rotate(3deg);width:clamp(138px,15vw,218px);aspect-ratio:2/3;border-radius:14px;padding:5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 70px rgba(0,0,0,.68),0 0 50px rgba(255,64,55,.1)}
.ember-hero-poster img{height:100%;width:100%;object-fit:cover;border-radius:10px}
.ember-hero-index{bottom:24px;right:32px;display:flex;align-items:center;gap:7px;font-weight:800;letter-spacing:.14em;font-size:.64rem;color:#d8cad0}
.ember-hero-pulse{width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 5px rgba(255,64,55,.1)}
.ember-button,.ember-button-secondary{min-height:46px;border-radius:11px;letter-spacing:-.01em;font-size:.9rem;font-weight:800;padding:12px 22px}
.ember-button{background:linear-gradient(135deg,#ff5449,#e62c27);box-shadow:0 13px 30px rgba(240,42,34,.18)}
.ember-button:hover{background:linear-gradient(135deg,#ff7165,#f13b2d);box-shadow:0 18px 32px rgba(240,42,34,.25)}
.ember-button-secondary{border:1px solid rgba(255,255,255,.25)}
.ember-explore{margin:43px 0 44px}
.ember-section{margin:42px 0 54px}
.ember-section-head{margin-bottom:22px;align-items:flex-end}
.ember-section-head h2{font-size:clamp(1.5rem,2vw,2rem);font-weight:850;letter-spacing:-.045em}
.ember-section-head>a{display:inline-flex;gap:8px;align-items:center;border-radius:9px;padding:9px 12px;color:#b8b6bf;border:1px solid transparent}
.ember-section-head>a:hover{background:#16171b;border-color:#313038}
.ember-categories{gap:12px;padding-bottom:10px}
.ember-categories a{padding:13px 16px;min-height:57px;border:1px solid #25252b;background:linear-gradient(180deg,#1a1b20,#131418);border-radius:12px;color:#e8e6e7}
.ember-categories a i{font-size:1rem;color:#ff675d}
.ember-categories a:hover{border-color:#5b2c2c;background:#221618;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.ember-feature-grid{gap:clamp(14px,2vw,25px)}
.ember-film{border-radius:14px;position:relative;min-width:0}
.ember-cover{border-radius:14px;background:linear-gradient(130deg,#272329,#101114);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.22)}
.ember-cover::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(0deg,rgba(5,5,5,.25),transparent);pointer-events:none}
.ember-film:hover .ember-cover{border-color:rgba(255,78,62,.6);box-shadow:0 15px 38px rgba(0,0,0,.4)}
.ember-film-title{font-size:clamp(.88rem,1.05vw,1.03rem);margin-top:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;line-height:1.35;color:#eeeff2;letter-spacing:-.01em}
.ember-film-sub{font-size:.8rem;margin-top:8px;color:#9b9ca6}
.ember-film-sub span{color:#ffab8e;font-weight:800}
.ember-play{width:64px;height:64px;background:rgba(255,64,55,.95);box-shadow:0 15px 45px rgba(0,0,0,.55)}
.ember-episode{border:1px solid rgba(255,255,255,.085);background:linear-gradient(155deg,#1a171b,#111215);border-radius:16px;min-height:103px;justify-content:center}
.ember-episode:hover{border-color:rgba(255,64,55,.4);background:#211619}
.ember-episode span{color:#a7a5ae}
.sidebar-block{background:#101115!important;border:1px solid #25252a!important;border-radius:17px!important;padding:19px!important;margin-bottom:18px!important}
.sidebar-block .section-title{font-size:1.03rem!important;font-weight:850!important;letter-spacing:-.02em!important}
.sidebar-block .section-header{margin-bottom:17px!important;padding-bottom:9px!important}
.sidebar-block .section-title::before{width:3px!important;border-radius:4px}
.sidebar-block .film-item{border-color:#22242a!important;background:#17181d!important;border-radius:11px!important;padding:10px!important;gap:2px}
.sidebar-block .film-item img{border-radius:7px!important;width:55px!important;height:77px!important;object-fit:cover}
.sidebar-block .film-title-sidebar{font-size:.82rem!important;line-height:1.35}
.sidebar-block .film-rating-sidebar{color:#ff9a84!important;font-size:.9rem!important}
.sidebar-block .film-genre-sidebar{font-size:.73rem!important}
.sidebar-all-btn{background:rgba(255,64,55,.08)!important;border:1px solid rgba(255,64,55,.17)!important;color:#ff8578!important}
.lang-filter-btn{border-radius:12px!important;min-height:90px;background:#191a20!important}
.lang-filter-btn:hover{border-color:#ff5349!important;background:#21191d!important}
.lang-filter-btn .cc-icon-large{background:#ff4c42!important;color:#fff!important}
.form-control,.form-select{border-radius:10px!important}
.main-footer{padding-top:42px!important}
.footer-title{color:#f6f4f5!important;letter-spacing:.07em!important}
/* lower visual noise for archive and detail pages, preserving player stacking */
.movie-card-wrapper,.movie-card,.film-card,.slider-card{background:#111217!important;border-color:#25252c!important;border-radius:15px!important}
.poster-container,.movie-card-poster-wrap{border-radius:10px!important}
.card-title,.movie-card-title{font-size:.92rem!important;padding:7px 2px!important}
.section-header{border-bottom-color:rgba(255,255,255,.08)!important}
.movies-section{border-radius:16px!important}
@media(min-width:1400px){.ember-hero{height:470px}.ember-hero-copy{padding:60px}}
@media(max-width:1199px){.ember-hero-poster{width:150px;right:20px}.ember-hero-copy{width:76%}.ember-hero h2{font-size:clamp(2.4rem,3.5vw,4rem)}}
@media(max-width:991px){.ember-hero{height:420px}.ember-hero-poster{width:125px;right:24px}.ember-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ember-hero h2{font-size:clamp(2.4rem,5vw,3.4rem)}}
@media(max-width:767px){.ember-hero{height:590px;align-items:flex-end}.ember-hero-image{inset:0;background-position:center 25%;opacity:.7}.ember-hero::before{background:linear-gradient(0deg,rgba(8,9,11,.98) 0%,rgba(8,9,11,.94) 25%,rgba(8,9,11,.17) 88%)}.ember-hero-poster{display:none}.ember-hero-copy{width:100%;padding:28px 24px 30px}.ember-hero h2{font-size:clamp(2.1rem,8vw,3.1rem);max-width:100%}.ember-hero p{font-size:.91rem}.ember-explore{margin:32px 0}.ember-section{margin:30px 0 44px}.ember-categories a{min-height:52px}.ember-feature-grid{grid-template-columns:minmax(0,1fr);max-width:460px;margin-left:auto;margin-right:auto;gap:28px}.ember-film-title{font-size:1.1rem;min-height:auto}.ember-episode-grid{grid-template-columns:1fr}.sidebar-block{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.ember-film img,.ember-button,.ember-categories a,.ember-play{transition:none!important}html{scroll-behavior:auto}}


/* EMBER 3 — editorial poster system and managed hero carousel */
.ember-hero-carousel{position:relative;isolation:isolate;border-radius:24px;overflow:hidden;background:#100d0f;box-shadow:0 25px 60px rgba(0,0,0,.38)}
.ember-carousel-track{position:relative;height:clamp(420px,35vw,540px)}
.ember-hero-slide{position:absolute;inset:0;display:flex;width:100%;height:100%;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.02);transition:opacity .5s ease,transform .6s ease,visibility 0s linear .5s}
.ember-hero-slide.is-current{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .5s ease,transform .6s ease}
.ember-carousel-controls{position:absolute;bottom:22px;right:26px;z-index:8;display:flex;align-items:center;gap:14px;padding:6px;border-radius:999px;background:rgba(4,4,7,.75);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.ember-carousel-controls button{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:white;display:grid;place-items:center;cursor:pointer}
.ember-carousel-controls button:hover,.ember-carousel-controls button:focus-visible{background:#ff473b}
.ember-carousel-controls span{font-weight:800;color:#fff;font-size:.75rem;letter-spacing:.12em;min-width:52px;text-align:center}
.ember-carousel-dots{position:absolute;z-index:9;bottom:30px;left:40px;display:flex;gap:7px}
.ember-carousel-dots button{width:20px;height:5px;border:0;background:rgba(255,255,255,.35);border-radius:999px;padding:0;cursor:pointer;transition:width .25s ease,background .25s ease}
.ember-carousel-dots button.is-current{width:37px;background:#ff493d}
.ember-feature-grid{gap:clamp(14px,1.8vw,23px)}
.ember-film{border-radius:18px;overflow:visible;transition:transform .22s ease;isolation:isolate}
.ember-film:hover{transform:translateY(-5px)}
.ember-cover{aspect-ratio:2/3;border:0!important;border-radius:18px!important;overflow:hidden;background:linear-gradient(135deg,#232024,#101014);box-shadow:0 10px 25px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.07)}
.ember-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}
.ember-cover:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(5,4,6,.62),transparent 70%);pointer-events:none}
.ember-film:hover .ember-cover{box-shadow:0 20px 38px rgba(0,0,0,.5),0 0 0 1px rgba(255,78,61,.65)}
.ember-play{z-index:3;background:linear-gradient(135deg,#ff694f,#e62a23);box-shadow:0 10px 30px rgba(255,50,40,.38);width:54px;height:54px}
.ember-film-title{margin-top:12px!important;padding:0 3px;font-size:clamp(.93rem,1.05vw,1.1rem)!important;font-weight:800!important;line-height:1.4;letter-spacing:-.012em;color:#fbf9fa}
.ember-film-sub{padding:0 3px;display:flex;align-items:center;font-size:.81rem;color:#b0a7ac;margin-top:7px!important}
.ember-film-sub span{display:inline-flex;gap:4px;font-weight:800;color:#ffb09d;background:rgba(255,70,55,.11);padding:4px 9px;border:1px solid rgba(255,70,55,.16);border-radius:8px}
@media(max-width:767px){.ember-carousel-track{height:560px}.ember-hero-carousel{border-radius:18px}.ember-hero-slide{height:100%}.ember-carousel-controls{right:14px;bottom:14px}.ember-carousel-dots{bottom:30px;left:20px}.ember-feature-grid{grid-template-columns:1fr!important;max-width:380px!important}.ember-cover{max-height:none}.ember-film-title{font-size:1.05rem!important}}
@media(prefers-reduced-motion:reduce){.ember-hero-slide,.ember-film,.ember-cover img,.ember-carousel-dots button{transition:none!important}}

/* Unified /filmler poster card – also used in homepage/weekly/editor picks. */
.ember-feature-grid>.ember-shared-card {min-width:0}
.ember-shared-card.movie-card-wrapper{
 display:flex!important; flex-direction:column!important; width:100%;height:100%;
 padding:8px!important;margin:0!important;min-width:0;
 border:1px solid #292a33!important;border-radius:15px!important;
 background:#101116!important;box-shadow:none!important;overflow:hidden;
 transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ember-shared-card.movie-card-wrapper:hover{border-color:#f03835!important;transform:translateY(-3px);box-shadow:0 10px 28px #0008!important;}
.ember-shared-card .poster-container{display:block;width:100%;aspect-ratio:2/3;position:relative;border-radius:11px!important;overflow:hidden;}
.ember-shared-card .poster-image{display:block;width:100%;height:100%;object-fit:cover;}
.ember-shared-card .badges-container{top:9px;left:9px;right:auto;z-index:3}
.ember-shared-card .badge-item{background:#121212df!important;color:#fff!important;border:1px solid #ffffff21!important;border-radius:999px!important;font-size:12px;padding:5px 8px!important;}
.ember-shared-card .imdb-badge{right:9px;top:9px;border-radius:9px!important;color:#fff!important;background:#fa3c3b!important;font-size:13px;font-weight:800;}
.ember-shared-card .play-overlay{display:flex;align-items:center;justify-content:center;opacity:0;background:#02020344;transition:opacity .2s ease}
.ember-shared-card:hover .play-overlay,.ember-shared-card:focus-within .play-overlay{opacity:1}
.ember-shared-card .play-icon{font-size:2.8rem;color:white!important;filter:drop-shadow(0 4px 12px #0008)}
.ember-shared-card .card-info{display:flex;flex-direction:column;flex:1;padding:10px 3px 4px!important;gap:8px!important;}
.ember-shared-card .card-title{min-height:2.65em;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden;line-height:1.32;color:#f6f4f6!important;text-align:left!important;border:0!important;background:none!important;padding:0!important;font-size:.91rem!important;font-weight:700!important;}
.ember-shared-card:hover .card-title{color:#fff!important;background:none!important;}
.ember-shared-card .card-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:auto;}
.ember-shared-card .meta-year,.ember-shared-card .meta-genre{font-size:11px;line-height:1.15;color:#ff655c!important;padding:4px 7px!important;background:#2a1619!important;border:1px solid #6a262a!important;border-radius:999px;text-decoration:none;}
.ember-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
@media (max-width:991px){.ember-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:767px){.ember-feature-grid{grid-template-columns:minmax(0,1fr)!important;max-width:420px;margin-left:auto;margin-right:auto}.ember-shared-card .card-title{font-size:1.05rem!important;}}

/* Ember 3.3 – centered, polished poster titles and horizontal new-releases carousel */
.ember-shared-card .card-info { gap:10px!important; padding:12px 4px 7px!important; }
.ember-shared-card .card-info > a {display:block!important;width:100%;text-decoration:none!important;}
.ember-shared-card .card-title {
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;min-height:2.85em!important;max-height:2.85em!important;
  margin:0!important;padding:9px 7px!important;border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,#202027,#16161b)!important;border-radius:11px!important;
  font-size:clamp(.83rem,1vw,.99rem)!important;font-weight:800!important;line-height:1.42!important;
  letter-spacing:.005em!important;color:#f8f6f6!important;text-align:center!important;
  text-wrap:balance!important;box-sizing:content-box;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.ember-shared-card:hover .card-title,.ember-shared-card:focus-within .card-title {
  background:linear-gradient(125deg,#75201e,#b92725)!important;
  border-color:rgba(255,111,97,.6)!important;color:#fff!important;
  box-shadow:0 6px 18px rgba(239,56,50,.16)!important;
}
.ember-shared-card .card-meta { justify-content:center!important;gap:6px!important;}
.ember-new-releases {position:relative;min-width:0;}
.ember-new-track {
 display:flex!important;grid-template-columns:none!important;gap:clamp(12px,1.7vw,20px)!important;
 overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
 scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;
 padding:5px 2px 15px!important;max-width:none!important;margin:0!important;
}
.ember-new-track::-webkit-scrollbar {display:none;}
.ember-new-track > .ember-shared-card {
  flex:0 0 calc((100% - (3 * clamp(12px,1.7vw,20px))) / 4)!important;
  width:auto!important;max-width:none!important;scroll-snap-align:start;
}
.ember-new-arrow {
 position:absolute;z-index:6;top:38%;width:46px;height:46px;
 display:grid;place-items:center;border-radius:50%;color:#fff;
 border:1px solid rgba(255,102,91,.55);background:rgba(14,13,17,.91);
 box-shadow:0 6px 22px #000a;cursor:pointer;transition:background .18s ease,transform .18s ease;
}
.ember-new-arrow:hover {background:#df3430;transform:translateY(-1px);}
.ember-new-prev {left:-17px;} .ember-new-next {right:-17px;}
.ember-new-arrow:disabled {opacity:.35;cursor:default;pointer-events:none;}
.ember-new-hint {margin:1px 0 0;text-align:right;color:#8e8e9a;font-size:.78rem;}
@media(max-width:991px){.ember-new-track > .ember-shared-card{flex-basis:calc((100% - clamp(12px,1.7vw,20px))/2)!important;}}
@media(max-width:767px){
 .ember-new-track{max-width:none!important;margin:0!important;}
 .ember-new-track > .ember-shared-card{flex-basis:100%!important;}
 .ember-new-arrow{width:39px;height:39px;top:35%;}
 .ember-new-prev{left:-7px}.ember-new-next{right:-7px}
 .ember-shared-card .card-title{font-size:1.04rem!important;}
}
@media(prefers-reduced-motion:reduce){.ember-new-track{scroll-behavior:auto!important;}}

/* Clear, visible progressive loading state */
#anasayfa-loadmore-status{color:#d9c7c6;text-align:center;font-size:.9rem;margin:.65rem 0;}
#anasayfa-loadmore-btn:disabled{opacity:.7;cursor:wait;}
.ember-new-track{scroll-padding-inline:2px;}

/* Ember 3.5: Weekly picks slide; new releases lazy-load vertically. */
.ember-weekly-carousel{position:relative;min-width:0}
.ember-weekly-track{display:flex!important;gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:5px 2px 12px}
.ember-weekly-track::-webkit-scrollbar{display:none}
.ember-weekly-track>.ember-shared-card{flex:0 0 calc((100% - 60px)/4)!important;min-width:0;scroll-snap-align:start}
.ember-weekly-arrow{position:absolute;top:42%;z-index:8;width:42px;height:42px;border-radius:50%;border:1px solid #ff4949;background:#151316e8;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 24px #000b}
.ember-weekly-arrow:hover{background:#ef3734}.ember-weekly-arrow:disabled{opacity:.28;pointer-events:none}
.ember-weekly-prev{left:-16px}.ember-weekly-next{right:-16px}
.ember-new-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px;align-items:stretch;max-width:100%}
.ember-new-grid>.ember-shared-card{width:100%;min-width:0;max-width:none}
.ember-lazy-sentinel{height:1px;width:100%;pointer-events:none}
@media(max-width:991px){.ember-weekly-track>.ember-shared-card{flex-basis:calc((100% - 20px)/2)!important}.ember-new-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.ember-weekly-track>.ember-shared-card{flex-basis:100%!important}.ember-new-grid{grid-template-columns:minmax(0,1fr)!important;max-width:420px;margin-inline:auto}.ember-weekly-prev{left:-7px}.ember-weekly-next{right:-7px}}

/* Ember 3.8 - Mobil haftanin filmi afisini aydinlatma (sadece mobil) */
@media (max-width: 767px) {
  .ember-hero-carousel .ember-hero-slide .ember-hero-image {
    opacity: 1 !important;
    filter: brightness(1.18) contrast(1.03) saturate(1.08) !important;
    background-position: center 21% !important;
  }
  .ember-hero-carousel .ember-hero-slide .ember-hero-image::after {
    background: linear-gradient(to top,
      rgba(7, 7, 10, .67) 0%,
      rgba(7, 7, 10, .23) 40%,
      rgba(7, 7, 10, 0) 82%) !important;
  }
  .ember-hero-carousel .ember-hero-slide.ember-hero::before {
    background: linear-gradient(to top,
      rgba(7, 7, 10, .85) 0%,
      rgba(7, 7, 10, .56) 28%,
      rgba(7, 7, 10, .09) 66%,
      rgba(7, 7, 10, 0) 100%) !important;
  }
  .ember-hero-carousel .ember-hero-slide.ember-hero::after {
    opacity: .42 !important;
  }
  .ember-hero-carousel .ember-hero-copy {
    text-shadow: 0 2px 12px rgba(0, 0, 0, .75);
  }
}


/* Ember 3.8 mobile UX: slider controls on their own non-overlapping strip */
@media (max-width: 767px) {
  .ember-hero-carousel {
    touch-action: pan-y pinch-zoom;
    overscroll-behavior-x: contain;
    -webkit-user-select: none;
    user-select: none;
  }
  .ember-carousel-track {
    height: 640px !important;
  }
  .ember-hero-carousel .ember-hero-slide {
    top: 0 !important;
    bottom: auto !important;
    height: calc(100% - 70px) !important;
  }
  .ember-carousel-controls {
    position: absolute !important;
    right: 13px !important;
    bottom: 10px !important;
    z-index: 20 !important;
    padding: 4px 7px !important;
    gap: 9px !important;
    border-radius: 999px !important;
    background: rgba(21,19,23,.95) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.3) !important;
  }
  .ember-carousel-controls button {
    width: 36px !important;
    height: 36px !important;
    touch-action: manipulation;
  }
  .ember-carousel-controls span {
    min-width: 50px;
    font-size: .71rem;
  }
  .ember-carousel-dots {
    bottom: 30px !important;
    left: 17px !important;
    z-index: 20 !important;
    gap: 4px !important;
  }
  .ember-carousel-dots button {width: 13px !important; height: 5px !important;}
  .ember-carousel-dots button.is-current {width: 24px !important;}
  .ember-hero-carousel::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    background: linear-gradient(90deg,#0d0a0e,#151017);
    border-top: 1px solid rgba(255,255,255,.09);
    pointer-events: none;
    z-index: 5;
  }
  .ember-hero-carousel .ember-hero-actions {position:relative;z-index:4;}
  .ember-hero-carousel .ember-hero-copy {
    padding-bottom: 26px !important;
    -webkit-user-select: text;
    user-select: text;
  }
}
@media(max-width:360px) {
  .ember-carousel-controls {right:7px!important;gap:5px!important;}
  .ember-carousel-dots {left:12px!important;gap:3px!important;}
  .ember-carousel-dots button{width:10px!important;}
  .ember-carousel-dots button.is-current{width:18px!important;}
}