/* ====================================================
   ElitePlayTV Pro — main.css v2.1
   Neo Cinematic Dark Theme
   Logo: replace /assets/images/logo.png with your file
==================================================== */
:root{
  --bg:           #030308;
  --bg2:          #08080f;
  --bg3:          #0d0d18;
  --neo-gold:     #f5a800;
  --neo-gold2:    #ffcc44;
  --neo-amber:    #ff8c00;
  --neo-teal:     #00d4c8;
  --neo-blue:     #1a6fff;
  --neo-purple:   #9b30ff;
  --red:          #e50914;
  --red2:         #ff2233;
  --red-glow:     rgba(229,9,20,.3);
  --card:         rgba(255,255,255,.035);
  --card-h:       rgba(245,168,0,.06);
  --border:       rgba(255,255,255,.065);
  --border2:      rgba(245,168,0,.22);
  --border-teal:  rgba(0,212,200,.18);
  --grad:         linear-gradient(135deg,#e50914,#9b30ff);
  --grad-gold:    linear-gradient(135deg,#f5a800,#ffcc44,#ff8c00);
  --grad-neo:     linear-gradient(135deg,#f5a800 0%,#e50914 50%,#9b30ff 100%);
  --r:            12px;
  --r2:           20px;
  --font:         'Outfit',sans-serif;
  --font2:        'Playfair Display',serif;
  --nav-h:        76px;
  --txt:          #ffffff;
  --txt2:         #a0a0c0;
  --txt3:         #50506a;
  --gold:         #f5a800;
  --green:        #22c55e;
  --purple:       #9b30ff;
  --purple-light: #c084fc;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  font-family:var(--font);color:var(--txt);line-height:1.6;overflow-x:hidden;
  background-color:var(--bg);
  background-image:
    radial-gradient(ellipse 60% 40% at 0% 0%,   rgba(245,168,0,.045) 0%,transparent 60%),
    radial-gradient(ellipse 50% 35% at 100% 0%,  rgba(155,48,255,.05) 0%,transparent 55%),
    radial-gradient(ellipse 55% 40% at 100% 100%,rgba(0,212,200,.04)  0%,transparent 55%),
    radial-gradient(ellipse 50% 35% at 0%   100%,rgba(26,111,255,.04) 0%,transparent 55%),
    radial-gradient(ellipse 80% 60% at 50%  50%, rgba(229,9,20,.022)  0%,transparent 60%);
  background-attachment:fixed;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size:220px;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
::selection{background:var(--neo-gold);color:#000}

/* ── LOGO — replace assets/images/logo.png to swap logo ── */
.nav-logo-img-wrap{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.site-logo{
  height:46px;width:auto;max-width:200px;display:block;object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(245,168,0,.4)) drop-shadow(0 0 4px rgba(245,168,0,.22));
  transition:filter .25s,transform .25s;
}
.site-logo:hover{filter:drop-shadow(0 0 22px rgba(245,168,0,.6));transform:scale(1.03)}
.custom-logo-link{display:flex;align-items:center}
.custom-logo-link img{height:46px;width:auto;max-width:200px;filter:drop-shadow(0 0 14px rgba(245,168,0,.4));transition:filter .25s,transform .25s}
.custom-logo-link:hover img{filter:drop-shadow(0 0 22px rgba(245,168,0,.6));transform:scale(1.03)}

/* ── TYPOGRAPHY ── */
.container{max-width:1220px;margin:0 auto;padding:0 28px}
.section{padding:110px 0}
.sec-label{
  display:inline-flex;align-items:center;gap:8px;
  font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--red);background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.2);
  padding:6px 16px;border-radius:40px;margin-bottom:22px;
}
.sec-title{font-size:clamp(1.9rem,3.5vw,2.9rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px}
.sec-sub{font-size:1.05rem;color:var(--txt2);max-width:580px;margin:0 auto}
.text-center{text-align:center}
.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* ── BUTTONS ── */
.btn{
  display:inline-flex;align-items:center;gap:9px;padding:15px 30px;
  border-radius:9px;font-family:var(--font);font-size:.95rem;font-weight:700;
  cursor:pointer;border:none;transition:all .22s ease;white-space:nowrap;text-decoration:none;
}
.btn-red{background:var(--red);color:#fff;box-shadow:0 4px 22px var(--red-glow)}
.btn-red:hover{background:var(--red2);transform:translateY(-2px);box-shadow:0 8px 32px rgba(229,9,20,.5)}
.btn-glass{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}
.btn-glass:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
.btn-outline{background:transparent;color:#fff;border:2px solid var(--red)}
.btn-outline:hover{background:var(--red);box-shadow:0 4px 22px var(--red-glow)}
.btn-lg{padding:19px 40px;font-size:1.05rem}
.btn-sm{padding:10px 20px;font-size:.82rem}
.btn-pulse{animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 4px 22px var(--red-glow)}50%{box-shadow:0 6px 40px rgba(229,9,20,.65)}}

/* ── HEADER ── */
#header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(7,7,15,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border-bottom:1px solid var(--border);transition:all .3s ease;
}
#header.scrolled{background:rgba(7,7,15,.97);box-shadow:0 4px 40px rgba(0,0,0,.6)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:20px}
/* Logo */
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-logo-icon{
  width:38px;height:38px;background:var(--red);border-radius:9px;
  display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;
  box-shadow:0 0 18px var(--red-glow);
}
.nav-logo-text{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;
  background:linear-gradient(90deg,#fff,#cccce0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-logo-text span{-webkit-text-fill-color:var(--red)}
.nav-logo-wrap .custom-logo-link img{height:38px;width:auto}
/* Nav links */
.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.nav-links a{padding:8px 15px;font-size:.88rem;font-weight:500;color:var(--txt2);border-radius:7px;transition:all .2s}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.06)}
/* Nav right */
.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
/* Lang switcher */
.lang-sw{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:8px;padding:4px}
.lang-btn{
  padding:5px 11px;font-size:.72rem;font-weight:700;letter-spacing:.5px;
  color:var(--txt2);border-radius:5px;cursor:pointer;border:none;background:transparent;
  font-family:var(--font);transition:all .2s;
}
.lang-btn:hover{color:#fff}
.lang-btn.active{background:var(--red);color:#fff}
/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:transparent}
.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
/* Mobile menu */
.mobile-nav{
  display:none;flex-direction:column;gap:3px;padding:16px 28px 22px;
  background:rgba(7,7,15,.98);border-top:1px solid var(--border);
}
.mobile-nav.open{display:flex}
.mobile-nav a{padding:12px 16px;font-size:.94rem;color:var(--txt2);border-radius:8px;font-weight:500;transition:all .2s}
.mobile-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.mobile-nav .m-cta{margin-top:10px;display:flex;gap:8px}

/* ── HERO ── */
#hero{
  min-height:100vh;display:flex;align-items:center;
  position:relative;overflow:hidden;padding-top:var(--nav-h);
  background:radial-gradient(ellipse 130% 100% at 70% -10%,rgba(229,9,20,.09) 0%,transparent 55%),
             radial-gradient(ellipse 80% 80% at 20% 110%,rgba(124,58,237,.07) 0%,transparent 50%),
             var(--bg);
}
.hero-bg-noise{position:absolute;inset:0;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:150px;pointer-events:none;z-index:0}
/* poster grid */
.hero-posters{
  position:absolute;right:-20px;top:var(--nav-h);bottom:0;width:52%;
  display:flex;gap:14px;overflow:hidden;z-index:0;
}
.p-col{display:flex;flex-direction:column;gap:14px}
.p-col:nth-child(2){margin-top:-70px}
.p-col:nth-child(3){margin-top:35px}
.p-item{border-radius:11px;overflow:hidden;flex-shrink:0;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.p-item img{width:155px;height:235px;object-fit:cover;transition:transform .4s}
.p-item:hover img{transform:scale(1.06)}
.p-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65) 100%)}
.hero-posters::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(7,7,15,.35) 38%,transparent 58%);z-index:1}
.hero-posters::after{content:'';position:absolute;bottom:0;left:0;right:0;height:220px;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%);z-index:1}
/* hero content */
.hero-content{position:relative;z-index:2;max-width:590px}
.hero-chip{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;
  background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.22);
  border-radius:40px;padding:8px 18px;font-size:.76rem;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;color:#ff7070;
}
.chip-dot{width:7px;height:7px;background:var(--red);border-radius:50%;animation:blink 1.5s infinite;box-shadow:0 0 8px var(--red)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.hero-h1{font-size:clamp(2.9rem,6.5vw,5rem);font-weight:900;line-height:1.03;letter-spacing:-.04em;margin-bottom:22px}
.hero-h1 .accent{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-p{font-size:1.1rem;color:var(--txt2);line-height:1.75;margin-bottom:14px;max-width:500px}
/* countdown */
.countdown-wrap{margin-bottom:32px}
.countdown-label{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txt3);margin-bottom:10px}
.countdown{display:flex;gap:12px;align-items:center}
.cd-box{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.2);border-radius:9px;padding:10px 16px;text-align:center;min-width:58px}
.cd-num{font-size:1.6rem;font-weight:900;line-height:1;color:var(--red)}
.cd-lbl{font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txt3);margin-top:3px}
.cd-sep{font-size:1.4rem;font-weight:900;color:var(--red);margin-bottom:14px}
/* CTA row */
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}
/* stats */
.hero-stats{display:flex;gap:36px;margin-bottom:38px;flex-wrap:wrap}
.stat-val{font-size:1.75rem;font-weight:900;line-height:1}
.stat-val span{color:var(--red)}
.stat-lbl{font-size:.7rem;color:var(--txt3);text-transform:uppercase;letter-spacing:1px;margin-top:3px}
/* trust */
.trust-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--txt2)}
.trust-icon{font-size:1rem}
.trust-sep{width:1px;height:18px;background:var(--border)}
/* rating badge */
.rating-badge{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;
  background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);
  border-radius:8px;padding:10px 16px;
}
.rb-stars{color:var(--gold);font-size:.95rem;letter-spacing:2px}
.rb-text{font-size:.82rem;color:var(--txt2)}
.rb-text strong{color:#fff}

/* ── SCROLL ROW ── */
#content-row{padding:0 0 90px;overflow:hidden}
.row-head{margin-bottom:28px}
.scroll-wrap{position:relative;overflow:hidden}
.scroll-row{display:flex;gap:16px;padding:12px 0;animation:scrollX 38s linear infinite;width:max-content}
.scroll-row:hover{animation-play-state:paused}
@keyframes scrollX{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.scroll-wrap::before,.scroll-wrap::after{content:'';position:absolute;top:0;bottom:0;width:130px;z-index:2;pointer-events:none}
.scroll-wrap::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.scroll-wrap::after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}
.c-card{flex-shrink:0;width:158px;border-radius:11px;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s}
.c-card:hover{transform:translateY(-10px) scale(1.04);z-index:2}
.c-card img{width:158px;height:238px;object-fit:cover;display:block}
.c-card-ov{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,transparent 50%);
  opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:12px;
}
.c-card:hover .c-card-ov{opacity:1}
.c-play{width:38px;height:38px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;box-shadow:0 0 18px var(--red-glow)}

