/* ═══════════════════════════════════════════════
   CHANNEL PAGE — SPECIFIC STYLES
═══════════════════════════════════════════════ */
:root{
  --bg:#000;--bg-2:#030305;--bg-3:#060610;
  --surface:rgba(255,255,255,.038);--border:rgba(255,255,255,.08);--border-hi:rgba(255,255,255,.14);
  --text:#F5F2FF;--muted:#9490B0;--soft:#CCC8E2;
  --cyan:#40CFFF;--violet:#7B5CFF;--pink:#F040C8;
  --grad:linear-gradient(120deg,#38D0FF 0%,#8040E0 40%,#F030C8 75%,#FF6830 100%);
  --grad-soft:linear-gradient(135deg,rgba(64,207,255,.09),rgba(123,92,255,.11),rgba(240,64,200,.08));
  --r-xl:24px;--r-lg:18px;--r-md:12px;--r-pill:999px;
  --ease:cubic-bezier(.4,0,.2,1);
  --nav-h:60px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'DM Sans',sans-serif;background:radial-gradient(ellipse 55% 40% at 8% 12%,rgba(64,207,255,.10) 0%,transparent 100%),radial-gradient(ellipse 50% 38% at 90% 10%,rgba(240,64,200,.09) 0%,transparent 100%),linear-gradient(160deg,var(--bg) 0%,var(--bg-2) 55%,var(--bg-3) 100%);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ── PAGE HERO ── */
.ch-hero{
  padding:64px 5% 60px;
  position:relative;overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.ch-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(0,0,0,.4),transparent 100%);
}
.ch-hero-glow{
  position:absolute;left:50%;top:-5%;transform:translateX(-50%);
  width:700px;height:380px;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 35%,rgba(123,92,255,.12),rgba(64,207,255,.05) 50%,transparent 75%);
  filter:blur(48px);
}
.ch-hero-inner{
  max-width:1280px;margin:0 auto;position:relative;z-index:1;
  text-align:center;
}
.ch-hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Oswald',sans-serif;font-size:.66rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
  margin-bottom:18px;
}
.ch-hero-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--cyan);box-shadow:0 0 6px var(--cyan);
  animation:blink 2s infinite;
}
/* Title — white base + one gradient word only */
.ch-hero-title{
  font-family:'Oswald',sans-serif;
  font-size:clamp(2.2rem,5.5vw,4.4rem);font-weight:700;
  text-transform:uppercase;letter-spacing:-.01em;
  line-height:1.02;margin-bottom:18px;color:#fff;
  opacity:0;animation:up .5s .06s var(--ease) forwards;
}
.ch-hero-title .t-plain{color:rgba(255,255,255,.72)}
.ch-hero-title .t-accent{
  background:linear-gradient(90deg,#40CFFF,#7B5CFF);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ch-hero-sub{
  font-size:.97rem;color:rgba(255,255,255,.45);line-height:1.75;font-weight:300;
  max-width:50ch;margin:0 auto 34px;letter-spacing:.01em;
  opacity:0;animation:up .5s .16s var(--ease) forwards;
}

/* ── STATS — clean card strip ── */
.ch-stats{
  display:inline-flex;align-items:stretch;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;overflow:hidden;
  margin-bottom:38px;
  opacity:0;animation:up .5s .24s var(--ease) forwards;
}
.ch-stat{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:18px 30px;
  border-right:1px solid rgba(255,255,255,.07);
  transition:background .2s ease;
}
.ch-stat:last-child{border-right:none}
.ch-stat:hover{background:rgba(255,255,255,.03)}
.ch-stat-n{
  font-family:'Oswald',sans-serif;font-size:1.65rem;font-weight:700;
  color:#fff;line-height:1;letter-spacing:-.01em;
}
.ch-stat-l{
  font-size:.58rem;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.35);
}

