/* Soccer Predictions hero: compact theme gradient, no artwork dependency. */
.hero.hero-net{
  position:relative;
  min-height:104px;
  padding:13px 16px;
  overflow:hidden;
  isolation:isolate;
  border:0;
  background:
    radial-gradient(circle at 82% 18%,rgba(48,145,96,.17),transparent 31%),
    linear-gradient(135deg,#203026 0%,#193526 36%,#14271c 68%,#111812 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hero.hero-net::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(100deg,rgba(5,13,9,.24) 0%,transparent 48%,rgba(38,111,75,.08) 100%),
    radial-gradient(circle at 18% 115%,rgba(29,93,61,.15),transparent 38%);
}
.hero.hero-net::after{display:none}
.hero.hero-net .hero-copy{
  position:relative;
  z-index:1;
  flex:1 1 auto;
  max-width:72%;
  min-width:0;
  padding-right:10px;
}
.hero.hero-net h1{
  margin-top:2px;
  text-shadow:none;
}
.hero.hero-net p{
  max-width:700px;
  color:#aeb7af;
  line-height:1.5;
  text-shadow:none;
}
.hero.hero-net .hero-badge{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  min-width:138px;
  padding:9px 12px 9px 14px;
  border:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.hero.hero-net .hero-badge span,
.hero.hero-net .hero-badge small{
  color:#a5aea6;
}
@media(max-width:900px){
  .hero.hero-net{
    min-height:100px;
    padding:12px 14px;
  }
  .hero.hero-net .hero-copy{max-width:70%}
}
@media(max-width:680px){
  .hero.hero-net{
    min-height:112px;
    padding:12px;
    gap:10px;
    align-items:center;
  }
  .hero.hero-net .hero-copy{
    max-width:68%;
    padding-right:0;
  }
  .hero.hero-net h1{
    margin-top:1px;
    line-height:1.08;
  }
  .hero.hero-net p{
    font-size:9px;
    line-height:1.45;
  }
  .hero.hero-net .hero-badge{
    min-width:82px;
    padding:8px 7px 8px 9px;
  }
}
@media(max-width:420px){
  .hero.hero-net{
    min-height:118px;
    gap:8px;
    padding:11px;
  }
  .hero.hero-net .hero-copy{max-width:67%}
  .hero.hero-net p{
    font-size:8px;
    line-height:1.42;
  }
  .hero.hero-net .hero-badge{
    min-width:76px;
    padding:7px 6px 7px 8px;
  }
  .hero.hero-net .hero-badge span,
  .hero.hero-net .hero-badge small{font-size:6px}
  .hero.hero-net .hero-badge strong{font-size:18px}
}