/* ── TRUST BAR ── */
#trust-bar{background:linear-gradient(90deg,rgba(229,9,20,.06),rgba(124,58,237,.05));border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0}
.trust-bar-inner{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
.tb-item{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600;color:var(--txt2)}
.tb-icon{font-size:1.4rem}

/* ── FEATURES ── */
#features{background:var(--bg2)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.feat-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--r2);
  padding:34px 30px;position:relative;overflow:hidden;transition:all .3s;
}
.feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:opacity .3s}
.feat-card:hover{background:var(--card-h);border-color:var(--border2);transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.35)}
.feat-card:hover::before{opacity:1}
.feat-icon{width:54px;height:54px;background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.15);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px}
.feat-title{font-size:1.08rem;font-weight:700;margin-bottom:10px}
.feat-desc{font-size:.88rem;color:var(--txt2);line-height:1.65}

/* ── DEVICES ── */
#devices{background:var(--bg)}
.dev-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:64px}
.dev-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:30px 14px;text-align:center;transition:all .3s;cursor:default}
.dev-card:hover{background:rgba(229,9,20,.06);border-color:var(--border2);transform:translateY(-5px);box-shadow:0 12px 35px rgba(229,9,20,.1)}
.dev-emoji{font-size:2.3rem;margin-bottom:12px}
.dev-name{font-size:.83rem;font-weight:700}

