/*
Theme Name: AMAN WORLD TV
Author: AMAN WORLD TV
Description: Premium dark live television WordPress theme for web, mobile and Smart TV.
Version: 1.0.0
*/
:root{--bg:#05070b;--surface:#0d1118;--surface2:#151b24;--line:#252e3a;--txt:#f7f8fa;--muted:#a0a9b7;--blue:#287cff;--red:#e52435}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.shell{max-width:1600px;margin:auto;padding:0 32px}.top{height:72px;background:rgba(5,7,11,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px}.logo img{max-width:190px;max-height:56px;width:auto;height:auto;object-fit:contain}.mainnav{display:flex;gap:5px;margin-left:30px;overflow:auto}.mainnav a{padding:10px 14px;border-radius:9px;color:#b9c1cd;font-size:14px;white-space:nowrap}.mainnav a:hover,.mainnav a.active{background:#1a222e;color:#fff}.tools{margin-left:auto;display:flex;gap:8px}.tool{border:1px solid var(--line);background:#10151d;color:#fff;border-radius:9px;padding:9px 12px;cursor:pointer}.hero{position:relative;margin:24px 0 30px;min-height:410px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 75% 45%,#283c61 0,#111927 30%,#090c12 68%);border:1px solid var(--line)}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#070a0f 0%,rgba(7,10,15,.93) 28%,rgba(7,10,15,.35) 70%,rgba(7,10,15,.72) 100%)}.heroContent{position:relative;padding:55px 54px;max-width:720px}.eyebrow{color:#77aaff;font-weight:800;font-size:12px;letter-spacing:1.3px;text-transform:uppercase}.hero h1{font-size:44px;line-height:1.04;margin:12px 0}.hero p{color:#bdc5d0;line-height:1.6}.heroBtns{display:flex;gap:10px;margin-top:22px}.primary{background:#fff;color:#090b10;border:0}.secondary{background:#202936;border:1px solid #3a4553;color:#fff}.cta{padding:11px 18px;border-radius:9px;font-weight:800;cursor:pointer}.railTitle{display:flex;align-items:end;justify-content:space-between;margin:26px 0 12px}.railTitle h2{font-size:20px;margin:0}.railTitle span{font-size:12px;color:var(--muted)}.row{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.channelCard{flex:0 0 190px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:.16s;outline:none}.channelCard:hover,.channelCard.focus,.channelCard:focus{transform:translateY(-2px);border-color:#5e6d82;background:#17202b}.chPic{height:108px;background:#090d13;display:grid;place-items:center}.chPic img{max-width:76%;max-height:70px;object-fit:contain}.chInfo{padding:10px 11px}.chNo{color:#73a5ff;font-size:11px;font-weight:900}.chName{font-weight:800;font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chMeta{font-size:11px;color:var(--muted);margin-top:4px}.category{flex:0 0 210px;height:105px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,#151d28,#0d1118);display:flex;align-items:end;padding:16px;font-weight:900;font-size:18px;cursor:pointer;outline:none}.category:hover,.category:focus{border-color:#4c6078}.guideCard{flex:0 0 320px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px}.guideCard .num{color:#74a7ff;font-size:11px;font-weight:900}.guideCard strong{display:block;margin:8px 0 5px}.guideCard small{color:var(--muted);line-height:1.5}.about{margin:34px 0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.about p{line-height:1.7;color:#c3cad5}.about a{color:#75a8ff}.footer{margin-top:45px;border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px;text-align:center}.footer a{color:#75a8ff}.playerModal{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:100;display:none;padding:0}.playerModal.open{display:flex;align-items:stretch;justify-content:center}.playerBox{width:100%;height:100%;background:#080b10;border:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.playerTop{padding:10px 15px;display:flex;align-items:center;gap:10px;min-height:54px;background:#080b10}.close{margin-left:auto;background:#202834;border:0;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.remoteHint{color:var(--muted);font-size:11px}.playerGrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;flex:1;min-height:0}.video{background:#000;position:relative;min-width:0;min-height:0}.video video{width:100%;height:100%;object-fit:contain;background:#000}.loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.75)}.loading.hide{display:none}.loadLogo{width:90px;height:90px;object-fit:contain}.modalRail{min-height:0;overflow:auto;border-left:1px solid var(--line);padding:8px;background:#090d13}.mini{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px;cursor:pointer;outline:none}.mini:hover,.mini.active,.mini:focus{background:#1a232f}.mini img{width:43px;height:31px;object-fit:contain;background:#fff;border-radius:5px}.mini b{font-size:12px}.search{width:100%;padding:10px;background:#0a0f16;color:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:8px}.empty{color:var(--muted);padding:25px;text-align:center}.hide{display:none!important}@media(max-width:900px){.shell{padding:0 15px}.mainnav{margin-left:12px}.hero{min-height:360px}.heroContent{padding:38px 25px}.hero h1{font-size:34px}.playerGrid{grid-template-columns:1fr}.modalRail{max-height:260px;border-left:0;border-top:1px solid var(--line)}}@media(max-width:650px){.top{height:auto;min-height:62px}.mainnav{order:3;width:100%;margin:0;padding:5px 0}.top .shell{flex-wrap:wrap}.tools{display:none}.logo img{max-width:150px;max-height:44px}.hero{margin-top:14px}.heroContent{padding:28px 20px}.hero h1{font-size:29px}.channelCard{flex-basis:155px}.chPic{height:88px}.category{flex-basis:170px;height:90px}.playerTop{padding:8px}.remoteHint{display:none}.playerModal{padding:0}.playerBox{height:100%}.playerGrid{grid-template-columns:1fr}.modalRail{max-height:190px}}
@media(min-width:1200px){body{overflow-x:hidden}.playerGrid{grid-template-columns:minmax(0,1fr) 340px}}