/* Ultra-compact main radio console — visual treatment only.
   Keep the real logo button, song metadata, volume input, equalizer and status.
   Limit reduction of interactive targets, never touch playback/navigation code. */
body.home-page .hero .radio-player {
  padding:10px 12px!important;
  margin-top:8px!important;
  margin-bottom:10px!important;
  border-radius:16px!important;
}
body.home-page .hero .radio-player-topline {
  margin-bottom:6px!important;
  padding-bottom:6px!important;
  min-height:16px!important;
  gap:6px!important;
}
body.home-page .hero .radio-player-topline::after {
  font-size:9px!important;
  letter-spacing:.08em!important;
}
body.home-page .hero .radio-live-badge {font-size:10px!important;gap:6px!important}
body.home-page .hero .radio-player-main {
  grid-template-columns:80px minmax(0,1fr) minmax(94px,112px)!important;
  min-height:78px!important;
  gap:10px!important;
}
body.home-page .hero #radio-play,
body.home-page .hero #radio-play.arl-dj-art-active {
  width:80px!important;
  height:78px!important;
  padding:5px 5px 4px!important;
  gap:2px!important;
  border-radius:12px!important;
}
body.home-page .hero #radio-play .radio-play-symbol.arl-dj-art {
  height:49px!important;
  flex:0 1 49px!important;
}
body.home-page .hero #radio-play .radio-play-label,
body.home-page .hero #radio-play.arl-dj-art-active .radio-play-label {
  font-size:8px!important;
  letter-spacing:.035em!important;
}
body.home-page .hero .radio-player-details strong {
  font-size:clamp(14px,1.5vw,18px)!important;
  line-height:1.15!important;
}
body.home-page .hero .radio-player-details #radio-status {
  font-size:11px!important;
  line-height:1.25!important;
}
body.home-page .hero .radio-volume {
  padding:6px 8px!important;
  border-radius:9px!important;
}
body.home-page .hero .radio-volume-heading {font-size:10px!important}
body.home-page .hero .radio-volume input {
  min-height:28px!important;
  margin-top:1px!important;
}
body.home-page .hero .stream-readout {
  margin-top:7px!important;
  padding:8px 11px!important;
  gap:7px!important;
  border-radius:9px!important;
}
body.home-page .hero .stream-readout-music>span {
  margin-bottom:1px!important;
  font-size:9px!important;
}
body.home-page .hero #stream-track {
  font-size:clamp(12px,1.2vw,14px)!important;
  line-height:1.2!important;
}
body.home-page .hero .stream-equalizer {height:22px!important}
@media(max-width:820px) {
  body.home-page .hero .radio-player-main {
    grid-template-columns:78px minmax(0,1fr)!important;
    min-height:0!important;
    gap:7px 9px!important;
  }
  body.home-page .hero #radio-play,
  body.home-page .hero #radio-play.arl-dj-art-active {
    width:78px!important;
    height:76px!important;
    padding:4px!important;
  }
  body.home-page .hero #radio-play .radio-play-symbol.arl-dj-art {
    height:48px!important;
    flex:0 1 48px!important;
  }
  body.home-page .hero .radio-volume {
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    padding:4px 9px!important;
  }
  body.home-page .hero .radio-volume input {
    min-height:28px!important;
    margin-top:0!important;
  }
}
@media(max-width:450px) {
  body.home-page .hero .radio-player {
    padding:8px 9px!important;
    margin-top:7px!important;
    margin-bottom:9px!important;
    border-radius:14px!important;
  }
  body.home-page .hero .radio-player-topline {
    margin-bottom:6px!important;
    padding-bottom:5px!important;
  }
  body.home-page .hero .radio-player-topline::after {
    content:"CARIBBEAN ENTERTAINMENT"!important;
    font-size:8px!important;
    letter-spacing:0!important;
  }
  body.home-page .hero .radio-player-main {
    grid-template-columns:74px minmax(0,1fr)!important;
    gap:6px 8px!important;
  }
  body.home-page .hero #radio-play,
  body.home-page .hero #radio-play.arl-dj-art-active {
    width:74px!important;
    height:74px!important;
    padding:4px 3px!important;
    border-radius:11px!important;
  }
  body.home-page .hero #radio-play .radio-play-symbol.arl-dj-art {
    height:47px!important;
    flex:0 1 47px!important;
  }
  body.home-page .hero #radio-play .radio-play-label,
  body.home-page .hero #radio-play.arl-dj-art-active .radio-play-label {
    font-size:8px!important;
  }
  body.home-page .hero .radio-player-details strong {font-size:15px!important}
  body.home-page .hero .radio-player-details #radio-status {font-size:10px!important}
  body.home-page .hero .stream-readout {
    margin-top:6px!important;
    padding:7px 8px!important;
    gap:6px!important;
  }
  body.home-page .hero .stream-equalizer {
    height:21px!important;
    gap:2px!important;
    max-width:67px!important;
  }
}