/* ── CATEGORIES ── */
#categories{background:var(--bg2)}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
.cat-card{border-radius:var(--r2);overflow:hidden;position:relative;height:190px;cursor:pointer;transition:transform .3s}
.cat-card:hover{transform:scale(1.025)}
.cat-card:first-child{grid-column:span 2}
.cat-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:5rem}
.c-sports{background:linear-gradient(135deg,#0a1020,#0f1e3a)}
.c-movies{background:linear-gradient(135deg,#150505,#280a0a)}
.c-series{background:linear-gradient(135deg,#050f14,#082032)}
.c-kids{background:linear-gradient(135deg,#141408,#25250a)}
.c-intl{background:linear-gradient(135deg,#08081a,#0f0f30)}
.c-ent{background:linear-gradient(135deg,#130813,#221022)}
.cat-info{position:absolute;bottom:0;left:0;right:0;padding:22px;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,transparent 100%)}
.cat-name{font-size:1.08rem;font-weight:800}
.cat-count{font-size:.78rem;color:var(--txt2);margin-top:3px}

/* ── SOCIAL PROOF TICKER ── */
#proof-ticker{background:rgba(229,9,20,.06);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);padding:14px 0;overflow:hidden}
.ticker-wrap{display:flex;gap:60px;white-space:nowrap;animation:scrollX 25s linear infinite;width:max-content}
.ticker-item{display:inline-flex;align-items:center;gap:10px;font-size:.82rem;color:var(--txt2)}
.ticker-item span{color:var(--gold)}

/* ── PRICING ── */
#pricing{background:var(--bg)}
.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin:36px 0 0}
.toggle-label{font-size:.88rem;color:var(--txt2);font-weight:600}
.toggle-switch{width:48px;height:26px;background:var(--card);border:1px solid var(--border);border-radius:13px;position:relative;cursor:pointer;transition:background .2s}
.toggle-switch.on{background:var(--red)}
.toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.toggle-switch.on::after{transform:translateX(22px)}
.toggle-save{font-size:.72rem;font-weight:700;color:var(--green);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);padding:3px 10px;border-radius:20px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:54px;align-items:start}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:38px 30px;position:relative;transition:all .3s}
.price-card.pop{
  background:linear-gradient(145deg,rgba(229,9,20,.09),rgba(124,58,237,.06));
  border:1px solid rgba(229,9,20,.32);transform:scale(1.05);
  box-shadow:0 24px 70px rgba(229,9,20,.17);
}
.pop-badge{
  position:absolute;top:-15px;left:50%;transform:translateX(-50%);
  background:var(--grad);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;padding:5px 20px;border-radius:20px;white-space:nowrap;
}
.price-plan{font-size:.75rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--txt3);margin-bottom:18px}
.price-card.pop .price-plan{color:var(--red)}
.price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}
.p-cur{font-size:1.1rem;font-weight:700;color:var(--txt2)}
.p-amt{font-size:3.1rem;font-weight:900;line-height:1}
.p-per{font-size:.83rem;color:var(--txt2)}
.p-orig{font-size:.8rem;color:var(--txt3);text-decoration:line-through;margin-bottom:4px}
.p-save{display:inline-block;font-size:.73rem;font-weight:700;color:var(--green);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);padding:3px 11px;border-radius:20px;margin-bottom:26px}
.p-div{height:1px;background:var(--border);margin:24px 0}
.p-feats{display:flex;flex-direction:column;gap:13px;margin-bottom:30px}
.pf{display:flex;align-items:center;gap:10px;font-size:.88rem}
.pf-yes{color:var(--green);flex-shrink:0}
.pf-no{color:var(--txt3);flex-shrink:0}
.pf-no-txt{color:var(--txt3)}
.pay-row{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:42px;flex-wrap:wrap}
.pay-badge{background:var(--card);border:1px solid var(--border);border-radius:7px;padding:6px 12px;font-size:.7rem;font-weight:700;color:var(--txt2)}

/* ── TESTIMONIALS ── */
#testimonials{background:var(--bg2)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.test-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:30px;transition:all .3s;position:relative;overflow:hidden}
.test-card::before{content:'"';position:absolute;top:-10px;right:20px;font-size:5rem;font-family:var(--font2);color:rgba(229,9,20,.07);line-height:1;font-style:italic}
.test-card:hover{border-color:rgba(124,58,237,.28);transform:translateY(-5px)}
.test-stars{display:flex;gap:3px;margin-bottom:14px}
.star{color:var(--gold);font-size:.95rem}
.test-txt{font-size:.92rem;color:var(--txt2);line-height:1.72;margin-bottom:22px;position:relative;z-index:1}
.test-author{display:flex;align-items:center;gap:12px}
.author-av{width:42px;height:42px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0}
.author-name{font-size:.9rem;font-weight:800}
.author-loc{font-size:.76rem;color:var(--txt3)}
.author-verified{font-size:.7rem;color:var(--green);display:flex;align-items:center;gap:4px;margin-top:2px}
/* Video testimonial placeholder */
.test-video-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;position:relative;cursor:pointer;transition:all .3s}
.test-video-card:hover{border-color:var(--border2);transform:translateY(-5px)}
.test-video-thumb{width:100%;height:160px;object-fit:cover;opacity:.7}
.test-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;background:rgba(229,9,20,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;transition:all .3s}
.test-video-card:hover .test-video-play{transform:translate(-50%,-50%) scale(1.15)}

/* ── FAQ ── */
#faq{background:var(--bg)}
.faq-wrap{max-width:820px;margin:64px auto 0;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:var(--border2)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:21px 26px;background:transparent;border:none;color:#fff;font-family:var(--font);font-size:.97rem;font-weight:700;cursor:pointer;text-align:left;gap:16px}
.faq-ico{width:30px;height:30px;border-radius:50%;background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.2);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--red);flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-ico{transform:rotate(45deg)}
.faq-a{padding:0 26px;max-height:0;overflow:hidden;transition:max-height .38s ease,padding .38s ease;font-size:.9rem;color:var(--txt2);line-height:1.72}
.faq-item.open .faq-a{max-height:320px;padding:0 26px 22px}

/* ── HOW IT WORKS ── */
#hiw{background:var(--bg2)}
.hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px;position:relative}
.hiw-grid::before{content:'';position:absolute;top:44px;left:calc(16.66% + 44px);right:calc(16.66% + 44px);height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.hiw-card{text-align:center;padding:38px 26px;background:var(--card);border:1px solid var(--border);border-radius:var(--r2);transition:all .3s}
.hiw-card:hover{border-color:var(--border2);transform:translateY(-5px)}
.hiw-num{width:58px;height:58px;background:var(--grad);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;margin:0 auto 22px;box-shadow:0 0 28px var(--red-glow)}
.hiw-title{font-size:1.08rem;font-weight:800;margin-bottom:10px}
.hiw-desc{font-size:.88rem;color:var(--txt2);line-height:1.65}

/* ── FINAL CTA ── */
#cta-final{background:var(--bg);padding:110px 0}
.cta-box{
  background:linear-gradient(135deg,rgba(229,9,20,.09) 0%,rgba(124,58,237,.07) 100%);
  border:1px solid rgba(229,9,20,.22);border-radius:26px;padding:88px 64px;
  text-align:center;position:relative;overflow:hidden;
}
.cta-box::before{content:'';position:absolute;top:-60%;left:50%;transform:translateX(-50%);width:700px;height:350px;background:radial-gradient(ellipse,rgba(229,9,20,.1) 0%,transparent 70%);pointer-events:none}
.cta-h2{font-size:clamp(2rem,4vw,3.1rem);font-weight:900;margin-bottom:16px;position:relative}
.cta-p{font-size:1.08rem;color:var(--txt2);margin-bottom:40px;position:relative}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}
.cta-note{font-size:.78rem;color:var(--txt3);margin-top:20px}

/* ── FOOTER ── */
#footer{background:rgba(0,0,0,.6);border-top:1px solid var(--border);padding:68px 0 36px}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:44px;margin-bottom:56px}
.footer-desc{font-size:.86rem;color:var(--txt2);line-height:1.75;margin:16px 0 26px;max-width:270px}
.foot-soc{display:flex;gap:10px}
.soc-btn{width:38px;height:38px;background:var(--card);border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .22s;cursor:pointer;text-decoration:none}
.soc-btn:hover{background:rgba(229,9,20,.1);border-color:var(--border2);transform:translateY(-3px)}
.foot-col-title{font-size:.78rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--txt3);margin-bottom:20px}
.foot-links{display:flex;flex-direction:column;gap:11px}
.foot-links a{font-size:.86rem;color:var(--txt2);transition:color .2s}
.foot-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid var(--border);padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.copy{font-size:.8rem;color:var(--txt3)}
.foot-legal{display:flex;gap:22px}
.foot-legal a{font-size:.8rem;color:var(--txt3);transition:color .2s}
.foot-legal a:hover{color:var(--txt2)}

/* ── FLOATERS ── */
.wa-float{position:fixed;bottom:105px;right:26px;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 4px 24px rgba(37,211,102,.42);z-index:999;transition:all .3s;text-decoration:none}
.wa-float:hover{transform:scale(1.12);box-shadow:0 8px 35px rgba(37,211,102,.55)}
.mob-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;padding:13px 22px;background:rgba(7,7,15,.96);backdrop-filter:blur(20px);border-top:1px solid var(--border)}
.mob-sticky .btn{width:100%;justify-content:center}

/* ── EXIT INTENT POPUP ── */
.popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:9999;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.popup-overlay.show{display:flex}
.popup-box{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r2);padding:52px 46px;max-width:500px;width:90%;text-align:center;position:relative;box-shadow:0 30px 80px rgba(229,9,20,.18)}
.popup-close{position:absolute;top:16px;right:18px;background:transparent;border:none;color:var(--txt2);font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s}
.popup-close:hover{color:#fff}
.popup-emoji{font-size:3rem;margin-bottom:18px}
.popup-h{font-size:1.6rem;font-weight:900;margin-bottom:10px}
.popup-h span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.popup-p{font-size:.92rem;color:var(--txt2);margin-bottom:28px;line-height:1.65}
.popup-code{background:rgba(229,9,20,.1);border:2px dashed rgba(229,9,20,.35);border-radius:9px;padding:14px 22px;font-size:1.4rem;font-weight:900;letter-spacing:3px;color:var(--red);margin-bottom:26px;cursor:pointer;transition:all .2s}
.popup-code:hover{background:rgba(229,9,20,.18)}
.popup-note{font-size:.75rem;color:var(--txt3)}

/* ── COOKIE BANNER ── */
.cookie-bar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:1100;
  background:rgba(12,12,26,.97);border-top:1px solid var(--border);
  padding:18px 28px;backdrop-filter:blur(16px);
}
.cookie-bar.show{display:block}
.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1220px;margin:0 auto;flex-wrap:wrap}
.cookie-txt{font-size:.82rem;color:var(--txt2);line-height:1.55;max-width:700px}
.cookie-txt a{color:var(--red);text-decoration:underline}
.cookie-btns{display:flex;gap:10px;flex-shrink:0}