/* ── SEARCH BAR — refined ── */
.ch-search-wrap{
  max-width:580px;margin:0 auto;
  opacity:0;animation:up .5s .32s var(--ease) forwards;
}
.ch-search-box{
  display:flex;align-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  overflow:hidden;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.ch-search-box:focus-within{
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  box-shadow:0 0 0 3px rgba(255,255,255,.04);
}
.ch-search-icon{
  padding:0 18px;color:rgba(255,255,255,.30);font-size:.88rem;flex-shrink:0;
}
.ch-search-input{
  flex:1;height:52px;
  background:transparent!important;
  border:none;
  color:#fff;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:400;
  outline:none;
  -webkit-appearance:none;
  /* Prevent iOS auto-fill white background */
  -webkit-text-fill-color:#fff;
}
.ch-search-input:-webkit-autofill,
.ch-search-input:-webkit-autofill:hover,
.ch-search-input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px rgba(10,12,28,.95) inset!important;
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff;
}
.ch-search-input::placeholder{color:rgba(255,255,255,.28);font-weight:300}
.ch-search-clear{
  height:52px;padding:0 18px;background:transparent;border:none;
  color:rgba(255,255,255,.30);font-size:.78rem;cursor:pointer;
  transition:color .18s;display:none;flex-shrink:0;
}
.ch-search-clear:hover{color:rgba(255,255,255,.70)}
.ch-count-msg{
  margin-top:10px;font-size:.76rem;color:rgba(255,255,255,.30);
  text-align:center;min-height:18px;
}

