/* DirectPlayer V7.9 — annuaire radios : en-tête compact, lisible, bleu/noir */
.radios-index-hero-v76{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:calc(100% - 48px)!important;
  max-width:1460px!important;
  min-height:0!important;
  margin:24px auto 6px!important;
  padding:34px 38px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"copy count"!important;
  gap:28px!important;
  align-items:center!important;
  border:1px solid #dfe8f0!important;
  border-radius:20px!important;
  background:linear-gradient(120deg,#ffffff 0%,#f6f9fc 62%,#edf5fb 100%)!important;
  box-shadow:0 10px 30px rgba(17,48,78,.055)!important;
}
.radios-index-hero-v76:before{
  content:""!important;
  position:absolute!important;
  inset:auto -110px -170px auto!important;
  width:360px!important;
  height:360px!important;
  border:1px solid rgba(38,92,139,.08)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:0 0 0 56px rgba(38,92,139,.025),0 0 0 112px rgba(38,92,139,.014)!important;
  z-index:-1!important;
}
.radios-index-hero-v76:after{
  content:""!important;
  position:absolute!important;
  left:38px!important;
  top:0!important;
  width:70px!important;
  height:3px!important;
  background:#2d6595!important;
  border-radius:0 0 6px 6px!important;
}
.radios-index-copy-v76{grid-area:copy!important;padding:0!important;color:#102a43!important;min-width:0!important}
.radios-index-copy-v76 .eyebrow{
  margin:0 0 8px!important;
  color:#386b97!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}
.radios-index-copy-v76 h1{
  margin:0!important;
  color:#0c2540!important;
  font-size:clamp(38px,4vw,58px)!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.05em!important;
}
.radios-index-copy-v76 h1 span{color:#2f6797!important}
.radios-index-copy-v76>p:last-child{
  max-width:720px!important;
  margin:12px 0 0!important;
  color:#64778b!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.radios-index-count-v76{
  grid-area:count!important;
  margin:0!important;
  min-width:120px!important;
  padding:13px 17px!important;
  display:flex!important;
  flex-direction:row!important;
  gap:8px!important;
  align-items:baseline!important;
  justify-content:center!important;
  border:1px solid #d5e3ef!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#15324e!important;
  box-shadow:none!important;
}
.radios-index-count-v76 strong{font-size:26px!important;line-height:1!important;letter-spacing:-.04em!important;color:#15324e!important}
.radios-index-count-v76 span{margin:0!important;color:#48759c!important;font-size:9px!important;font-weight:850!important;letter-spacing:.12em!important}
.catalog-layout-v76{padding-top:18px!important}

@media(max-width:900px){
  .radios-index-hero-v76{width:calc(100% - 28px)!important;margin-top:16px!important;padding:28px!important;grid-template-columns:1fr!important;grid-template-areas:"copy" "count"!important;gap:18px!important}
  .radios-index-count-v76{width:max-content!important;min-width:0!important}
}
@media(max-width:600px){
  .radios-index-hero-v76{width:calc(100% - 20px)!important;margin-top:10px!important;padding:23px 19px!important;border-radius:16px!important}
  .radios-index-hero-v76:after{left:19px!important;width:52px!important}
  .radios-index-copy-v76 h1{font-size:36px!important}
  .radios-index-copy-v76>p:last-child{font-size:13px!important}
  .radios-index-count-v76 strong{font-size:23px!important}
}