/* ── LEGAL PAGES ── */
.legal-hero{padding:calc(var(--nav-h) + 60px) 0 60px;background:linear-gradient(180deg,var(--bg2),var(--bg))}
.legal-hero h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:900;margin-bottom:10px}
.legal-hero p{color:var(--txt2);font-size:.9rem}
.legal-content{max-width:860px;margin:0 auto;padding:60px 28px 100px}
.legal-content h2{font-size:1.3rem;font-weight:800;margin:40px 0 14px;color:var(--txt)}
.legal-content h3{font-size:1.05rem;font-weight:700;margin:28px 0 10px;color:var(--txt)}
.legal-content p{font-size:.91rem;color:var(--txt2);line-height:1.8;margin-bottom:14px}
.legal-content ul{padding-left:22px;margin-bottom:14px}
.legal-content ul li{font-size:.91rem;color:var(--txt2);line-height:1.8;margin-bottom:6px;list-style:disc}
.legal-content a{color:var(--red)}
.legal-content strong{color:var(--txt)}
.legal-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:8px 16px;font-size:.8rem;color:var(--green);font-weight:600;margin-bottom:32px}

/* ── CONTACT PAGE ── */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;margin-top:60px}
.contact-info h3{font-size:1.15rem;font-weight:700;margin-bottom:22px}
.ci-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:26px}
.ci-ico{width:44px;height:44px;background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.ci-lbl{font-size:.75rem;color:var(--txt3);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.ci-val{font-size:.9rem;color:var(--txt2)}
.contact-form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:42px 38px}
.cf-group{margin-bottom:20px}
.cf-label{display:block;font-size:.78rem;font-weight:700;color:var(--txt2);margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}
.cf-input,.cf-select,.cf-textarea{
  width:100%;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:9px;
  padding:14px 18px;font-family:var(--font);font-size:.92rem;color:#fff;transition:border-color .2s;
}
.cf-input::placeholder,.cf-textarea::placeholder{color:var(--txt3)}
.cf-input:focus,.cf-select:focus,.cf-textarea:focus{outline:none;border-color:var(--red)}
.cf-textarea{resize:vertical;min-height:130px}
.cf-select{background:var(--bg2);cursor:pointer}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-msg{display:none;padding:14px 18px;border-radius:9px;font-size:.88rem;font-weight:600;margin-top:14px}
.cf-msg.ok{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:var(--green);display:block}
.cf-msg.err{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.25);color:#ff7070;display:block}

/* ── REVEAL ANIMATIONS ── */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}
.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}
  .footer-grid>div:first-child{grid-column:span 3}
  .feat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .dev-grid{grid-template-columns:repeat(3,1fr)}
  .test-grid{grid-template-columns:repeat(2,1fr)}
  .price-grid{grid-template-columns:1fr}
  .price-card.pop{transform:none}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links,.nav-right .btn{display:none}
  .hamburger{display:flex}
  .hero-posters{display:none}
  .hero-content{max-width:100%}
  .section{padding:78px 0}
  .feat-grid{grid-template-columns:1fr}
  .dev-grid{grid-template-columns:repeat(3,1fr)}
  .cat-grid{grid-template-columns:1fr 1fr}
  .cat-card:first-child{grid-column:span 2}
  .hiw-grid{grid-template-columns:1fr}
  .hiw-grid::before{display:none}
  .test-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:span 2}
  .cta-box{padding:54px 26px}
  .footer-bottom{flex-direction:column;align-items:center;text-align:center}
  .mob-sticky{display:block}
  .cf-row{grid-template-columns:1fr}
  .trust-bar-inner{gap:22px}
}
@media(max-width:480px){
  .dev-grid{grid-template-columns:repeat(2,1fr)}
  .hero-stats{gap:22px}
  .hero-cta{flex-direction:column}
  .hero-cta .btn{width:100%;justify-content:center}
  .popup-box{padding:40px 24px}
  .contact-form-card{padding:28px 22px}
}

