.facetvnews-radio-hub {
  --radio-ink: #11253e;
  --radio-muted: #64748b;
  --radio-accent: #e35f2d;
  --radio-line: #dce5ee;
  --radio-soft: #f5f8fb;
  max-width: 1180px;
  margin: 2rem auto 6rem;
  padding: 0 1rem;
  color: var(--radio-ink);
}

.facetvnews-radio-hero {
  color: #fff;
  background: linear-gradient(135deg, #11253e, #1d6371);
  border-radius: 22px;
  padding: clamp(1.5rem, 4vw, 3rem);
  margin-bottom: 1.5rem;
}

.facetvnews-radio-kicker {
  color: #ffd29b;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .76rem;
  font-weight: 800;
}

.facetvnews-radio-hero h1 { color: #fff; font-size: clamp(2rem, 5vw, 3.8rem); margin: .55rem 0 .8rem; }
.facetvnews-radio-hero p { max-width: 720px; color: rgba(255,255,255,.88); }
.facetvnews-radio-filters { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: .8rem; margin: 1.4rem 0; }
.facetvnews-radio-filters label { color: var(--radio-muted); font-size: .8rem; font-weight: 800; }
.facetvnews-radio-filters input, .facetvnews-radio-filters select { display: block; width: 100%; box-sizing: border-box; margin-top: .35rem; border: 1px solid var(--radio-line); border-radius: 8px; padding: .7rem .75rem; background: #fff; color: var(--radio-ink); font: inherit; }
.facetvnews-radio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.facetvnews-radio-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--radio-line); border-radius: 15px; background: #fff; padding: 1.1rem; box-shadow: 0 8px 24px rgba(17,37,62,.06); }
.facetvnews-radio-card[hidden] { display: none; }
.facetvnews-radio-card-top { display: flex; justify-content: space-between; align-items: center; }
.facetvnews-radio-country { display: inline-flex; background: #edf5ef; color: #21613e; border-radius: 999px; padding: .28rem .55rem; font-size: .7rem; font-weight: 800; }
.facetvnews-radio-favourite { border: 0; background: transparent; color: #a56a10; cursor: pointer; font-size: 1.5rem; line-height: 1; }
.facetvnews-radio-card h2 { margin: .9rem 0 .25rem; font-size: 1.2rem; }
.facetvnews-radio-card p { color: var(--radio-muted); margin: .35rem 0; }
.facetvnews-radio-meta { font-size: .85rem; }
.facetvnews-radio-play, .facetvnews-radio-link { display: inline-flex; justify-content: center; align-items: center; margin-top: auto; border: 0; border-radius: 8px; padding: .7rem .8rem; background: var(--radio-accent); color: #fff; cursor: pointer; font-weight: 800; text-decoration: none; }
.facetvnews-radio-play:hover, .facetvnews-radio-link:hover { background: #b8441e; color: #fff; }
.facetvnews-radio-note, .facetvnews-radio-source { font-size: .78rem; margin-top: .65rem; color: var(--radio-muted); }
.facetvnews-radio-source { color: var(--radio-ink); text-decoration: underline; }
.facetvnews-radio-empty, .facetvnews-radio-no-results { border: 1px dashed var(--radio-line); border-radius: 14px; padding: 2rem; text-align: center; grid-column: 1 / -1; color: var(--radio-muted); }
.facetvnews-radio-no-results[hidden] { display: none; }

.facetvnews-radio-player { position: fixed; z-index: 99998; left: 0; right: 0; bottom: 0; background: rgba(10,25,43,.97); color: #fff; box-shadow: 0 -8px 28px rgba(0,0,0,.2); padding: .7rem 1rem; }
.facetvnews-radio-player[hidden] { display: none; }
.facetvnews-radio-player-inner { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.4fr) auto auto; align-items: center; gap: .8rem; max-width: 1180px; margin: 0 auto; }
.facetvnews-radio-now { display: grid; gap: .15rem; min-width: 0; }
.facetvnews-radio-now span, .facetvnews-radio-now small { color: #b7c8d9; font-size: .72rem; }
.facetvnews-radio-now strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.facetvnews-radio-player audio { width: 100%; height: 35px; }
.facetvnews-radio-reconnect, .facetvnews-radio-close { border: 1px solid rgba(255,255,255,.35); border-radius: 7px; background: transparent; color: #fff; padding: .55rem .7rem; cursor: pointer; }
.facetvnews-radio-reconnect:hover, .facetvnews-radio-close:hover { background: rgba(255,255,255,.12); }

@media (max-width: 900px) { .facetvnews-radio-filters { grid-template-columns: repeat(2, 1fr); } .facetvnews-radio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .facetvnews-radio-player-inner { grid-template-columns: 1fr auto auto; } .facetvnews-radio-player audio { grid-column: 1 / -1; grid-row: 2; } }
@media (max-width: 600px) { .facetvnews-radio-hero { border-radius: 14px; } .facetvnews-radio-filters, .facetvnews-radio-grid { grid-template-columns: 1fr; } .facetvnews-radio-player-inner { grid-template-columns: 1fr auto; } .facetvnews-radio-reconnect { grid-column: 1; } .facetvnews-radio-close { grid-column: 2; grid-row: 1; } .facetvnews-radio-player audio { grid-row: 2; } }