/* ONE HIT MUSIC V398 — compact desktop cards.
   Desktop/web only. Mobile, tablet, touch controls and <=980px CSS are untouched. */
@media (min-width:981px){
  /* Main home collections: more cards per row, less empty padding. */
  html body #home.page[data-view="home"] #newReleaseIntro{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px!important;
  }
  html body #home.page[data-view="home"] #songs .video-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px!important;
  }
  html body #home.page[data-view="home"] #reels .reel-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px!important;
  }
  html body #home.page[data-view="home"] #artists .artist-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px!important;
  }
  html body #home.page[data-view="home"] #playlists .playlist-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px!important;
  }
  html body #home.page[data-view="home"] .trend-grid,
  html body #home.page[data-view="home"] .trend-grid.reels-only{
    gap:10px!important;
  }

  /* New Release cards — compact but keep every control and detail available. */
  html body #home.page[data-view="home"] #release .ohm-nr-card{
    border-radius:15px!important;
    box-shadow:0 12px 28px rgba(1,8,18,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-media{
    width:calc(100% - 18px)!important;
    margin:10px auto 0!important;
    border-radius:12px!important;
    box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-index{
    top:8px!important;
    left:8px!important;
    min-width:32px!important;
    height:28px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-body{
    padding:11px 12px 12px!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-title{
    font-size:14px!important;
    line-height:1.25!important;
    -webkit-line-clamp:2!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-meta{
    gap:4px 7px!important;
    margin-top:6px!important;
    font-size:9px!important;
    line-height:1.3!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-actions{
    gap:8px!important;
    margin-top:9px!important;
    padding-top:9px!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-play{
    min-width:104px!important;
    height:34px!important;
    padding:0 12px!important;
    gap:7px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-play i{
    border-top-width:5px!important;
    border-bottom-width:5px!important;
    border-left-width:9px!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-more{
    width:34px!important;
    height:34px!important;
    font-size:18px!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-stop{
    top:7px!important;
    right:7px!important;
    width:30px!important;
    height:30px!important;
    font-size:15px!important;
  }

  /* Standard YouTube/video cards. */
  html body #home.page[data-view="home"] #songs .card{
    border-radius:10px!important;
  }
  html body #home.page[data-view="home"] #songs .card .thumb{
    border-radius:9px 9px 0 0!important;
  }
  html body #home.page[data-view="home"] #songs .card .meta{
    padding:9px 10px!important;
  }
  html body #home.page[data-view="home"] #songs .card .meta h3{
    font-size:11px!important;
    line-height:1.25!important;
  }
  html body #home.page[data-view="home"] #songs .card .meta p{
    font-size:9px!important;
    line-height:1.3!important;
  }

  /* Reels, artists and playlists. */
  html body #home.page[data-view="home"] #reels .reel-card,
  html body #home.page[data-view="home"] #playlists .playlist-card,
  html body #home.page[data-view="home"] #artists .artist{
    border-radius:12px!important;
  }
  html body #home.page[data-view="home"] #reels .reel-info,
  html body #home.page[data-view="home"] #playlists .playlist-card .playlist-info{
    padding:9px 10px!important;
  }
  html body #home.page[data-view="home"] #reels .reel-info h3,
  html body #home.page[data-view="home"] #playlists .playlist-card h3,
  html body #home.page[data-view="home"] #artists .artist b{
    font-size:11px!important;
    line-height:1.25!important;
  }
  html body #home.page[data-view="home"] #reels .reel-info p,
  html body #home.page[data-view="home"] #playlists .playlist-card p,
  html body #home.page[data-view="home"] #artists .artist span{
    font-size:9px!important;
    line-height:1.3!important;
  }
  html body #home.page[data-view="home"] #artists .artist{
    padding:8px!important;
  }

  /* Compact section framing and right-sidebar cards without hiding content. */
  html body #home.page[data-view="home"] .main{
    gap:9px!important;
  }
  html body #home.page[data-view="home"] .section,
  html body #home.page[data-view="home"] .side-card{
    border-radius:11px!important;
  }
  html body #home.page[data-view="home"] .section>.head,
  html body #home.page[data-view="home"] .side-card>.head{
    min-height:34px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  html body #home.page[data-view="home"] .section>.head .title,
  html body #home.page[data-view="home"] .side-card>.head .title{
    font-size:13px!important;
  }
  html body #home.page[data-view="home"] .side .list{
    gap:7px!important;
    padding:8px 9px 9px!important;
  }
  html body #home.page[data-view="home"] .side .song-row{
    grid-template-columns:22px 36px minmax(0,1fr)!important;
    gap:7px!important;
    min-height:50px!important;
    padding:6px!important;
    border-radius:8px!important;
  }
  html body #home.page[data-view="home"] .side .song-row img{
    width:36px!important;
    height:36px!important;
    border-radius:7px!important;
  }
  html body #home.page[data-view="home"] .side .song-row b{
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  html body #home.page[data-view="home"] .side .song-row span{
    font-size:8px!important;
    line-height:1.25!important;
  }
  html body #home.page[data-view="home"] .side .social{
    min-height:50px!important;
    padding:7px 9px!important;
  }
  html body #home.page[data-view="home"] .side .social .realIcon{
    width:32px!important;
    height:32px!important;
  }
}