/*
Theme Name: BEL TV PREMIUM IPTV
Theme URI: https://iptv.beltv.net
Author: MAM Innovation LLC
Description: Custom WordPress theme for BEL TV PREMIUM IPTV with 3-slide hero, WhatsApp ordering, pricing, devices, setup and FAQ.
Version: 1.0.0
Text Domain: bel-tv-premium-iptv
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(5,5,5,.92);backdrop-filter:blur(14px);border-bottom:1px solid #222}.nav{height:82px;display:flex;align-items:center;gap:25px}.logo{width:150px;max-height:68px;object-fit:contain}.nav nav{margin-left:auto;display:flex;gap:20px}.nav nav a{font-size:13px;font-weight:700;color:#ddd}.nav nav a:hover{color:#f5bd36}#menu{display:none;background:none;border:0;color:#fff;font-size:28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;background:linear-gradient(135deg,#f11b24,#a90008);border-radius:9px;font-weight:800;box-shadow:0 10px 28px #e6001225}.ghost{background:transparent;border:1px solid #444;box-shadow:none}.hero{padding:100px 0 85px;background:radial-gradient(circle at 80% 30%,#d500171f,transparent 32%),linear-gradient(#090909,#050505)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}.tag{color:#f5bd36;font-size:12px;font-weight:900;letter-spacing:.18em}.hero h1{font-size:clamp(45px,6vw,76px);line-height:1.02;margin:14px 0 20px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:#ed111c}.hero p,.sub{color:#aaa;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.mini{display:flex;gap:16px;flex-wrap:wrap;color:#bbb;font-size:13px}.hero-logo{background:linear-gradient(145deg,#161616,#050505);border:1px solid #292929;border-radius:28px;padding:38px;box-shadow:0 25px 70px #000}.hero-logo img{width:100%}.stats{background:#0b0b0b;border-block:1px solid #222}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:22px;text-align:center;border-right:1px solid #222}.stats-grid div:last-child{border:0}.stats b,.stats span{display:block}.stats span{color:#888;font-size:12px}.section{padding:90px 0}.dark{background:#090909;border-block:1px solid #1d1d1d}.center{text-align:center}.center h2,.split h2,.cta h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:10px 0}.sub{max-width:760px;margin:12px auto 40px}.sub.left{margin-left:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.steps article{padding:27px;background:#0e0e0f;border:1px solid #222;border-radius:18px}.cards i{font-style:normal;font-size:30px}.cards h3,.steps h3{margin:12px 0 7px}.cards p,.steps p{color:#999;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks span{background:#101010;border:1px solid #242424;padding:12px;border-radius:9px;font-size:14px}.panel{min-height:340px;border:1px solid #333;border-radius:25px;background:radial-gradient(circle,#7d000f55,#070707 68%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px;text-align:center}.panel img{width:85%;margin-bottom:25px}.panel strong{color:#f5bd36}.device-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.device-grid div{background:#101010;border:1px solid #242424;border-radius:14px;padding:24px 10px;text-align:center;font-size:26px}.device-grid b{display:block;font-size:13px;margin-top:10px}.pricing{display:grid;grid-template-columns:repeat(2,minmax(0,430px));justify-content:center;gap:24px}.plan{position:relative;background:#101011;border:1px solid #292929;border-radius:22px;padding:35px}.featured{border-color:#c69531}.best{position:absolute;right:20px;top:-14px;background:#f5bd36;color:#111;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:900}.plan small{font-weight:900;color:#f5bd36}.price{font-size:58px;font-weight:900;margin:10px 0}.price sup{font-size:23px}.price span{font-size:13px;color:#888}.plan ul{list-style:none;padding:0;margin:0 0 25px}.plan li{padding:10px 0;border-bottom:1px solid #242424;color:#ccc}.plan li:before{content:"✓";color:#f5bd36;margin-right:9px}.block{width:100%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article b{font-size:40px;color:#e8111d}.faq{max-width:850px}.faq details{background:#101010;border:1px solid #252525;border-radius:12px;margin:10px 0;padding:18px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#999}.cta{padding:40px 0 90px}.cta-box{padding:42px;border:1px solid #5e4a21;border-radius:25px;background:linear-gradient(135deg,#151515,#080808);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#999}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:45px 0}.foot img{width:190px}.foot b,.foot a{display:block}.foot a{color:#999;font-size:13px;margin:8px 0}.copy{border-top:1px solid #222;padding:18px 0 25px;color:#777;font-size:12px}.wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:28px;border:3px solid #fff;z-index:30}footer{border-top:1px solid #222}@media(max-width:950px){.top{display:none}#menu{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:#090909;padding:20px 4%;flex-direction:column}.nav nav.open{display:flex}.hero-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.device-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.hero{padding-top:65px}.hero h1{font-size:44px}.stats-grid{grid-template-columns:repeat(2,1fr)}.cards,.pricing,.steps,.foot{grid-template-columns:1fr}.device-grid{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start}.cta-box .btn{width:100%}}
.plan-note{font-size:12px;line-height:1.55;color:#aaa;background:#080808;border:1px solid #292929;padding:12px;border-radius:9px;margin:0 0 18px}
.plan-note.included{border-color:#6d5724;color:#ddd}
.activation-badge{font-size:11px;font-weight:900;color:#f5bd36;margin:0 0 15px;padding:9px 10px;border:1px solid #6d5724;border-radius:8px}
.activation-badge.no{color:#ff6970;border-color:#63272a}

/* 3-slide hero carousel */
.hero-slider{position:relative;padding:0;overflow:hidden;min-height:650px}
.slides{position:relative;min-height:650px}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;display:flex;align-items:center;padding:95px 0 90px}
.hero-slide.active{opacity:1;visibility:visible;z-index:2}
.slide-one{background:radial-gradient(circle at 80% 30%,#d500172e,transparent 33%),linear-gradient(120deg,#070707,#0b0506)}
.slide-two{background:radial-gradient(circle at 75% 30%,#4f182c55,transparent 35%),radial-gradient(circle at 25% 80%,#4a280a44,transparent 35%),linear-gradient(120deg,#050505,#0b0809)}
.slide-three{background:radial-gradient(circle at 78% 35%,#8a641f55,transparent 35%),linear-gradient(120deg,#050505,#100c05)}
.hero-slider .hero-grid{width:min(1180px,92%)}
.hero-visual{min-height:360px;border:1px solid #343434;border-radius:28px;background:radial-gradient(circle,#b20d2045,#080808 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 25px 70px #000;padding:40px}
.visual-icon{width:90px;height:90px;border-radius:50%;background:#e91520;display:grid;place-items:center;font-size:35px;margin-bottom:22px;box-shadow:0 0 45px #e9152040}
.hero-visual strong{font-size:25px}.hero-visual span{color:#f5bd36;margin-top:8px}
.year-card{min-height:360px;border:1px solid #72591e;border-radius:28px;background:linear-gradient(145deg,#171207,#080706);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 25px 70px #000;padding:40px}
.year-card small{color:#f5bd36;font-weight:900;letter-spacing:.18em}.year-card b{font-size:100px;line-height:1;margin:15px 0}.year-card b sup{font-size:35px}.year-card strong{font-size:19px}.year-card span{margin-top:20px;background:#f5bd36;color:#111;padding:7px 15px;border-radius:999px;font-size:11px;font-weight:900}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff3d;background:#0505059e;color:#fff;font-size:32px;cursor:pointer}.slider-arrow:hover{background:#e91520}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}
.slider-dots{position:absolute;z-index:8;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.dot{width:10px;height:10px;border-radius:50%;border:0;background:#777;cursor:pointer;padding:0}.dot.active{background:#f5bd36;width:28px;border-radius:10px}
@media(max-width:950px){.hero-slider,.slides{min-height:830px}.hero-slide{padding:65px 0 70px}.slider-arrow{display:none}.hero-logo,.hero-visual,.year-card{max-width:620px}}
@media(max-width:600px){.hero-slider,.slides{min-height:830px}.hero-slide{align-items:flex-start;padding-top:55px}.hero-slider .hero h1,.hero-slider h1{font-size:42px}.hero-visual,.year-card{min-height:260px}.year-card b{font-size:75px}}