/* ── FILTER BAR — professional segmented control ── */
.ch-filters-wrap{
  position:sticky;top:var(--nav-h);z-index:100;
  background:rgba(4,5,14,.96);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ch-filters{
  max-width:1280px;margin:0 auto;
  padding:0 5%;
  display:flex;align-items:center;gap:2px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.ch-filters::-webkit-scrollbar{display:none}
.ch-filter-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:14px 18px;
  font-family:'DM Sans',sans-serif;font-size:.80rem;font-weight:500;
  cursor:pointer;
  border:none;background:transparent;
  color:rgba(255,255,255,.40);
  white-space:nowrap;
  position:relative;
  transition:color .2s ease;
  letter-spacing:.01em;
  flex-shrink:0;
}
.ch-filter-btn::after{
  content:"";
  position:absolute;bottom:0;left:50%;right:50%;
  height:2px;border-radius:2px 2px 0 0;
  background:var(--grad);
  transition:left .22s var(--ease),right .22s var(--ease);
}
.ch-filter-btn:hover{color:rgba(255,255,255,.70)}
.ch-filter-btn.active{color:#fff}
.ch-filter-btn.active::after{left:14px;right:14px}
.ch-filter-sep{
  width:1px;height:16px;background:rgba(255,255,255,.08);
  flex-shrink:0;margin:0 4px;
  align-self:center;
}

/* ── MAIN CONTENT ── */
.ch-main{
  max-width:1280px;margin:0 auto;
  padding:36px 5% 80px;
}

/* ── COUNTRY SECTION ── */
.ch-country{
  margin-bottom:12px;
  border-radius:20px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
  overflow:hidden;
  transition:border-color .25s ease;
}
.ch-country.open{border-color:rgba(64,207,255,.22)}
.ch-country-header{
  display:flex;align-items:center;gap:14px;
  padding:18px 22px;
  cursor:pointer;user-select:none;
  transition:background .2s ease;
}
.ch-country-header:hover{background:rgba(255,255,255,.04)}
.ch-country-flag{font-size:1.5rem;flex-shrink:0;line-height:1;width:28px;text-align:center}
.ch-country-info{flex:1;min-width:0}
.ch-country-name{
  font-family:'Oswald',sans-serif;font-size:1rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:2px;
}
.ch-country-desc{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-country-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ch-channel-count{
  font-family:'Oswald',sans-serif;font-size:.78rem;font-weight:600;
  padding:4px 12px;border-radius:var(--r-pill);
  background:rgba(64,207,255,.08);border:1px solid rgba(64,207,255,.15);color:var(--cyan);
}
.ch-country-arrow{
  font-size:.75rem;color:var(--muted);
  transition:transform .28s ease,color .2s ease;
}
.ch-country.open .ch-country-arrow{transform:rotate(180deg);color:var(--cyan)}
/* Channel grid inside */
.ch-body{
  max-height:0;overflow:hidden;
  transition:max-height .4s var(--ease);
}
.ch-country.open .ch-body{max-height:3000px}
.ch-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:8px;padding:6px 22px 20px;
}
.ch-item{
  display:flex;align-items:center;gap:10px;
  padding:9px 13px;border-radius:10px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);
  transition:all .2s ease;
  font-size:.78rem;color:var(--soft);
}
.ch-item:hover{background:rgba(64,207,255,.06);border-color:rgba(64,207,255,.18);color:#fff}
.ch-item-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0;opacity:.7}
.ch-item-name{flex:1;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-item-qual{
  font-family:'Oswald',sans-serif;font-size:.58rem;font-weight:700;
  padding:2px 6px;border-radius:4px;flex-shrink:0;letter-spacing:.04em;
}
.qual-4k{background:rgba(240,64,200,.15);color:#f0abfc}
.qual-hd{background:rgba(64,207,255,.12);color:#7dd3fc}
.qual-fhd{background:rgba(123,92,255,.12);color:#c4b5fd}
/* Empty result */
.ch-no-results{
  text-align:center;padding:60px 20px;
  display:none;
  color:var(--muted);font-size:.9rem;
}
.ch-no-results i{font-size:2rem;margin-bottom:14px;display:block;color:var(--border-hi)}
/* CTA bar */
.ch-cta-bar{
  margin:0 5% 60px;
  padding:32px 36px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(64,207,255,.08),rgba(123,92,255,.10),rgba(240,64,200,.07));
  border:1px solid rgba(123,92,255,.22);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;
}
.ch-cta-left h3{font-family:'Oswald',sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:6px}
.ch-cta-left p{font-size:.84rem;color:var(--muted)}
.ch-cta-btn{
  display:inline-flex;align-items:center;gap:9px;
  height:48px;padding:0 26px;border-radius:var(--r-md);
  font-family:'Oswald',sans-serif;font-size:.9rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;
  background:var(--grad);color:#fff;
  box-shadow:0 8px 24px rgba(123,92,255,.28);
  transition:all .28s ease;white-space:nowrap;
}
.ch-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(240,64,200,.26)}

/* ── RESPONSIVE ── */
@media(max-width:820px){
  .ch-stats{gap:0}.ch-stat{padding:10px 16px}
  .ch-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .ch-filters{padding-left:4%;padding-right:4%}
  .ch-cta-bar{padding:24px;flex-direction:column;align-items:flex-start}
  .ch-cta-btn{width:100%;justify-content:center}
}
@media(max-width:580px){
  .ch-hero{padding:44px 4% 40px}
  .ch-main{padding:24px 4% 60px}
  .ch-hero-title{font-size:clamp(1.7rem,8vw,3rem)}
  .ch-country-header{padding:15px 16px;gap:11px}
  .ch-grid{grid-template-columns:1fr 1fr;gap:6px;padding:4px 16px 16px}
  .ch-stat{padding:8px 12px}
  .ch-stat-n{font-size:1.45rem}
  .ch-country-desc{display:none}
  .ch-channel-count{padding:3px 9px;font-size:.70rem}
}
@media(max-width:380px){
  .ch-grid{grid-template-columns:1fr}
  .ch-stats{flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}
  .ch-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding:10px 20px;width:100%}
  .ch-stat:last-child{border-bottom:none}
}
  

    /* ═══════════════════════════════════════════
       CHANNEL PAGE V2 — EXTRA STYLES
    ═══════════════════════════════════════════ */
    :root{
      --nav-h:60px;
      --grad:linear-gradient(120deg,#38D0FF 0%,#8040E0 40%,#F030C8 75%,#FF6830 100%);
      --grad-soft:linear-gradient(135deg,rgba(64,207,255,.09),rgba(123,92,255,.11),rgba(240,64,200,.08));
      --muted:#9490B0;--soft:#CCC8E2;--text:#F5F2FF;
      --cyan:#40CFFF;--violet:#7B5CFF;--pink:#F040C8;
      --border:rgba(255,255,255,.08);--border-hi:rgba(255,255,255,.14);
      --surface:rgba(255,255,255,.038);
      --r-lg:18px;--r-md:12px;--r-pill:999px;
      --ease:cubic-bezier(.4,0,.2,1);
    }
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
    body{font-family:'DM Sans',sans-serif;background:radial-gradient(ellipse 55% 40% at 8% 12%,rgba(64,207,255,.10) 0%,transparent 100%),radial-gradient(ellipse 50% 38% at 90% 10%,rgba(240,64,200,.09) 0%,transparent 100%),linear-gradient(160deg,#000 0%,#030305 55%,#060610 100%);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    @keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
    @keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
    @keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}

    /* ── HERO ── */
    .ch-hero{padding:56px 5% 52px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
    .ch-hero::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(0,0,0,.5),transparent)}
    .ch-hero-glow{position:absolute;left:50%;top:0;transform:translateX(-50%);width:800px;height:380px;z-index:0;background:radial-gradient(ellipse at 50% 30%,rgba(123,92,255,.18),rgba(240,64,200,.10) 45%,transparent 70%);filter:blur(40px)}
    .ch-hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1;text-align:center}
    .ch-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
    .ch-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:blink 2s infinite}
    .ch-title{font-family:'Oswald',sans-serif;font-size:clamp(2rem,5vw,4.2rem);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin-bottom:14px;opacity:0;animation:up .5s .05s var(--ease) forwards}
    .ch-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
    .ch-sub{font-size:.97rem;color:var(--muted);line-height:1.75;max-width:52ch;margin:0 auto 28px;opacity:0;animation:up .5s .15s var(--ease) forwards}
    /* Stats */
    .ch-stats{display:flex;align-items:stretch;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;margin:0 auto 32px;max-width:680px;opacity:0;animation:up .5s .22s var(--ease) forwards}
    .ch-stat{flex:1;padding:16px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
    .ch-stat:last-child{border-right:none}
    .ch-stat:hover{background:rgba(255,255,255,.04)}
    .ch-stat-n{font-family:'Oswald',sans-serif;font-size:1.6rem;font-weight:700;color:#fff;line-height:1;margin-bottom:3px}
    .ch-stat-l{font-size:.60rem;font-weight:500;letter-spacing:.10em;text-transform:uppercase;color:var(--muted)}
    /* Search */
    .ch-search-wrap{max-width:560px;margin:0 auto;opacity:0;animation:up .5s .28s var(--ease) forwards}
    .ch-search-box{display:flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-pill);overflow:hidden;transition:all .2s ease}
    .ch-search-box:focus-within{border-color:rgba(64,207,255,.40);box-shadow:0 0 0 3px rgba(64,207,255,.10);background:rgba(255,255,255,.08)}
    .ch-search-icon{padding:0 16px;color:var(--muted);font-size:.88rem;flex-shrink:0}
    .ch-search-input{flex:1;height:50px;background:transparent;border:none;color:var(--text);font-family:'DM Sans',sans-serif;font-size:.92rem;outline:none}
    .ch-search-input::placeholder{color:var(--muted)}
    .ch-search-clear{height:50px;padding:0 16px;background:transparent;border:none;color:var(--muted);font-size:.8rem;cursor:pointer;transition:color .2s;display:none;flex-shrink:0}
    .ch-search-clear:hover{color:var(--text)}
    .ch-count-msg{margin-top:9px;font-size:.76rem;color:var(--muted);text-align:center;min-height:18px}

    /* ── FILTER BAR ── */
    .ch-filters{position:sticky;top:var(--nav-h);z-index:100;background:rgba(4,4,12,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:12px 5%;display:flex;align-items:center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .ch-filters::-webkit-scrollbar{display:none}
    .ch-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--r-pill);font-family:'DM Sans',sans-serif;font-size:.76rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--muted);white-space:nowrap;transition:all .2s ease;flex-shrink:0}
    .ch-filter-btn:hover{color:var(--text);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
    .ch-filter-btn.active{background:rgba(64,207,255,.12);border-color:rgba(64,207,255,.30);color:var(--cyan)}

    /* ── MAIN ── */
    .ch-main{max-width:1280px;margin:0 auto;padding:28px 5% 80px}

    /* ── COUNTRY ACCORDION ── */
    .ch-country{margin-bottom:10px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}
    .ch-country:hover{border-color:rgba(255,255,255,.11)}
    .ch-country.open{border-color:rgba(64,207,255,.22);box-shadow:0 4px 24px rgba(64,207,255,.06)}
    .ch-country-header{width:100%;display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;background:none;border:none;text-align:left;transition:background .2s ease}
    .ch-country-header:hover{background:rgba(255,255,255,.03)}
    .ch-flag{font-size:1.55rem;flex-shrink:0;line-height:1;width:30px;text-align:center}
    .ch-info{flex:1;min-width:0}
    .ch-name{font-family:'Oswald',sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:2px}
    .ch-desc{font-size:.70rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .ch-meta{display:flex;align-items:center;gap:9px;flex-shrink:0}
    .ch-count{font-family:'Oswald',sans-serif;font-size:.74rem;font-weight:600;padding:4px 11px;border-radius:var(--r-pill);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:var(--soft)}
    .ch-arrow{font-size:.72rem;color:var(--muted);transition:transform .28s ease,color .2s ease}
    .ch-country.open .ch-arrow{transform:rotate(180deg);color:var(--cyan)}

    /* Quality badges */
    .ch-qual{font-family:'Oswald',sans-serif;font-size:.60rem;font-weight:700;padding:3px 9px;border-radius:5px;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}
    .q8k{background:linear-gradient(120deg,rgba(64,207,255,.20),rgba(240,64,200,.15));border:1px solid rgba(240,64,200,.30);color:#f0abfc}
    .q4k{background:rgba(240,64,200,.12);border:1px solid rgba(240,64,200,.25);color:#f9a8d4}
    .qfhd{background:rgba(123,92,255,.14);border:1px solid rgba(123,92,255,.28);color:#c4b5fd}
    .qhd{background:rgba(64,207,255,.10);border:1px solid rgba(64,207,255,.22);color:#7dd3fc}
    .qsd{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:var(--muted)}

    /* Body accordion */
    .ch-body{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
    .ch-country.open .ch-body{max-height:9000px}

    /* Category label */
    .ch-cat-group{margin:0}
    .ch-cat-group:first-child .ch-cat-label{margin-top:4px}
    .ch-cat-label{display:flex;align-items:center;gap:8px;padding:10px 22px 6px;font-family:'Oswald',sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);border-top:1px solid rgba(255,255,255,.05)}
    .ch-cat-group:first-child .ch-cat-label{border-top:none}
    .ch-cat-label i{font-size:.6rem;opacity:.7}

    /* Channel grid */
    .ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:6px;padding:4px 18px 14px}
    .ch-item{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);transition:all .18s ease;font-size:.77rem;color:var(--soft);cursor:default}
    .ch-item:hover{background:rgba(64,207,255,.06);border-color:rgba(64,207,255,.18);color:#fff}
    .ch-item-dot{width:5px;height:5px;border-radius:50%;background:rgba(64,207,255,.60);flex-shrink:0}
    .ch-item-name{flex:1;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

    /* VOD items */
    .ch-grid-vod{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
    .vod-item{padding:9px 13px;border-radius:10px}
    .vod-item .ch-item-ico{font-size:.72rem;flex-shrink:0;opacity:.60;color:var(--cyan)}
    .vod-new{border-color:rgba(240,64,200,.18);background:rgba(240,64,200,.05)}
    .vod-new:hover{background:rgba(240,64,200,.10);border-color:rgba(240,64,200,.30)}
    .vod-award{border-color:rgba(251,191,36,.18);background:rgba(251,191,36,.04)}
    .vod-award:hover{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.30);color:#fde68a}
    .vod-series{border-color:rgba(123,92,255,.18);background:rgba(123,92,255,.04)}
    .vod-series:hover{background:rgba(123,92,255,.10);border-color:rgba(123,92,255,.30)}
    .vod-doc{border-color:rgba(52,211,153,.15);background:rgba(52,211,153,.04)}
    .vod-doc:hover{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.25);color:#6ee7b7}
    .vod-year{font-family:'Oswald',sans-serif;font-size:.56rem;font-weight:700;padding:2px 6px;border-radius:4px;background:rgba(240,64,200,.15);color:#f9a8d4;flex-shrink:0;margin-left:2px}

    /* No results */
    .ch-no-results{text-align:center;padding:56px 20px;display:none;color:var(--muted);font-size:.9rem}
    .ch-no-results i{font-size:2rem;margin-bottom:12px;display:block;color:rgba(255,255,255,.12)}

    /* CTA Bar */
    .ch-cta-bar{margin:8px 5% 60px;padding:30px 34px;border-radius:22px;background:linear-gradient(135deg,rgba(64,207,255,.08),rgba(123,92,255,.10),rgba(240,64,200,.07));border:1px solid rgba(123,92,255,.22);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
    .ch-cta-left h3{font-family:'Oswald',sans-serif;font-size:1.25rem;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:5px}
    .ch-cta-left p{font-size:.82rem;color:var(--muted)}
    .ch-cta-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 24px;border-radius:var(--r-md);font-family:'Oswald',sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--grad);color:#fff;box-shadow:0 6px 22px rgba(123,92,255,.26);transition:all .28s ease;white-space:nowrap}
    .ch-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(240,64,200,.26)}


    /* ══ VOD STYLES ══ */
    .vod-country .ch-country-header{
      background:linear-gradient(135deg,rgba(240,64,200,.05),rgba(123,92,255,.05));
    }
    .vod-country.open{
      border-color:rgba(240,64,200,.28)!important;
      box-shadow:0 4px 28px rgba(240,64,200,.07)!important;
    }
    .vod-country .ch-name{
      background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
    }

    /* Section separator */
    .vod-section-header{
      display:flex;align-items:center;gap:14px;
      padding:18px 22px 10px;
      font-family:'Oswald',sans-serif;font-size:.82rem;font-weight:700;
      letter-spacing:.18em;text-transform:uppercase;color:#fff;
      border-top:1px solid rgba(255,255,255,.07);
    }
    .vod-section-header:first-of-type{border-top:none;padding-top:12px}
    .vod-section-header i{color:var(--cyan);font-size:.9rem}
    .vod-section-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent)}

    /* Category emoji */
    .vod-cat-emoji{margin-right:2px;font-size:.9rem}

    /* VOD item */
    .vod-item{cursor:default}
    .vod-ico{font-size:.65rem;flex-shrink:0;color:var(--muted);opacity:.75}
    .vod-badges{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:2px}
    .vod-year{
      font-family:'Oswald',sans-serif;font-size:.56rem;font-weight:700;
      padding:2px 6px;border-radius:4px;
      background:rgba(255,255,255,.07);color:var(--muted);
      white-space:nowrap;
    }
    .vod-new-badge{
      font-family:'Oswald',sans-serif;font-size:.52rem;font-weight:700;
      padding:2px 5px;border-radius:3px;
      background:var(--grad);color:#fff;
      white-space:nowrap;letter-spacing:.04em;
    }

    /* Per-category item accent */
    .vod-action{border-color:rgba(255,107,53,.12)}
    .vod-action:hover{background:rgba(255,107,53,.07);border-color:rgba(255,107,53,.25);color:#fff}
    .vod-action .vod-ico{color:#fb923c}

    .vod-scifi{border-color:rgba(64,207,255,.10)}
    .vod-scifi:hover{background:rgba(64,207,255,.07);border-color:rgba(64,207,255,.25);color:#fff}
    .vod-scifi .vod-ico{color:var(--cyan)}

    .vod-horror{border-color:rgba(239,68,68,.12)}
    .vod-horror:hover{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.25);color:#fff}
    .vod-horror .vod-ico{color:#f87171}

    .vod-drama{border-color:rgba(251,191,36,.10)}
    .vod-drama:hover{background:rgba(251,191,36,.06);border-color:rgba(251,191,36,.25);color:#fde68a}
    .vod-drama .vod-ico{color:#fbbf24}

    .vod-comedy{border-color:rgba(52,211,153,.10)}
    .vod-comedy:hover{background:rgba(52,211,153,.06);border-color:rgba(52,211,153,.22);color:#6ee7b7}
    .vod-comedy .vod-ico{color:#34d399}

    .vod-anim{border-color:rgba(168,85,247,.12)}
    .vod-anim:hover{background:rgba(168,85,247,.07);border-color:rgba(168,85,247,.25);color:#fff}
    .vod-anim .vod-ico{color:#c4b5fd}

    .vod-series-item{border-color:rgba(123,92,255,.12)}
    .vod-series-item:hover{background:rgba(123,92,255,.08);border-color:rgba(123,92,255,.28);color:#fff}
    .vod-series-item .vod-ico{color:#a78bfa}

    /* ── FILTER RESPONSIVE ── */
    @media(max-width:820px){
      .ch-filter-btn{padding:12px 14px;font-size:.75rem}
    }
    @media(max-width:580px){
      .ch-filter-btn{padding:11px 12px;font-size:.72rem;gap:5px}
      .ch-filter-sep{display:none}
      .ch-stats{display:flex;flex-wrap:wrap;justify-content:center;border-radius:14px;width:100%}
      .ch-stat{flex:1;min-width:110px;padding:14px 16px}
      .ch-stat-n{font-size:1.4rem}
    }
    @media(max-width:380px){
      .ch-stat{flex:1 1 calc(50% - 1px)}
      .ch-stat:nth-child(2){border-right:none}
      .ch-stat:nth-child(3){border-right:1px solid rgba(255,255,255,.07)}
    }
    /* ── RESPONSIVE ── */
    @media(max-width:820px){
      .ch-stats{max-width:100%}.ch-stat{padding:12px 10px}
      .ch-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:5px}
      .ch-cta-bar{flex-direction:column;align-items:flex-start}.ch-cta-btn{width:100%;justify-content:center}
      .ch-country-header{padding:15px 16px;gap:11px}
      .ch-meta{gap:6px}
    }
    @media(max-width:580px){
      .ch-hero{padding:40px 4% 36px}
      .ch-main{padding:20px 4% 56px}
      .ch-title{font-size:clamp(1.7rem,8vw,3rem)}
      .ch-grid{grid-template-columns:1fr 1fr;gap:4px;padding:3px 14px 12px}
      .ch-cat-label{padding:8px 14px 5px}
      .ch-country-header{padding:13px 14px}
      .ch-stats{flex-wrap:wrap;border:none;gap:8px;background:transparent}
      .ch-stat{flex:1;min-width:120px;border-radius:12px;border:1px solid rgba(255,255,255,.07)}
      .ch-stat-n{font-size:1.4rem}
      .ch-desc{display:none}
    }
    @media(max-width:380px){
      .ch-grid{grid-template-columns:1fr}
      .ch-qual{display:none}
    }