/* ONE HIT MUSIC V348 — fix empty ad card spacing and prevent section overlap */

/* Keep public hero empty but in normal document flow with equal gap like other cards */
html[data-ohm-ad-route="public"] body #home > #hero,
html[data-ohm-ad-route="public"] body #hero.hero{
  position:relative!important;
  display:block!important;
  width:calc(100% - 16px)!important;
  min-height:110px!important;
  height:auto!important;
  aspect-ratio:3 / 1!important;
  margin:8px auto 12px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#183252!important;
  border:1px solid rgba(66,112,150,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html[data-ohm-ad-route="public"] body #home > .content,
html[data-ohm-ad-route="public"] body #home .content{
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
}

/* Empty orange ad card should stay blank and same gap as other cards */
html body #songs .ohm-home-pl-ad-v313,
html body #songs .ohm-pl-v309-ad{
  position:relative!important;
  display:block!important;
  width:auto!important;
  min-height:108px!important;
  height:auto!important;
  margin:10px 10px 12px!important;
  padding:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  clip-path:none!important;
  transform:none!important;
  clear:both!important;
}
html body #songs .ohm-home-pl-ad-v313 > *,
html body #songs .ohm-pl-v309-ad > *{
  visibility:hidden!important;
}
html body #songs .ohm-home-pl-ad-v313[data-google-ad-space] > ins,
html body #songs .ohm-pl-v309-ad[data-google-ad-space] > ins,
html body #songs .ohm-home-pl-ad-v313[data-google-ad-space] > iframe,
html body #songs .ohm-pl-v309-ad[data-google-ad-space] > iframe{
  visibility:visible!important;
}

/* No clipping/overlap between ad slot and song cards */
html body #songs,
html body #songs.section,
html body section#songs,
html body #songs .songs-player-shell,
html body #songs .home-media-player-shell,
html body #songs #songsPlayerCard,
html body #songs #songsPlayerCard .premium-player-layout,
html body #songs #songsPlayerCard .premium-player-three-col,
html body #songs #songsPlayerCard .premium-main,
html body #songs #videoGrid,
html body #songs .video-grid{
  overflow:visible!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
html body #songs #videoGrid,
html body #songs .video-grid{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  padding:0!important;
  clear:both!important;
}
html body #songs #videoGrid.ohm-song-three-groups-v167 > .ohm-song-section:first-child,
html body #songs #videoGrid > .ohm-song-section:first-child{
  margin-top:0!important;
}
html body #songs #videoGrid.ohm-song-three-groups-v167 .ohm-song-section,
html body #songs #videoGrid .ohm-song-section{
  margin-bottom:12px!important;
}
html body #songs #videoGrid.ohm-song-three-groups-v167 .ohm-song-section:last-child,
html body #songs #videoGrid .ohm-song-section:last-child{
  margin-bottom:0!important;
}

@media (max-width:700px){
  html[data-ohm-ad-route="public"] body #home > #hero,
  html[data-ohm-ad-route="public"] body #hero.hero{
    width:calc(100% - 12px)!important;
    min-height:96px!important;
    margin:6px auto 10px!important;
    border-radius:14px!important;
  }
  html body #songs .ohm-home-pl-ad-v313,
  html body #songs .ohm-pl-v309-ad{
    min-height:94px!important;
    margin:8px 8px 10px!important;
    border-radius:13px!important;
  }
  html body #songs #videoGrid.ohm-song-three-groups-v167 .ohm-song-section,
  html body #songs #videoGrid .ohm-song-section{
    margin-bottom:10px!important;
  }
}