/* ══════════════════════════════════════════════════
   NEO CINEMATIC OVERRIDES — v2.1
   Cinematic ambient glow on all sections
══════════════════════════════════════════════════ */

/* Header — glass with gold bottom border on scroll */
#header{background:rgba(3,3,8,.8)!important}
#header.scrolled{
  background:rgba(3,3,8,.97)!important;
  border-bottom:1px solid rgba(245,168,0,.12)!important;
  box-shadow:0 2px 40px rgba(0,0,0,.8),0 1px 0 rgba(245,168,0,.08)!important;
}

/* Hero — cinematic gold-to-purple sweep */
#hero{
  background:
    radial-gradient(ellipse 120% 70% at 65% -5%,  rgba(245,168,0,.07) 0%,transparent 50%),
    radial-gradient(ellipse 80%  60% at 100% 50%,  rgba(229,9,20,.06)  0%,transparent 50%),
    radial-gradient(ellipse 70%  50% at 0%   80%,  rgba(155,48,255,.07) 0%,transparent 50%),
    radial-gradient(ellipse 50%  40% at 50%  100%, rgba(0,212,200,.04)  0%,transparent 45%),
    var(--bg)!important;
}

/* Section backgrounds — alternating neo atmosphere */
#features{
  background:
    radial-gradient(ellipse 80% 60% at 10%  20%,rgba(245,168,0,.04)  0%,transparent 55%),
    radial-gradient(ellipse 60% 50% at 90%  80%,rgba(155,48,255,.04) 0%,transparent 50%),
    var(--bg2)!important;
}
#devices{
  background:
    radial-gradient(ellipse 70% 50% at 50% 50%,rgba(0,212,200,.03) 0%,transparent 60%),
    var(--bg)!important;
}
#categories{
  background:
    radial-gradient(ellipse 80% 50% at 90%  10%,rgba(245,168,0,.04)  0%,transparent 55%),
    radial-gradient(ellipse 60% 50% at 10%  90%,rgba(26,111,255,.04) 0%,transparent 50%),
    var(--bg2)!important;
}
#pricing{
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%,  rgba(229,9,20,.05)  0%,transparent 55%),
    radial-gradient(ellipse 60% 40% at 0%  100%,rgba(245,168,0,.03) 0%,transparent 50%),
    var(--bg)!important;
}
#testimonials{
  background:
    radial-gradient(ellipse 80% 50% at 20%  30%,rgba(155,48,255,.04) 0%,transparent 55%),
    radial-gradient(ellipse 60% 50% at 80%  70%,rgba(0,212,200,.03)  0%,transparent 50%),
    var(--bg2)!important;
}
#faq{
  background:
    radial-gradient(ellipse 70% 60% at 70% 50%,rgba(245,168,0,.03) 0%,transparent 55%),
    var(--bg)!important;
}
#hiw{
  background:
    radial-gradient(ellipse 80% 50% at 30% 50%,rgba(26,111,255,.04) 0%,transparent 55%),
    var(--bg2)!important;
}
#cta-final{
  background:
    radial-gradient(ellipse 80% 60% at 50% 50%,rgba(229,9,20,.07)  0%,transparent 55%),
    radial-gradient(ellipse 60% 40% at 10% 10%,rgba(245,168,0,.04) 0%,transparent 50%),
    var(--bg)!important;
}
#trust-bar{
  background:linear-gradient(90deg,
    rgba(245,168,0,.05),
    rgba(229,9,20,.04),
    rgba(155,48,255,.05))!important;
  border-top:1px solid rgba(245,168,0,.1)!important;
  border-bottom:1px solid rgba(245,168,0,.1)!important;
}
#proof-ticker{
  background:rgba(245,168,0,.04)!important;
  border-top:1px solid rgba(245,168,0,.1)!important;
  border-bottom:1px solid rgba(245,168,0,.1)!important;
}
#footer{
  background:
    radial-gradient(ellipse 80% 60% at 50% 100%,rgba(245,168,0,.04) 0%,transparent 55%),
    rgba(0,0,0,.7)!important;
  border-top:1px solid rgba(245,168,0,.1)!important;
}

