:root{--bg:#03060c;--panel:#09121f;--panel2:#0d1a2c;--line:#1c3048;--text:#f6f8ff;--muted:#94a4bb;--blue:#2878ff;--cyan:#31d8ff;--pink:#ff2677;--red:#ff3048;--yellow:#ffd91a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 5%,#12233b55,transparent 30%),linear-gradient(#03060c,#050a12 60%,#02050a);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.nav{height:82px;padding:0 2.6%;display:flex;align-items:center;gap:28px;background:#03060df2;border-bottom:1px solid #15263c;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.logo{min-width:225px;display:grid;grid-template-columns:48px auto;align-items:center;font-size:30px;font-weight:900;line-height:.9}.logo b{color:#fff;background:#ff2038;padding:5px 8px;border-radius:5px;margin-left:3px}.logo small{grid-column:2;color:#9aa8bb;font-size:8px;letter-spacing:1px;margin-top:6px}.logo-tv{grid-row:span 2;border:2px solid #28d9ff;border-radius:11px;width:42px;height:42px;display:grid;place-items:center;font-size:12px;position:relative}.main-nav{display:flex;gap:4px;align-items:center;flex:1}.main-nav a{padding:12px 14px;color:#dce5f3;border-radius:13px;display:flex;gap:7px;align-items:center}.main-nav a:hover,.main-nav .active{background:#2468e9;color:white;box-shadow:0 8px 28px #2468e955}.nav-search{width:260px;border:1px solid #71819a88;border-radius:30px;padding:3px 5px;display:flex}.nav-search input{width:100%;border:0;background:transparent;color:white;outline:0;padding:9px 12px}.nav-search button{border:0;background:transparent;color:white;font-size:23px}.ticker{height:38px;background:#091321;border-bottom:1px solid #16283d;display:flex;align-items:center;gap:15px;padding:0 4%;overflow:hidden;color:#dce7f7}.ticker span{background:#ff213c;padding:4px 10px;border-radius:6px;font-weight:900;font-size:12px}.hero{min-height:370px;position:relative;margin:0 auto;max-width:1000px;border-radius:0 0 26px 26px;background:radial-gradient(circle at 80% 40%,#0f5aa966,transparent 30%),linear-gradient(90deg,#03060eee,#03060a88 65%,#03060a22);background-size:cover;background-position:center;overflow:hidden;padding:65px 5%;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:690px}.live-tag{display:inline-block;background:#ff2944;color:white;padding:8px 15px;border-radius:7px;font-weight:900;box-shadow:0 0 28px #ff294466}.hero h1{font-size:clamp(45px,6vw,82px);line-height:.98;margin:22px 0 10px;font-weight:950;letter-spacing:-2px}.hero h3{font-size:22px;margin:0;color:#fff}.hero p{font-size:18px;font-weight:800;margin:15px 0 20px}.hero-stats{display:flex;gap:28px;margin:22px 0}.hero-stats span{font-size:25px;color:#ffd53d}.hero-stats b,.hero-stats small{display:block;color:#fff}.hero-stats b{font-size:14px}.hero-stats small{font-size:11px;color:#95a6bd}.hero-btn{display:inline-block;background:linear-gradient(90deg,#ffb300,#ff007e);padding:14px 30px;border-radius:32px;font-weight:950;font-size:17px;box-shadow:0 10px 40px #ff008044}.category-strip{max-width:1350px;margin:0 auto;padding:18px 2.5%;display:flex;gap:10px;overflow:auto}.cat-chip{min-width:110px;padding:13px 15px;border:1px solid #213650;background:linear-gradient(#0c1728,#07101b);border-radius:15px;text-align:center;box-shadow:inset 0 1px #ffffff0a}.cat-chip i{display:block;font-style:normal;font-size:23px;margin-bottom:3px}.cat-chip span{font-size:12px;font-weight:800}.cat-chip:hover{border-color:#3e8cff;transform:translateY(-2px)}.tv-section{max-width:1350px;margin:25px auto;padding:0 2.5%}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-title h2{font-size:24px;margin:0}.section-title h2 span{margin-right:6px}.section-title a{color:#3da7ff;font-weight:800}.tv-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.tv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.tv-card{background:linear-gradient(145deg,#0a1524,#07101a);border:1px solid #1e3650;border-radius:14px;overflow:hidden;transition:.2s;min-width:0}.tv-card:hover{transform:translateY(-4px);border-color:#2e87ff;box-shadow:0 12px 35px #0008}.tv-thumb{height:132px;background:#0b1623;position:relative;display:grid;place-items:center}.tv-thumb img{width:100%;height:100%;object-fit:contain;padding:18px}.fallback-tv{font-size:40px;font-weight:900;color:#54bfff}.quality{position:absolute;left:7px;top:7px;background:#dfe7f0;color:#172231;border-radius:5px;padding:2px 5px;font-weight:900;font-size:10px;z-index:2}.live-badge{position:absolute;right:7px;bottom:7px;background:#ff2341;color:white;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:900}.fav-dot{position:absolute;right:7px;top:7px;background:#06101bdd;border:1px solid #ffffff22;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:17px;z-index:3}.fav-dot.is-fav{color:#ffd51c}.tv-name{font-weight:900;padding:9px 10px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-meta{padding:0 10px 11px;color:#7f93ab;font-size:11px}.tv-meta span{margin:0 4px}.sport-banner{max-width:1350px;margin:45px auto;padding:30px 5%;border:1px solid #19314c;border-radius:18px;min-height:160px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 80% 50%,#0b78ff44,transparent 30%),linear-gradient(120deg,#071321,#0b1624)}.sport-banner span{color:#36bfff;font-weight:900}.sport-banner h2{font-size:40px;line-height:1;margin:7px 0}.sport-banner h2 b{color:#ffd928}.sport-banner p{color:#9badc4}.sport-orb{font-size:100px;filter:drop-shadow(0 15px 25px #000)}.empty{padding:55px;text-align:center;background:#08111d;border:1px dashed #29425f;border-radius:16px;color:#8da0b8}.footer{max-width:1350px;margin:60px auto 0;padding:35px 2.5%;border-top:1px solid #172a40;color:#8294aa;display:flex;justify-content:space-between}.player-page{max-width:1350px;margin:auto;padding:25px 2.5%}.player-top{display:flex;justify-content:space-between;margin-bottom:15px;color:#8fa3bb}.player-layout{display:grid;grid-template-columns:1fr 300px;gap:18px}.video-shell{background:#000;border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16/9}.video-shell video{width:100%;height:100%}.video-shell #player-status{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#000c);color:#ffccd2}.player-title{display:flex;justify-content:space-between;gap:20px;margin-top:16px}.player-title h1{margin:5px 0}.player-title p{color:#94a5ba}.fav-action{height:45px;padding:0 17px;border-radius:11px;border:1px solid #29415d;background:#0b1727;color:white;font-weight:800;cursor:pointer}.fav-action.is-fav{border-color:#ffd21a;color:#ffd21a}.related{background:#08121f;border:1px solid #1b314a;border-radius:15px;padding:15px}.related h3{margin-top:0}.related a{display:grid;grid-template-columns:52px 1fr;gap:1px 10px;padding:9px;border-radius:10px}.related a:hover{background:#0e2035}.related img,.related a>div{width:52px;height:42px;grid-row:span 2;object-fit:contain;background:#0c1724;border-radius:8px;display:grid;place-items:center}.related small{color:#8095ad}.schedule-page{padding:45px 0}.page-heading h1{font-size:45px;margin:8px 0}.eyebrow{color:#36bfff;letter-spacing:2px;font-weight:900}.schedule-list{margin-top:25px;display:grid;gap:10px}.schedule-list article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:15px;background:#08121f;border:1px solid #1b314a;border-radius:13px;padding:12px}.schedule-logo{width:58px;height:45px;background:#0c1724;border-radius:8px;display:grid;place-items:center}.schedule-logo img{max-width:100%;max-height:100%;object-fit:contain}.schedule-list p{margin:2px 0;color:#7f94ad}.schedule-list time{color:#a8bad0;font-size:12px}@media(max-width:1050px){.main-nav a span{display:none}.nav-search{width:220px}.tv-grid{grid-template-columns:repeat(4,1fr)}.player-layout{grid-template-columns:1fr}}@media(max-width:400px){.nav{height:64px;gap:10px;padding:0 3%}.logo{min-width:145px;font-size:22px;grid-template-columns:38px auto}.logo-tv{width:34px;height:34px}.logo small{display:none}.main-nav{display:none}.nav-search{width:160px}.hero{min-height:280px;padding:45px 5%;align-items:center}.hero h1{font-size:48px}.hero h3{font-size:17px}.hero-stats{gap:12px}.hero-stats span{font-size:19px}.tv-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tv-thumb{height:115px}.tv-row{grid-auto-columns:160px}.category-strip{padding-left:3%}.sport-banner{margin:30px 3%;padding:25px}.sport-banner h2{font-size:28px}.sport-orb{font-size:65px}.footer{margin-left:3%;margin-right:3%;display:block}.schedule-page{padding:35px 3%}.schedule-list article{grid-template-columns:48px 1fr}.schedule-list time{grid-column:2}}
.center{min-height:100vh;display:grid;place-items:center}.admin-box{width:min(440px,92%);padding:30px;background:#08121f;border:1px solid #1e3650;border-radius:18px;box-shadow:0 25px 80px #0008}.admin-box.wide{width:min(1050px,94%)}.admin-box h1{margin-top:0}.admin-box label{display:block;color:#a9bad0;margin:14px 0 6px}.admin-box input,.admin-box textarea,.admin-box select,.epg-form input,.epg-form select,.admin-inline input{width:100%;background:#06101b;border:1px solid #243b55;color:#fff;border-radius:9px;padding:11px}.admin-box .hero-btn{border:0;color:#fff;cursor:pointer}.admin-form{max-width:1100px;margin:40px auto}.admin-form form{display:grid;gap:9px}.admin-form .checks{display:flex;gap:20px}.admin-form .checks label{margin:0}.admin-form .checks input{width:auto}.admin-stats{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 3%}.admin-stat{padding:20px;background:#08121f;border:1px solid #1d3550;border-radius:15px}.admin-stat small{display:block;color:#8ea2ba}.admin-stat strong{font-size:34px}.admin-actions{max-width:1200px;margin:25px auto;display:flex;gap:12px;align-items:center;padding:0 3%;flex-wrap:wrap}.admin-table{margin-top:25px;border:1px solid #1b3149;border-radius:13px;overflow:hidden}.rank-row{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;border-bottom:1px solid #14283e}.rank-row:last-child{border-bottom:0}.rank-row small{display:block;color:#7f94ad;font-weight:400}.rank-row a{color:#45adff}.link-btn{border:0;background:none;color:#ff6676;cursor:pointer}.admin-inline{display:grid;grid-template-columns:1fr 150px 130px!important;align-items:center}.epg-form{grid-template-columns:1fr 1.5fr 1.5fr 1fr 1fr auto!important;align-items:center}@media(max-width:800px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-inline,.epg-form{grid-template-columns:1fr!important}.admin-form{margin:25px 3%}}
/* 01. NOTICE MARQUEE */

.ticker{
    height:38px;
    background:#091321;
    border-bottom:1px solid #16283d;
    display:flex;
    align-items:center;
    gap:15px;
    padding:0 4%;
    overflow:hidden;
    color:#dce7f7;
}

.ticker > span{
    flex:0 0 auto;
    background:#ff213c;
    padding:4px 10px;
    border-radius:6px;
    font-weight:900;
    font-size:12px;
    position:relative;
    z-index:2;
}

.ticker-window{
    flex:1;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    position:relative;
}

.ticker-track{
    display:inline-block;
    white-space:nowrap;
    padding-left:100%;
    font-weight:600;
    animation:etvTickerMove 20s linear infinite;
    will-change:transform;
}

.ticker-track:hover{
    animation-play-state:paused;
}

@keyframes etvTickerMove{
    from{
        transform:translate3d(0,0,0);
    }
    to{
        transform:translate3d(-100%,0,0);
    }
}

@media(max-width:600px){
    .ticker{
        height:42px;
        gap:10px;
        padding:0 3%;
    }

    .ticker > span{
        font-size:11px;
        padding:5px 9px;
    }

    .ticker-track{
        font-size:13px;
        animation-duration:18s;
    }
}


/* 12. FINAL CHANNEL CARD HARD FIX */
.tv-card{position:relative!important;display:block!important;overflow:hidden!important;min-width:0!important;}
.tv-card-link{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;}
.tv-thumb{height:132px!important;min-height:132px!important;max-height:132px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;}
.tv-logo-box{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.tv-logo-box img,.tv-thumb img{display:block!important;width:auto!important;height:auto!important;max-width:calc(100% - 20px)!important;max-height:108px!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;}
.tv-name{display:block!important;width:100%!important;height:38px!important;min-height:38px!important;max-height:38px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;box-sizing:border-box!important;position:relative!important;z-index:20!important;}
.tv-meta{display:block!important;width:100%!important;height:31px!important;min-height:31px!important;max-height:31px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;box-sizing:border-box!important;position:relative!important;z-index:20!important;}
@media(max-width:400px){.tv-thumb{height:120px!important;min-height:120px!important;max-height:120px!important;}.tv-logo-box img,.tv-thumb img{max-height:98px!important;max-width:calc(100% - 16px)!important;}.tv-name{height:36px!important;min-height:36px!important;max-height:36px!important;padding:8px 8px 2px!important;font-size:13px!important;}.tv-meta{height:29px!important;min-height:29px!important;max-height:29px!important;padding:0 8px 7px!important;font-size:10px!important;}}
/* 13. CHANNEL LOGO FULL THUMBNAIL FIX */

/* Keep the card and thumbnail fixed, but let the real logo use the full available area. */
.tv-card{
    overflow:hidden !important;
}

.tv-card-link{
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
}

.tv-thumb{
    width:100% !important;
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
    padding:0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
}

.tv-logo-box{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    padding:5px !important;
    margin:0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
}

.tv-logo-box img,
.tv-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center !important;
    flex:1 1 auto !important;
    box-sizing:border-box !important;
}

/* Keep the channel name below the logo. */
.tv-name{
    position:relative !important;
    z-index:20 !important;
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.tv-meta{
    position:relative !important;
    z-index:20 !important;
    width:100% !important;
    height:31px !important;
    min-height:31px !important;
    max-height:31px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

@media(max-width:400px){
    .tv-thumb{
        height:120px !important;
        min-height:120px !important;
        max-height:120px !important;
    }

    .tv-logo-box{
        padding:4px !important;
    }

    .tv-logo-box img,
    .tv-thumb img{
        width:100% !important;
        height:100% !important;
        max-width:100% !important;
        max-height:100% !important;
        object-fit:contain !important;
    }
}
/* 14. FINAL MOBILE NAVIGATION */
.main-nav a i{font-size:17px;line-height:1}
@media(max-width:1050px){
  .main-nav a span{display:inline}
  .main-nav{gap:2px;min-width:0;overflow:hidden}
  .main-nav a{padding:10px 9px;white-space:nowrap}
  .nav-search{width:190px;flex:0 0 190px}
}
@media(max-width:768px){
  .nav{height:64px;padding:0 12px;gap:10px;position:sticky;top:0}
  .logo{min-width:112px;width:112px;grid-template-columns:34px auto;font-size:21px}
  .logo-tv{width:32px;height:32px;border-radius:9px}
  .logo small{display:none}
  .logo b{font-size:12px;padding:4px 5px}
  .nav-search{display:none}
  .main-nav{position:absolute;left:0;right:0;top:64px;height:68px;padding:7px 8px;display:flex;justify-content:space-around;align-items:stretch;gap:3px;background:rgba(3,6,13,.98);border-bottom:1px solid #172a40;box-shadow:0 10px 28px rgba(0,0,0,.25);z-index:29}
  .main-nav a{flex:1;min-width:0;max-width:140px;padding:6px 3px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px}
  .main-nav a i{font-size:18px}
  .main-nav a span{display:block;font-size:10px;font-weight:800;line-height:1.1}
  .main-nav a.active{box-shadow:none}
  body{padding-top:68px}
  .ticker{margin-top:0}
  .category-strip{padding-top:14px}
}

/* 15. CLEAN CHANNEL IMAGE / LOGO */
.tv-card-link{display:block;width:100%;min-width:0}
.tv-thumb{height:150px;min-height:150px;max-height:150px;width:100%;padding:5px !important;display:flex !important;align-items:center;justify-content:center;overflow:hidden;background:#07111d}
.tv-thumb img{width:100% !important;height:100% !important;max-width:100%;max-height:100%;padding:0 !important;margin:0;object-fit:contain !important;object-position:center}
.tv-name-row{display:flex;align-items:center;gap:5px;min-height:38px;padding:0 8px 0 10px}
.tv-name-row .tv-name{flex:1;min-width:0;padding:7px 0 2px}
.fav-dot{position:static;flex:0 0 30px;width:30px;height:30px;margin:0;background:#06101bdd;border:1px solid #ffffff22;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#fff;cursor:pointer;z-index:4}
.tv-meta{padding:0 10px 10px}
@media(max-width:768px){
  .tv-thumb{height:145px;min-height:145px;max-height:145px}
  .tv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tv-card{border-radius:14px}
}

/* 16. CONTACT SUPPORT PAGE */
.contact-page{max-width:1100px;margin:0 auto;padding:38px 3% 70px}
.contact-wrap{width:100%}
.contact-heading{margin-bottom:24px}
.contact-heading h1{margin:7px 0 8px;font-size:clamp(32px,5vw,52px);line-height:1.05}
.contact-heading p{margin:0;color:#8fa3bb;max-width:720px}
.contact-form{background:linear-gradient(145deg,#091521,#07101a);border:1px solid #1d3550;border-radius:20px;padding:22px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-fields label{display:block;min-width:0}
.contact-fields label>span{display:block;margin:0 0 7px;color:#dce6f4;font-weight:800;font-size:13px}
.contact-fields label>span b{color:#ff4560}
.contact-fields label>span small{color:#71869f;font-weight:500}
.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;min-width:0;border:1px solid #243c56;background:#050d16;color:#f4f7ff;border-radius:11px;padding:12px 13px;outline:0;font:inherit}
.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{border-color:#2d86ff;box-shadow:0 0 0 3px #2d86ff18}
.contact-fields textarea{resize:vertical;min-height:150px}
.contact-message-field{grid-column:1/-1}
.contact-submit-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.contact-submit{border:0;color:#fff;cursor:pointer}
.contact-note{color:#72869e;font-size:12px}
.contact-alert{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:14px 16px;margin:0 0 18px;border:1px solid #25415c;background:#08131f}
.contact-alert p{margin:3px 0 0;color:#9aacc0}
.success-box{border-color:#1f6b50}.error-box{border-color:#733246}.alert-icon{font-size:20px}
.contact-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.contact-help-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #1d3550;background:#08131f;border-radius:14px;min-width:0}
.contact-help-card>span{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#0c2135;display:grid;place-items:center;color:#43baff;font-size:17px}
.contact-help-card strong,.contact-help-card small{display:block}.contact-help-card strong{color:#eef4ff}.contact-help-card small{color:#748aa2;margin-top:2px}
.contact-help-card:hover{border-color:#3287ff;transform:translateY(-2px)}
.contact-fields [hidden]{display:none !important}

/* 17. FOOTER */
.premium-footer{max-width:1350px;display:block;margin:55px auto 0;padding:35px 2.5% 20px;color:#8294aa}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:25px}
.footer-grid section{min-width:0}.footer-grid h3{margin:0 0 9px;color:#f3f6fc;font-size:17px}.footer-grid p{margin:0 0 12px;line-height:1.65}
.footer-links{display:grid;gap:7px}.footer-links a{color:#8fa4bc;font-size:13px}.footer-links a:hover{color:#4eb3ff}
.footer-support{display:flex;align-items:center}.footer-support a{display:flex;align-items:center;gap:8px;color:#dce8f6;background:#0a1726;border:1px solid #203952;border-radius:11px;padding:10px 12px;font-weight:800;font-size:13px}.footer-support a:hover{border-color:#348bff;color:#fff}
.live-status-box>div{display:flex;align-items:center;gap:8px;color:#dfeaff}.status-dot{width:9px;height:9px;border-radius:50%;background:#24d37a;box-shadow:0 0 12px #24d37a}
.social-links{display:flex;gap:8px;margin-top:12px}.social-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#0a1726;border:1px solid #203952;font-size:17px}.social-icon:hover{border-color:#3b91ff;transform:translateY(-2px)}
.footer-bottom{margin-top:25px;padding-top:16px;border-top:1px solid #172a40;text-align:center;color:#71859c;font-size:12px}
@media(max-width:800px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-support{align-items:flex-start}.contact-fields{grid-template-columns:1fr}.contact-message-field{grid-column:auto}.contact-help-grid{grid-template-columns:1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.premium-footer{margin-left:3%;margin-right:3%;padding-left:0;padding-right:0}.contact-page{padding:25px 3% 50px}.contact-form{padding:15px;border-radius:16px}.contact-submit-row{align-items:flex-start}.contact-submit{width:100%;text-align:center}.tv-thumb{height:140px;min-height:140px;max-height:140px}}

/* 18. REMOVE UNNECESSARY EMPTY USER SECTIONS */
.user-channels-section[hidden]{display:none !important}


/* 14. CHANNEL CARD BADGES */
.tv-thumb .quality-badge{
    position:absolute !important;
    top:8px !important;
    left:8px !important;
    z-index:20 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:38px !important;
    height:27px !important;
    padding:0 8px !important;
    border-radius:8px !important;
    background:rgba(242,247,255,.96) !important;
    color:#172334 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.3px !important;
    box-shadow:0 5px 14px rgba(0,0,0,.28) !important;
}

.tv-thumb .live-badge{
    position:absolute !important;
    right:8px !important;
    bottom:8px !important;
    z-index:20 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    height:28px !important;
    padding:0 9px !important;
    border-radius:8px !important;
    background:#ff2348 !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.2px !important;
    box-shadow:0 7px 18px rgba(255,35,72,.35) !important;
}

.tv-thumb .live-badge i{
    font-size:9px !important;
    color:#fff !important;
}

.tv-thumb .fallback-tv{
    position:relative !important;
    z-index:5 !important;
}

@media(max-width:480px){
    .tv-thumb .quality-badge{
        top:7px !important;
        left:7px !important;
        min-width:34px !important;
        height:25px !important;
        padding:0 7px !important;
        border-radius:7px !important;
        font-size:10px !important;
    }
    .tv-thumb .live-badge{
        right:7px !important;
        bottom:7px !important;
        height:26px !important;
        padding:0 8px !important;
        border-radius:7px !important;
        font-size:10px !important;
    }
}


/* 19. FINAL NAVIGATION / MOBILE SAFE LAYOUT */
.main-nav a .nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:24px!important;font-family:Arial,sans-serif!important;font-size:24px!important;line-height:1!important;font-weight:400!important}
@media(max-width:768px){
  body{padding-top:0!important}
  .nav{height:132px!important;margin-bottom:0!important;padding:0 12px!important;gap:10px!important;position:sticky!important;top:0!important;display:flex!important;align-items:flex-start!important}
  .logo{height:64px!important;min-width:112px!important;width:112px!important;grid-template-columns:34px auto!important;font-size:21px!important}
  .logo-tv{width:32px!important;height:32px!important;border-radius:9px!important}
  .logo small{display:none!important}
  .logo b{font-size:12px!important;padding:4px 5px!important}
  .nav-search{display:none!important}
  .main-nav{position:absolute!important;left:0!important;right:0!important;top:64px!important;height:68px!important;padding:7px 8px!important;display:flex!important;justify-content:space-around!important;align-items:stretch!important;gap:3px!important;background:rgba(3,6,13,.98)!important;border-bottom:1px solid #172a40!important;box-shadow:0 10px 28px rgba(0,0,0,.25)!important;z-index:29!important;overflow:hidden!important}
  .main-nav a{flex:1!important;min-width:0!important;max-width:140px!important;padding:6px 3px!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;font-size:10px!important;white-space:nowrap!important}
  .main-nav a .nav-icon{width:auto!important;height:28px!important;font-size:25px!important}
  .main-nav a span:last-child{display:block!important;font-size:10px!important;font-weight:800!important;line-height:1.1!important}
  .main-nav a.active{box-shadow:none!important}
  .ticker{margin-top:0!important}
  .category-strip{padding-top:14px!important}
}

/* 23. MOBILE HEIGHT / NO BLANK HERO */
@media(max-width:480px){
  .hero{min-height:280px!important;height:auto!important;padding:42px 5%!important;align-items:center!important}
}
@media(max-width:400px){
  .hero{min-height:280px!important;height:auto!important;padding:38px 5%!important;align-items:center!important}
}

/* 20. FINAL CHANNEL CARD BADGES / IMAGE AREA */
.tv-thumb{position:relative!important;overflow:hidden!important}
.tv-thumb img{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.tv-thumb .quality-badge,.tv-thumb .live-badge{z-index:30!important}

/* 21. CONTACT SUPPORT MOBILE SAFETY */
.contact-page,.contact-wrap,.contact-form,.contact-fields{box-sizing:border-box!important;min-width:0!important}
.contact-fields input,.contact-fields select,.contact-fields textarea{box-sizing:border-box!important;max-width:100%!important}
.contact-submit-row{width:100%!important;box-sizing:border-box!important}
@media(max-width:480px){
  .contact-page{width:100%!important;overflow:hidden!important;padding:20px 10px 35px!important}
  .contact-form{width:100%!important;padding:14px!important}
  .contact-fields{gap:12px!important}
  .contact-submit{width:100%!important;max-width:100%!important}
}

/* 22. REMOVE EMPTY SECTIONS */
.tv-section:has(.tv-grid:empty),.tv-section:has(.tv-row:empty),.user-channels-section:empty{display:none!important}


/* 24. RECENT / FAVOURITE CARD BADGES */
.recent-card .tv-thumb{position:relative!important;overflow:hidden!important}
.recent-card .tv-thumb .quality-badge{position:absolute!important;left:7px!important;top:7px!important;z-index:30!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:25px!important;padding:0 7px!important;border-radius:7px!important;background:rgba(242,247,255,.96)!important;color:#172334!important;font-size:10px!important;font-weight:950!important}
.recent-card .tv-thumb .live-badge{position:absolute!important;right:7px!important;bottom:7px!important;z-index:30!important;display:inline-flex!important;align-items:center!important;gap:4px!important;height:26px!important;padding:0 8px!important;border-radius:7px!important;background:#ff2348!important;color:#fff!important;font-size:10px!important;font-weight:950!important}

/* 99. MOBILE NAVIGATION - ICON ONLY COMPACT FIX */
@media (max-width: 700px){
  .nav{
    height:112px !important;
    min-height:112px !important;
    padding:8px 10px 0 !important;
    align-items:flex-start !important;
    gap:0 !important;
    position:sticky !important;
    top:0 !important;
    z-index:100 !important;
  }

  .logo{
    min-width:0 !important;
    width:100% !important;
    height:48px !important;
    grid-template-columns:38px auto !important;
    font-size:23px !important;
    line-height:.9 !important;
    align-content:center !important;
  }

  .logo-tv{
    width:34px !important;
    height:34px !important;
    font-size:11px !important;
  }

  .logo small{display:none !important;}

  .logo b{
    font-size:12px !important;
    padding:4px 7px !important;
  }

  .nav-search{display:none !important;}

  .main-nav{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:56px !important;
    height:56px !important;
    padding:4px 7px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-around !important;
    gap:4px !important;
    overflow:hidden !important;
    background:rgba(3,6,13,.98) !important;
    border-top:1px solid #101e31 !important;
    border-bottom:1px solid #172a40 !important;
    box-shadow:none !important;
    z-index:101 !important;
  }

  .main-nav a{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:48px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    white-space:nowrap !important;
    font-size:0 !important;
  }

  .main-nav a .nav-icon{
    display:inline-flex !important;
    width:42px !important;
    height:42px !important;
    align-items:center !important;
    justify-content:center !important;
    font-family:Arial,sans-serif !important;
    font-size:27px !important;
    line-height:1 !important;
    font-weight:400 !important;
  }

  .main-nav a span:last-child{
    display:none !important;
  }

  .main-nav a.active{
    background:#2468e9 !important;
    color:#fff !important;
    box-shadow:0 5px 18px #2468e955 !important;
  }

  /* Keep page content below the navigation instead of letting it hide underneath. */
  .ticker{position:relative !important; z-index:20 !important;}
}

@media (max-width:380px){
  .nav{height:108px !important;min-height:108px !important;}
  .main-nav{top:54px !important;height:54px !important;padding:3px 5px !important;}
  .main-nav a{height:46px !important;border-radius:10px !important;}
  .main-nav a .nav-icon{width:38px !important;height:38px !important;font-size:25px !important;}
}


/* 12. FAQ PAGE & FOOTER QUICK LINKS */
.faq-page{padding:22px 3% 30px;max-width:1050px;margin:0 auto}.faq-wrap{max-width:920px;margin:0 auto}.faq-heading{text-align:center;margin-bottom:18px}.faq-heading h1{font-size:clamp(32px,6vw,52px);margin:7px 0 8px}.faq-heading p{max-width:760px;margin:0 auto;color:#94a4bb}.faq-list{display:grid;gap:10px}.faq-item{background:linear-gradient(180deg,#0a1523,#07111d);border:1px solid #1b314a;border-radius:15px;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;padding:15px 16px;color:#fff;font-weight:850}.faq-item summary::-webkit-details-marker{display:none}.faq-q-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%;background:#172941;color:#6fc1ff;font-weight:950}.faq-chevron{margin-left:auto;color:#6f849c;transition:transform .2s}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{display:flex;gap:10px;padding:0 16px 16px 55px;color:#9aabc0}.faq-answer i{color:#5fb8ff;margin-top:3px}.faq-answer p{margin:0;line-height:1.65}.faq-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.faq-action-card,.footer-quick-card{display:flex;align-items:center;gap:11px;text-decoration:none;background:#08121f;border:1px solid #1b314a;border-radius:14px;color:#fff;transition:.2s}.faq-action-card{padding:14px}.faq-action-card:hover,.footer-quick-card:hover{transform:translateY(-2px);border-color:#31587d}.faq-action-card>span,.footer-quick-card>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:#101f33;color:#64b7ff}.faq-action-card strong,.faq-action-card small,.footer-quick-card strong,.footer-quick-card small{display:block}.faq-action-card small,.footer-quick-card small{margin-top:2px;color:#758aa2;font-size:12px}.faq-action-card>b{margin-left:auto;color:#71869e;font-size:22px}.footer-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.footer-quick-card{padding:11px 12px}.footer-quick-card>span{width:34px;height:34px;flex-basis:34px}.footer-quick-card strong{font-size:13px}.footer-quick-card small{font-size:11px}@media(max-width:800px){.faq-actions{grid-template-columns:1fr}.footer-quick-links{grid-template-columns:1fr 1fr}}@media(max-width:520px){.faq-page{padding:18px 3% 24px}.faq-item summary{padding:13px}.faq-answer{padding:0 13px 14px 50px}.footer-quick-links{grid-template-columns:1fr}.footer-quick-card{padding:12px}}

/* 98. RESPONSIVE SAFETY PATCH */
@media(max-width:700px){
  .nav{height:auto;min-height:68px;padding:10px 12px;gap:10px;align-items:center}
  .logo{min-width:0;flex:1;grid-template-columns:40px auto;font-size:24px}
  .logo-tv{width:38px;height:38px}
  .logo small{font-size:7px;letter-spacing:.6px}
  .nav-search{width:min(220px,48vw);flex:0 1 220px}
  .hero{min-height:280px;padding:36px 5%;border-radius:0 0 18px 18px}
  .hero h1{font-size:clamp(34px,9vw,52px)}
  .hero h3{font-size:17px}
  .hero p{font-size:14px}
  .tv-section{margin:18px auto;padding:0 12px}
  .tv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tv-row{grid-auto-columns:160px;gap:10px}
  .tv-thumb{height:115px}
  .category-strip{padding:12px;gap:8px}
  .footer{margin-top:24px;padding-top:24px}
}
@media(max-width:420px){
  .nav{min-height:62px;padding:8px 9px}
  .logo{font-size:21px;grid-template-columns:36px auto}
  .logo-tv{width:34px;height:34px}
  .logo small{display:none}
  .nav-search{width:150px;flex-basis:150px}
  .nav-search input{padding:7px 9px}
  .hero{min-height:250px;padding:30px 5%}
  .tv-thumb{height:105px}
}

/* 99. CUSTOM BOTTOM NAVIGATION */
body{padding-bottom:82px}
.etv-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10050;display:flex;align-items:stretch;gap:4px;padding:7px max(8px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));background:rgba(3,6,11,.96);border-top:1px solid #1b2b40;box-shadow:0 -12px 35px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.etv-bottom-nav-scroll{display:flex;flex:1;min-width:0;gap:3px;overflow-x:auto;scrollbar-width:none}
.etv-bottom-nav-scroll::-webkit-scrollbar{display:none}
.etv-bottom-item{flex:0 0 104px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:#dbe4f1;text-decoration:none;transition:.2s ease;white-space:nowrap}
.etv-bottom-item:hover,.etv-bottom-item:focus-visible{background:#111d2d;color:#fff;outline:none}
.etv-bottom-item.is-primary{color:#ff4059}
.etv-bottom-icon{font-size:24px;line-height:25px;font-weight:800;display:block}
.etv-bottom-label{font-size:11px;line-height:14px;font-weight:850;max-width:95px;overflow:hidden;text-overflow:ellipsis}
.etv-bottom-menu{flex:0 0 68px;min-height:62px;border:0;border-left:1px solid #26364c;background:#0d1420;color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:26px;cursor:pointer;touch-action:manipulation}
.etv-bottom-menu small{font-size:10px;font-weight:850}
.etv-bottom-drawer{position:fixed;inset:0;z-index:10060}
.etv-bottom-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}
.etv-bottom-panel{position:absolute;left:50%;bottom:82px;transform:translateX(-50%);width:min(760px,calc(100% - 20px));max-height:min(70vh,620px);overflow:auto;background:#0a111c;border:1px solid #293a52;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.65);padding:16px}
.etv-bottom-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 14px;border-bottom:1px solid #1d2c40}
.etv-bottom-panel-head small{color:#7590ad;font-weight:800}.etv-bottom-panel-head h2{margin:2px 0 0;font-size:22px;color:#fff}
.etv-bottom-close{width:40px;height:40px;border:1px solid #2b3c53;border-radius:12px;background:#111b29;color:#fff;font-size:25px;cursor:pointer}
.etv-bottom-all{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-top:14px}
.etv-bottom-all-item{min-height:86px;border:1px solid #1d3047;background:linear-gradient(145deg,#0d1826,#08111c);border-radius:14px;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:8px}
.etv-bottom-all-item:hover{border-color:#397fff;background:#102039}.etv-bottom-all-item span{font-size:28px;line-height:28px}.etv-bottom-all-item b{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.etv-bottom-open{overflow:hidden}
@media(max-width:700px){body{padding-bottom:78px}.etv-bottom-nav{padding-top:5px}.etv-bottom-item{flex-basis:82px;min-height:58px}.etv-bottom-icon{font-size:22px}.etv-bottom-label{font-size:10px}.etv-bottom-menu{flex-basis:58px;min-height:58px}.etv-bottom-panel{bottom:74px;border-radius:18px}.etv-bottom-all{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}}
@media(max-width:420px){.etv-bottom-item{flex-basis:74px}.etv-bottom-label{max-width:68px}.etv-bottom-all{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 100. FINAL COMPACT HEADER + FOOTER SPACING
   Keep existing functionality intact; only reduce visual empty space. */
.ticker > span{
  flex:0 0 auto !important;
  width:max-content !important;
  max-width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
}
@media(max-width:700px){
  .nav{
    height:68px !important;
    min-height:68px !important;
    padding:6px 10px !important;
    gap:8px !important;
    align-items:center !important;
  }
  .logo{
    height:52px !important;
    min-width:0 !important;
    width:auto !important;
    flex:1 1 auto !important;
    grid-template-columns:38px auto !important;
    font-size:23px !important;
    line-height:.92 !important;
  }
  .logo-tv{
    width:36px !important;
    height:36px !important;
  }
  .logo b{
    width:max-content !important;
    max-width:max-content !important;
    padding:3px 7px !important;
    font-size:11px !important;
    line-height:1 !important;
  }
  .etv-top-menu{
    width:50px !important;
    height:50px !important;
    flex:0 0 50px !important;
  }
  .ticker{
    height:30px !important;
    min-height:30px !important;
    gap:8px !important;
    padding:0 10px !important;
  }
  .ticker > span{
    font-size:10px !important;
    line-height:1 !important;
    padding:4px 8px !important;
    border-radius:5px !important;
  }
  .ticker-track{font-size:11px !important}
  .category-strip{padding-top:8px !important;padding-bottom:8px !important}
  .tv-section{margin-top:14px !important;margin-bottom:14px !important}
  .premium-footer{
    margin-top:18px !important;
    padding-top:20px !important;
    padding-bottom:14px !important;
  }
  .footer-grid{gap:12px !important}
  .footer-quick-links{margin-top:12px !important;gap:8px !important}
  .footer-quick-card{padding:10px !important}
  .footer-bottom{margin-top:14px !important;padding-top:12px !important}
  body{padding-bottom:66px !important}
}
@media(max-width:420px){
  .nav{height:64px !important;min-height:64px !important;padding:5px 9px !important}
  .logo{height:48px !important;font-size:21px !important;grid-template-columns:34px auto !important}
  .logo-tv{width:34px !important;height:34px !important}
  .logo b{font-size:10px !important;padding:3px 6px !important}
  .etv-top-menu{width:48px !important;height:48px !important;flex-basis:48px !important}
  .ticker{height:28px !important;min-height:28px !important}
  .ticker > span{font-size:10px !important;padding:3px 7px !important}
  .premium-footer{padding-bottom:12px !important}
  body{padding-bottom:64px !important}
}

/* 101. HEADER SEARCH BETWEEN LOGO AND MENU
   Keep channel search visible on mobile/tablet without moving the menu. */
@media(max-width:700px){
  .nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
  }
  .logo{
    flex:0 1 112px !important;
    width:112px !important;
    min-width:88px !important;
    max-width:112px !important;
  }
  .nav-search{
    display:flex !important;
    position:relative !important;
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    height:40px !important;
    border:1px solid #31445e !important;
    border-radius:11px !important;
    background:#0a1320 !important;
    padding:2px 4px !important;
    margin:0 !important;
  }
  .nav-search input{
    min-width:0 !important;
    width:100% !important;
    padding:7px 7px !important;
    font-size:12px !important;
  }
  .nav-search input::placeholder{color:#8394aa !important;opacity:1 !important}
  .nav-search button{
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    border-radius:8px !important;
    background:#16263a !important;
    color:#fff !important;
    font-size:16px !important;
  }
  .etv-top-menu{
    flex:0 0 48px !important;
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
  }
}
@media(max-width:380px){
  .nav{gap:6px !important;padding-left:7px !important;padding-right:7px !important}
  .logo{flex-basis:96px !important;width:96px !important;min-width:82px !important;max-width:96px !important;grid-template-columns:30px auto !important;font-size:19px !important}
  .logo-tv{width:30px !important;height:30px !important}
  .logo b{font-size:9px !important;padding:2px 5px !important}
  .nav-search{height:38px !important}
  .nav-search input{font-size:11px !important;padding-left:6px !important;padding-right:4px !important}
  .nav-search button{flex-basis:32px !important;width:32px !important;height:32px !important;font-size:15px !important}
  .etv-top-menu{width:44px !important;min-width:44px !important;flex-basis:44px !important;height:44px !important}
}