/*
Theme Name: UltimateIPTVHub Elementor Ready
Theme URI: https://ultimateiptvhub.com
Author: UltimateIPTVHub
Description: Professional IPTV subscription platform theme. Conversion-focused, SEO optimized, legally compliant, with 3D hero slider, transparent pricing, comprehensive legal pages, blog with categories, WhatsApp chat, and Google Translate.
Version: 3.3.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: ultimateiptvhub
*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#070611;color:#e9e8ff;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6;top:0!important}
img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}
.fo{font-family:'Outfit',system-ui,sans-serif}
.ctn{max-width:1280px;margin:0 auto;padding:0 20px}@media(min-width:1024px){.ctn{padding:0 32px}}
#google_translate_element{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.goog-te-banner-frame{display:none!important}.goog-te-gadget{height:0!important;overflow:hidden!important}

/* Hero */
.hero{background:linear-gradient(160deg,#f8f6ff 0%,#fff 35%,#f3f0fb 70%,#faf8ff 100%);position:relative;overflow:hidden}
.hero-iptv{display:block;background:linear-gradient(135deg,#1e1650 0%,#e84e9d 50%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 24px rgba(232,78,157,.25))}
.hero-badge{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;border:1px solid rgba(124,58,237,.2);background:rgba(124,58,237,.06);padding:6px 14px;font-size:11.5px;font-weight:600;color:#7c3aed}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#a3ff12;box-shadow:0 0 8px #a3ff12;display:inline-block;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.hero-char{object-fit:contain;filter:drop-shadow(0 16px 32px rgba(0,0,0,.18));animation:cf 4s ease-in-out infinite;transition:opacity .5s ease,transform .5s ease}
@keyframes cf{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hero-fade{position:absolute;bottom:0;left:0;right:0;height:96px;background:linear-gradient(to top,#070611,transparent);z-index:20}
.hero-dots{display:flex;gap:8px;justify-content:center}
.hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(196,184,228,.5);border:none;cursor:pointer;transition:all .3s}
.hero-dot.act{width:28px;border-radius:9999px;background:#e84e9d;box-shadow:0 0 10px rgba(232,78,157,.5)}
.hero-desk{display:none}@media(min-width:1024px){.hero-desk{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;min-height:680px;padding:56px 0}}
.hero-mob{position:relative;padding:40px 0 8px}@media(min-width:1024px){.hero-mob{display:none}}
.hero-mob .chb{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:1;pointer-events:none}
.hero-mob .txf{position:relative;z-index:2}
.hero-mob .spc{height:280px}@media(min-width:768px){.hero-mob .spc{height:340px}}
.hero-mob .dtw{position:relative;z-index:3}

/* Diag lines */
.dl{position:absolute;width:1px;height:200%;background:linear-gradient(180deg,transparent 0%,rgba(124,58,237,.12) 30%,rgba(232,78,157,.10) 60%,transparent 100%);transform-origin:top center;transform:rotate(25deg);pointer-events:none}
.dl1{top:-60%;right:18%;animation:ds 12s ease-in-out infinite}
.dl2{top:-50%;right:28%;animation:ds 14s ease-in-out infinite 2s;opacity:.7}
.dl3{top:-70%;right:38%;animation:ds 16s ease-in-out infinite 4s;opacity:.5}
.dl4{top:-40%;right:48%;animation:ds 13s ease-in-out infinite 1s;opacity:.35}
@keyframes ds{0%,100%{transform:rotate(25deg) translateY(0);opacity:.35}50%{transform:rotate(25deg) translateY(40px);opacity:.8}}

/* Buttons */
.bt{background:linear-gradient(100deg,#e84e9d 0%,#c03a7e 100%);box-shadow:0 10px 30px rgba(232,78,157,.35);border-radius:14px;color:#fff;font-weight:700;padding:16px 32px;display:inline-flex;align-items:center;gap:8px;font-size:15px;transition:all .2s}.bt:hover{transform:translateY(-2px)}
.bp{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:14px;font-weight:700;font-size:15px;color:#fff;background:#151136;transition:all .2s}.bp:hover{background:#1c1648}
.b1{background:linear-gradient(100deg,#7d3cee 0%,#a855f7 45%,#e84e9d 105%);color:#fff;font-weight:700;border-radius:9999px;padding:14px 24px;transition:all .15s;box-shadow:0 10px 32px rgba(124,58,237,.3);display:inline-block;text-align:center;font-size:14px;border:none;cursor:pointer}.b1:hover{transform:translateY(-1px)}
.b2{background:rgba(255,255,255,.06);color:#f3f0ff;border:1px solid rgba(255,255,255,.13);font-weight:700;border-radius:9999px;padding:14px 24px;transition:all .15s;display:inline-block;text-align:center;font-size:14px}.b2:hover{background:rgba(255,255,255,.1)}

/* Cards */
.cd{background:linear-gradient(180deg,rgba(30,25,57,.9),rgba(18,15,38,.96));border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 16px 48px rgba(0,0,0,.4);padding:24px}
.pc{background:linear-gradient(180deg,rgba(28,23,55,.94),rgba(18,16,38,1));border:1px solid rgba(255,255,255,.08);border-radius:22px;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column}
.pc.pop{border-color:rgba(168,85,247,.55);box-shadow:0 0 50px rgba(124,58,237,.18)}
.pc.pop::before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(124,58,237,.4),rgba(232,78,157,.3),rgba(6,200,239,.3));z-index:0;opacity:.45;filter:blur(16px)}
.pc.pop>*{position:relative;z-index:1}
.sl{color:#d18bff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}

/* Grids */
.g2{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.g2{grid-template-columns:1fr 1fr}}
.g3{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.g3{grid-template-columns:repeat(3,1fr)}}
.g4{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(min-width:1024px){.g4{grid-template-columns:repeat(4,1fr)}}
.g7{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.sdk{background:#0b091b;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.sp{padding:64px 0}@media(min-width:768px){.sp{padding:80px 0}}
.sep{height:1px;background:rgba(255,255,255,.08);margin:16px 0}

/* Header */
.hdr{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(7,6,17,.8);border-bottom:1px solid rgba(255,255,255,.07)}
.hdr .in{display:flex;align-items:center;justify-content:space-between;height:68px}
.hdr .lo{display:flex;align-items:center;gap:10px}
.hdr .li{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#e84e9d);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}
.hdr nav{display:none}@media(min-width:1024px){.hdr nav{display:flex;align-items:center;gap:24px}}
.hdr nav a{font-size:13.5px;font-weight:500;color:#c7c5e0;transition:color .15s}.hdr nav a:hover,.hdr nav a.ac{color:#fff}
.hdr .ct{display:none}@media(min-width:1024px){.hdr .ct{display:flex;align-items:center;gap:12px}}
.hdr .ct a{font-size:13px;font-weight:700}.hdr .ct .try{color:#c7c5e0}.hdr .ct .try:hover{color:#fff}
.hdr .ct .gs{padding:10px 20px;border-radius:9999px;background:#fff;color:#151226}
.mtg{display:block;color:#d8d6f0;font-size:22px;padding:8px}@media(min-width:1024px){.mtg{display:none}}
.mm{display:none;border-top:1px solid rgba(255,255,255,.08);background:#0c0a1d;padding:16px 20px}.mm.open{display:block}.mm a{display:block;padding:8px 0;color:#d8d6f0;font-size:15px}

/* Footer */
.ftr{background:#090816;border-top:1px solid rgba(255,255,255,.07);margin-top:96px;padding:56px 0 32px}
.ftr h4{color:#fff;font-weight:600;font-size:14px;margin-bottom:12px}
.ftr .lk a{display:block;color:#9a99b7;font-size:13.5px;padding:3px 0;transition:color .15s}.ftr .lk a:hover{color:#fff}
.ftr .bb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:#7c7a97}
.ftr .bb a{color:#9a97b8}.ftr .bb a:hover{color:#fff}
.fg{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.fg{grid-template-columns:2fr 1fr 1fr 1fr}}

/* Lang */
.lg{position:relative}.lg-b{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:13px;color:#d0cde8}
.lg-d{position:absolute;right:0;bottom:100%;margin-bottom:8px;width:192px;border-radius:12px;background:#1a1740;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px rgba(0,0,0,.5);padding:8px 0;max-height:320px;overflow-y:auto;display:none;z-index:50}
.lg-d.open{display:block}.lg-d button{width:100%;text-align:left;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13.5px;color:#b8b5d2}.lg-d button:hover{background:rgba(255,255,255,.08)}

/* WA */
.wa{position:fixed;bottom:20px;right:20px;z-index:9999;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform .15s}.wa:hover{transform:scale(1.05)}.wa svg{width:28px;height:28px;fill:#fff}
.wl{position:fixed;bottom:26px;right:82px;z-index:9998;background:#fff;color:#333;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);display:none}@media(min-width:768px){.wl{display:block}}

/* Marquee */
.mqw{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#0a0818;padding:14px 0;overflow:hidden}
.mq{display:inline-flex;gap:32px;animation:mqm 35s linear infinite;white-space:nowrap;font-size:13px;color:#b8b5d6}@keyframes mqm{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Forms */
.fi,.fta{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;color:#f1efff;width:100%;outline:none;transition:border-color .12s;font:inherit}
.fi:focus,.fta:focus{border-color:rgba(168,85,247,.7);box-shadow:0 0 0 3px rgba(124,58,237,.14)}
.fi::placeholder,.fta::placeholder{color:#8b89a8}
.flb{font-size:12.5px;color:#b9b7d6;font-weight:600;margin-bottom:5px;display:block}

/* Legal page styles */
.legal h2{font-family:'Outfit',sans-serif;font-size:20px;font-weight:700;color:#fff;margin:32px 0 12px}
.legal p{color:#c4c1de;font-size:14.5px;line-height:1.75;margin-bottom:12px}
.legal ul,.legal ol{padding-left:20px;margin:8px 0}
.legal li{color:#c4c1de;font-size:14.5px;line-height:1.75;margin-bottom:8px}
.legal a{color:#c084fc;text-decoration:underline}

/* Utils */
.tc{text-align:center}.tw{color:#fff}.tm{color:#a8a5c4}
.mt1{margin-top:4px}.mt2{margin-top:8px}.mt3{margin-top:12px}.mt4{margin-top:16px}.mt5{margin-top:20px}.mt6{margin-top:24px}.mt8{margin-top:32px}.mt10{margin-top:40px}.mt12{margin-top:48px}
.mb4{margin-bottom:16px}.mx{margin-left:auto;margin-right:auto}
.mw2{max-width:672px}.mw3{max-width:768px}.mw4{max-width:896px}
.fx{display:flex}.fw{flex-wrap:wrap}.ac{align-items:center}.jc{justify-content:center}.jb{justify-content:space-between}
.gp2{gap:8px}.gp3{gap:12px}.gp4{gap:16px}
.rl{position:relative}.oh{overflow:hidden}.wf{width:100%}


/* Elementor-ready helpers */
.elementor-page .entry-content, .elementor-page main{margin:0;padding:0;}
.uih-el-page{background:#070611;color:#e9e8ff;}
.uih-el-page .elementor-widget-html .elementor-widget-container{margin:0;}
.elementor-widget-html section:first-child{margin-top:0;}


/* Blog fixed structure */
.uih-blog-page,.uih-single-page,.uih-blog-shortcode{background:#070611;color:#e9e8ff;overflow:hidden}
.uih-blog-hero{position:relative;padding:72px 0 34px;background:radial-gradient(circle at top left,rgba(124,58,237,.18),transparent 38%),radial-gradient(circle at top right,rgba(232,78,157,.12),transparent 35%)}
.uih-blog-hero-inner{max-width:820px;text-align:center;margin:0 auto}
.uih-blog-hero h1{font-size:clamp(34px,6vw,58px);font-weight:900;letter-spacing:-.035em;line-height:1.03;color:#fff;margin-top:8px}
.uih-blog-hero-text{color:#b8b5d4;font-size:15.5px;line-height:1.7;margin:14px auto 0;max-width:680px}
.uih-blog-listing{padding:44px 0 84px}
.uih-blog-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch}
@media(min-width:720px){.uih-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uih-blog-grid.uih-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.uih-blog-grid,.uih-blog-grid.uih-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.uih-blog-grid.uih-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.uih-blog-grid.uih-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.uih-post-card{height:100%;margin:0!important}
.uih-post-card-link{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(30,25,57,.94),rgba(18,15,38,.98));border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.32);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;color:inherit}
.uih-post-card-link:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.42);box-shadow:0 24px 70px rgba(0,0,0,.42)}
.uih-post-thumb{height:220px;background:linear-gradient(135deg,#1a1740,#15122f);overflow:hidden;position:relative}
.uih-post-card-img,.uih-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.uih-post-card-link:hover .uih-post-card-img,.uih-post-card-link:hover .uih-post-thumb img{transform:scale(1.04)}
.uih-post-thumb-fallback{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.35),transparent 32%),linear-gradient(135deg,#171238,#0f0c22)}
.uih-post-thumb-fallback span{font-size:42px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.uih-post-card-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}
.uih-post-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px}
.uih-post-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:rgba(124,58,237,.16);border:1px solid rgba(168,85,247,.24);color:#d8b4fe;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1}
.uih-post-date{color:#8f8caa;font-size:12.5px;white-space:nowrap}
.uih-post-card-title{font-size:20px;font-weight:800;line-height:1.25;color:#fff;letter-spacing:-.015em;margin:0}
.uih-post-card-excerpt{color:#aca8ca;font-size:14px;line-height:1.65;margin:0;flex:1}
.uih-read-more{color:#c084fc;font-weight:800;font-size:13.5px;margin-top:4px}
.uih-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:42px}
.uih-pagination a,.uih-pagination span.current{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#d8d6f0;font-size:13px;font-weight:700;padding:0 14px}
.uih-pagination a:hover,.uih-pagination span.current{background:linear-gradient(100deg,#7d3cee 0%,#a855f7 45%,#e84e9d 105%);border-color:transparent;color:#fff}
.uih-empty-state{text-align:center;max-width:620px;margin:0 auto}.uih-empty-state h2{font-size:26px;color:#fff;margin-bottom:8px}
.uih-single-hero{padding:56px 0 28px;background:radial-gradient(circle at top left,rgba(124,58,237,.16),transparent 38%)}
.uih-single-wrap{max-width:820px;margin:0 auto}.uih-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:#8f8caa;font-size:13px;margin-bottom:22px}.uih-breadcrumb a{color:#aaa6ca}.uih-breadcrumb a:hover{color:#fff}
.uih-single-title{font-size:clamp(30px,5.8vw,54px);font-weight:900;line-height:1.05;letter-spacing:-.035em;color:#fff;margin:16px 0 12px}.uih-single-meta{display:flex;gap:10px;color:#9d99bd;font-size:13.5px}
.uih-single-body-section{padding:24px 0 84px}.uih-single-layout{max-width:860px;margin:0 auto}.uih-single-article{width:100%}
.uih-single-thumb{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.10);margin-bottom:30px;box-shadow:0 20px 60px rgba(0,0,0,.32)}.uih-single-thumb img{width:100%;max-height:460px;object-fit:cover}
.uih-post-content{color:#cbc7e4;font-size:16px;line-height:1.85}.uih-post-content>*{margin-bottom:20px}.uih-post-content h2,.uih-post-content h3,.uih-post-content h4{font-family:'Outfit',system-ui,sans-serif;color:#fff;line-height:1.25;margin-top:34px;margin-bottom:12px}.uih-post-content h2{font-size:28px}.uih-post-content h3{font-size:22px}.uih-post-content p{margin-bottom:18px}.uih-post-content a{color:#c084fc;text-decoration:underline;text-underline-offset:3px}.uih-post-content ul{list-style:disc;padding-left:24px;margin:16px 0 22px}.uih-post-content ol{list-style:decimal;padding-left:24px;margin:16px 0 22px}.uih-post-content li{margin-bottom:8px}.uih-post-content blockquote{border-left:3px solid #a855f7;padding:12px 0 12px 18px;color:#e2defa;background:rgba(255,255,255,.03);border-radius:0 12px 12px 0}.uih-post-content img{border-radius:16px;margin:26px 0}.uih-post-content table{width:100%;border-collapse:collapse;margin:24px 0;overflow:hidden;border-radius:14px}.uih-post-content th,.uih-post-content td{border:1px solid rgba(255,255,255,.10);padding:12px;text-align:left}.uih-post-content th{color:#fff;background:rgba(255,255,255,.06)}
.uih-blog-ad{border-radius:20px;border:1px solid rgba(124,58,237,.28);background:linear-gradient(120deg,rgba(26,20,68,.86),rgba(30,22,80,.86));padding:22px;margin:30px 0;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.uih-ad-kicker{font-size:11px;font-weight:800;color:#d18bff;text-transform:uppercase;letter-spacing:.1em}.uih-blog-ad h2,.uih-blog-ad h3{color:#fff;font-size:22px;font-weight:800;margin:4px 0}.uih-blog-ad p{color:#aaa6ca;font-size:14px;margin:0}.uih-blog-ad-bottom{display:block;text-align:center;background:radial-gradient(ellipse at top,rgba(124,58,237,.24),transparent 55%),linear-gradient(180deg,#19143a,#120f2a);padding:34px}.uih-mini-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}@media(min-width:760px){.uih-mini-plans{grid-template-columns:repeat(4,1fr)}}.uih-mini-plans div{border-radius:14px;padding:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.uih-mini-plans strong{display:block;color:#fff;font-size:13px}.uih-mini-plans span{display:block;font-family:'Outfit',system-ui,sans-serif;font-size:24px;font-weight:900;color:#fff;margin-top:4px}.uih-mini-plans small{font-size:12px;color:#a09ebe;margin-left:2px}
.uih-post-nav{display:grid;grid-template-columns:1fr;gap:12px;border-top:1px solid rgba(255,255,255,.10);margin-top:38px;padding-top:24px}@media(min-width:720px){.uih-post-nav{grid-template-columns:1fr 1fr}.uih-post-nav div:last-child{text-align:right}}.uih-post-nav a{display:inline-flex;color:#d8d6f0;font-weight:700;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px 16px;background:rgba(255,255,255,.04)}.uih-post-nav a:hover{background:rgba(124,58,237,.18);border-color:rgba(168,85,247,.30)}
@media(max-width:600px){.uih-blog-hero{padding:54px 0 24px}.uih-blog-listing{padding:30px 0 64px}.uih-post-thumb{height:190px}.uih-post-card-body{padding:18px}.uih-post-card-top{align-items:flex-start;flex-direction:column;gap:8px}.uih-blog-ad{display:block}.uih-blog-ad .b1{margin-top:16px}.uih-post-content{font-size:15.5px}}