/* Mobile nav background */
.mobile-nav{background:rgba(3,3,8,.99)!important;border-top:1px solid rgba(245,168,0,.1)!important}

/* Cards — gold border glow on hover */
.feat-card:hover{border-color:rgba(245,168,0,.22)!important;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 30px rgba(245,168,0,.06)!important}
.feat-card::before{background:var(--grad-gold)!important}
.dev-card:hover{background:rgba(245,168,0,.05)!important;border-color:rgba(245,168,0,.2)!important;box-shadow:0 12px 35px rgba(245,168,0,.08)!important}
.test-card:hover{border-color:rgba(245,168,0,.2)!important;box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 24px rgba(245,168,0,.06)!important}
.price-card.pop{border:1px solid rgba(245,168,0,.35)!important;box-shadow:0 24px 70px rgba(245,168,0,.12),0 0 60px rgba(229,9,20,.08)!important}
.hiw-card:hover{border-color:rgba(245,168,0,.2)!important;box-shadow:0 16px 40px rgba(245,168,0,.07)!important}
.faq-item.open{border-color:rgba(245,168,0,.2)!important}
.faq-ico{background:rgba(245,168,0,.08)!important;border-color:rgba(245,168,0,.2)!important;color:var(--neo-gold)!important}

/* FAQ open state gold glow */
.faq-item.open .faq-ico{color:var(--neo-gold)!important}

/* Section labels — gold */
.sec-label{color:var(--neo-gold)!important;background:rgba(245,168,0,.08)!important;border-color:rgba(245,168,0,.2)!important}

/* Hero chip — gold pulse */
.hero-chip{background:rgba(245,168,0,.1)!important;border-color:rgba(245,168,0,.25)!important;color:#ffcc60!important}
.chip-dot{background:var(--neo-gold)!important;box-shadow:0 0 8px var(--neo-gold)!important}
.hero-chip{animation:chip-glow 3s ease-in-out infinite}
@keyframes chip-glow{
  0%,100%{box-shadow:0 0 0 rgba(245,168,0,0)}
  50%{box-shadow:0 0 18px rgba(245,168,0,.15)}
}

/* Rating badge — gold */
.rating-badge{background:rgba(245,168,0,.07)!important;border-color:rgba(245,168,0,.2)!important}
.rb-stars{color:var(--neo-gold)!important}

/* Countdown boxes — gold accent */
.cd-box{background:rgba(245,168,0,.08)!important;border-color:rgba(245,168,0,.2)!important}
.cd-num{color:var(--neo-gold)!important;text-shadow:0 0 12px rgba(245,168,0,.4)}
.cd-sep{color:var(--neo-gold)!important}

/* Feature icons — gold tint */
.feat-icon{background:rgba(245,168,0,.08)!important;border-color:rgba(245,168,0,.12)!important}

/* Gradient buttons — gold gradient for popular badge */
.pop-badge{background:var(--grad-gold)!important;color:#000!important}

/* Step numbers — gold gradient */
.hiw-num{background:var(--grad-gold)!important;box-shadow:0 0 28px rgba(245,168,0,.35)!important;color:#000!important}

/* CTA box — gold glow */
.cta-box{border-color:rgba(245,168,0,.18)!important}
.cta-box::before{background:radial-gradient(ellipse,rgba(245,168,0,.07) 0%,transparent 70%)!important}

/* WhatsApp button — stronger glow */
.wa-float{box-shadow:0 4px 24px rgba(37,211,102,.45),0 0 40px rgba(37,211,102,.15)!important}

/* Mobile menu CTA */
.mob-sticky{background:rgba(3,3,8,.97)!important;border-top:1px solid rgba(245,168,0,.1)!important}

/* Popup box */
.popup-box{background:var(--bg2)!important;border-color:rgba(245,168,0,.25)!important;box-shadow:0 30px 80px rgba(245,168,0,.12)!important}
.popup-code{background:rgba(245,168,0,.08)!important;border-color:rgba(245,168,0,.3)!important;color:var(--neo-gold)!important}

/* Cookie bar */
.cookie-bar{background:rgba(3,3,8,.97)!important;border-top:1px solid rgba(245,168,0,.1)!important}

/* Legal pages hero */
.legal-hero{
  background:linear-gradient(180deg,
    rgba(3,3,8,1) 0%,
    rgba(8,8,15,1) 100%)!important;
}
.legal-badge{background:rgba(34,197,94,.08)!important;border-color:rgba(34,197,94,.2)!important}

/* Scroll row and trust bar glow lines */
#content-row{
  background:
    radial-gradient(ellipse 80% 100% at 50% 50%,rgba(245,168,0,.025) 0%,transparent 60%);
}

/* ══════════════════════════════════════════════════
   ELEMENTOR COMPATIBILITY — ElitePlayTV Pro
   Ensures theme styles work inside Elementor editor
   and that Elementor sections look correct on frontend
══════════════════════════════════════════════════ */

/* Elementor canvas — remove default white background */
.elementor-page,
.elementor-template-canvas,
body.eptv-elementor-canvas {
  background-color: var(--bg) !important;
  background-image:
    radial-gradient(ellipse 60% 40% at 0% 0%,   rgba(245,168,0,.045) 0%,transparent 60%),
    radial-gradient(ellipse 50% 35% at 100% 0%,  rgba(155,48,255,.05) 0%,transparent 55%),
    radial-gradient(ellipse 55% 40% at 100% 100%,rgba(0,212,200,.04)  0%,transparent 55%),
    radial-gradient(ellipse 50% 35% at 0%   100%,rgba(26,111,255,.04) 0%,transparent 55%);
  background-attachment: fixed !important;
}

/* Elementor editor iframe background */
#elementor-preview-iframe,
.elementor-editor-preview {
  background: var(--bg) !important;
}

/* Elementor sections inherit theme colors */
.elementor-section,
.elementor-container,
.e-con,
.e-con-inner {
  position: relative;
  z-index: 1;
}

/* Elementor default text color */
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget p {
  color: var(--txt);
  font-family: var(--font);
}

/* Elementor heading uses theme font */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 {
  font-family: var(--font);
  font-weight: 800;
  letter-spacing: -0.025em;
}

/* Elementor buttons match theme style */
.elementor-button {
  font-family: var(--font) !important;
  font-weight: 700 !important;
  border-radius: 9px !important;
  transition: all 0.22s ease !important;
}
.elementor-button-wrapper .elementor-button:hover {
  transform: translateY(-2px);
}

/* Elementor full-width sections — no side padding */
.elementor-section.elementor-section-full_width > .elementor-container {
  max-width: 100%;
}

/* Elementor inner section content width */
.elementor-section .elementor-container {
  max-width: 1220px;
}

/* Fix Elementor column gap */
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated,
.elementor-column-gap-default > .elementor-container > .elementor-column > .elementor-widget-wrap {
  padding: 10px 15px;
}

/* Elementor image widget */
.elementor-widget-image img {
  border-radius: var(--r);
}

/* Elementor divider */
.elementor-widget-divider .elementor-divider-separator {
  border-color: var(--border);
}

/* Elementor icon box — match theme card style */
.elementor-widget-icon-box .elementor-icon-box-wrapper {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--r2);
  padding: 32px 28px;
  transition: all 0.3s ease;
}
.elementor-widget-icon-box .elementor-icon-box-wrapper:hover {
  background: var(--card-h);
  border-color: var(--border2);
  transform: translateY(-4px);
}

/* Elementor testimonial */
.elementor-widget-testimonial .elementor-testimonial-wrapper {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--r2);
  padding: 28px;
}

/* Elementor page content area */
#eptv-page-content .elementor {
  width: 100%;
}

/* Make Elementor sections full-width by default */
.elementor-top-section {
  width: 100%;
}

/* Elementor editor panel — dark scrollbar */
#elementor-panel ::-webkit-scrollbar { width: 6px; }
#elementor-panel ::-webkit-scrollbar-track { background: #1a1a2e; }
#elementor-panel ::-webkit-scrollbar-thumb { background: var(--red); border-radius: 3px; }

/* Elementor navigator */
#elementor-navigator { background: #0a0a15 !important; }

/* Fix z-index conflicts with sticky header */
.elementor-sticky--active {
  z-index: 999 !important;
}

/* Elementor popup modal */
.elementor-popup-modal .dialog-widget-content {
  background: var(--bg2) !important;
  border: 1px solid var(--border2) !important;
}

/* Elementor form widgets */
.elementor-field-group input,
.elementor-field-group textarea,
.elementor-field-group select {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid var(--border) !important;
  color: var(--txt) !important;
  font-family: var(--font) !important;
  border-radius: var(--r) !important;
}
.elementor-field-group input:focus,
.elementor-field-group textarea:focus {
  border-color: var(--neo-gold) !important;
  outline: none !important;
}
.elementor-field-group label {
  color: var(--txt2) !important;
  font-family: var(--font) !important;
}

/* Elementor WooCommerce widgets (if used) */
.woocommerce .button,
.woocommerce button.button {
  background: var(--red) !important;
  color: #fff !important;
  font-family: var(--font) !important;
  border-radius: 9px !important;
}

/* ═══════════════════════════════════════════════════════════
   v3.0 ADDITIONS — SEO, Performance, Trust, UX improvements
═══════════════════════════════════════════════════════════ */

/* ── Breadcrumb ── */
.breadcrumb-wrap {
  background: rgba(255,255,255,.028);
  border-bottom: 1px solid var(--border);
  padding: 10px 0;
  font-size: .82rem;
  color: var(--txt2);
  margin-top: var(--nav-h, 76px);
}
.breadcrumb { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.breadcrumb a { color: var(--txt2); transition: color .2s; }
.breadcrumb a:hover { color: var(--neo-gold); }
.breadcrumb .sep { opacity: .4; }
.breadcrumb [aria-current="page"] { color: var(--neo-gold); }

/* ── Footer trust row ── */
.foot-trust-row {
  display: flex; flex-wrap: wrap; gap: 10px 24px;
  justify-content: center; align-items: center;
  padding: 22px 0; border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border); margin-bottom: 20px;
}
.foot-trust-item {
  display: flex; align-items: center; gap: 7px;
  font-size: .8rem; color: var(--txt2); white-space: nowrap;
}

/* ── Footer brand ── */
.foot-brand { max-width: 240px; }
.foot-brand .footer-desc { font-size: .85rem; color: var(--txt2); line-height: 1.5; margin: 12px 0 16px; }

/* ── Reviews section — additional stars styling ── */
.test-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 48px; }
.test-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--r2); padding: 28px;
  transition: border-color .25s, transform .25s;
}
.test-card:hover { border-color: var(--border2); transform: translateY(-3px); }
.test-stars { color: var(--neo-gold); font-size: 1.1rem; margin-bottom: 14px; letter-spacing: 2px; }
.test-txt { font-size: .96rem; color: var(--txt); line-height: 1.65; margin-bottom: 20px; font-style: italic; }
.test-author { display: flex; align-items: center; gap: 12px; }
.author-av {
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--grad); display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 1rem; flex-shrink: 0;
}
.author-name { font-weight: 700; font-size: .92rem; }
.author-loc  { font-size: .78rem; color: var(--txt2); margin-top: 2px; }
.author-verified { font-size: .75rem; color: var(--green); margin-top: 3px; }

/* ── Sticky mobile CTA — improved ── */
.mob-sticky {
  display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999;
  padding: 12px 20px;
  background: linear-gradient(to top, rgba(3,3,8,.98), rgba(3,3,8,.85));
  backdrop-filter: blur(8px);
  border-top: 1px solid var(--border);
  transform: translateY(100%);
  transition: transform .35s ease;
}
.mob-sticky.visible { transform: translateY(0); }
.mob-sticky .btn { width: 100%; justify-content: center; font-size: 1rem; padding: 16px; }

/* ── Performance: content-visibility for offscreen sections ── */
#testimonials, #faq, #hiw, #cta-final {
  content-visibility: auto;
  contain-intrinsic-size: 0 500px;
}

/* ── Image SEO: ensure proper display of lazy-loaded images ── */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity .35s ease;
}
img.loaded, img[loading="lazy"].loaded {
  opacity: 1;
}

/* ── Improved pricing card highlight ── */
.price-card.pop {
  position: relative;
  border-color: var(--neo-gold);
  box-shadow: 0 0 40px rgba(245,168,0,.15), 0 0 0 1px var(--neo-gold);
}
.price-card.pop .pop-badge {
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  background: var(--grad-gold); color: #000; font-weight: 800;
  font-size: .75rem; padding: 5px 16px; border-radius: 40px; white-space: nowrap;
  letter-spacing: .5px;
}

/* ── Trust line below pricing ── */
.pricing-trust {
  text-align: center; margin-top: 32px;
  font-size: .84rem; color: var(--txt2);
  display: flex; justify-content: center; align-items: center; gap: 18px; flex-wrap: wrap;
}
.pricing-trust span { display: flex; align-items: center; gap: 5px; }

/* ── Improved CTA section ── */
#cta-final { background: linear-gradient(135deg, rgba(229,9,20,.06), rgba(155,48,255,.06)); }
.cta-box {
  background: rgba(255,255,255,.025); border: 1px solid var(--border);
  border-radius: 24px; padding: 60px 40px; text-align: center;
  backdrop-filter: blur(12px);
}
.cta-h2 { font-size: clamp(1.8rem,3vw,2.6rem); font-weight: 800; margin-bottom: 14px; }
.cta-p  { font-size: 1.05rem; color: var(--txt2); margin-bottom: 32px; }
.cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; }
.cta-note { font-size: .84rem; color: var(--txt2); }

/* ── Instant activation highlight box ── */
.activation-box {
  background: rgba(34,197,94,.07); border: 1px solid rgba(34,197,94,.2);
  border-radius: 16px; padding: 28px 32px; text-align: center; margin: 40px 0;
}
.activation-box .act-icon { font-size: 2.5rem; margin-bottom: 12px; }
.activation-box h3 { font-size: 1.3rem; font-weight: 800; color: var(--green); margin-bottom: 8px; }
.activation-box p  { color: var(--txt2); font-size: .95rem; }

/* ── Page footer internal link row ── */
.page-foot-links a {
  color: var(--txt2); transition: color .2s; text-decoration: none; margin: 0 4px;
}
.page-foot-links a:hover { color: var(--neo-gold); }

/* ── Nav home label (pages only) ── */
[data-i18n="nav_home_full"] { /* visible in page.php nav */ }

/* ── Lazy loading intersection observer fade-in ── */
@keyframes imgFadeIn { from { opacity:0; transform:scale(.98) } to { opacity:1; transform:scale(1) } }
.img-reveal { animation: imgFadeIn .4s ease forwards; }

/* ── Core Web Vitals: Reduce layout shift ── */
.hero-posters { min-height: 480px; }
.dev-grid     { min-height: 200px; }
.feat-grid    { min-height: 300px; }

/* ── Mobile improvements ── */
@media (max-width: 767px) {
  .mob-sticky { display: block; }
  .foot-trust-row { gap: 8px 16px; }
  .foot-trust-item { font-size: .75rem; }
  .cta-box { padding: 40px 22px; }
  .breadcrumb-wrap { font-size: .78rem; }
  .test-grid { grid-template-columns: 1fr; }
}

/* ── Print styles (for legal pages) ── */
@media print {
  header, footer, .wa-float, .mob-sticky, .cookie-bar, #exitPopup { display: none !important; }
  body { background: #fff; color: #000; }
  a { color: #000; }
}

/* ── Active language button ── */
.lang-btn {
  background: transparent; color: var(--txt2); border: 1px solid transparent;
  padding: 5px 9px; border-radius: 6px; cursor: pointer;
  font-family: var(--font); font-size: .78rem; font-weight: 700;
  transition: all .2s; letter-spacing: .5px;
}
.lang-btn:hover   { color: var(--txt); border-color: var(--border); }
.lang-btn.active  { color: var(--neo-gold); border-color: var(--neo-gold); background: rgba(245,168,0,.08); }

/* ── Nav home link (only on inner pages) ── */
.eptv-page .nav-links [data-i18n="nav_home_full"] { font-weight: 600; }

/* ── SEO links section hover ── */
#seo-links .btn-glass { font-size: .8rem; padding: 8px 16px; }
#seo-links .btn-glass:hover { border-color: var(--neo-gold); color: var(--neo-gold); }

/* ── CLS prevention — set dimensions on all poster images ── */
.p-item img, .c-card img {
  aspect-ratio: 155 / 235;
  object-fit: cover;
  width: 100%;
}

/* ── Skip to content (accessibility) ── */
.skip-link {
  position: absolute; left: -9999px; top: auto;
  z-index: 10000; padding: 10px 20px;
  background: var(--neo-gold); color: #000; font-weight: 700;
  border-radius: 0 0 8px 8px;
}
.skip-link:focus { left: 20px; }

/* ── Print ── */
@media print {
  #seo-links, .mob-sticky, .wa-float, .cookie-bar, #exitPopup { display: none!important; }
}