/* ONE HIT MUSIC V402 — desktop-only responsive section fit.
   Removes forced page zoom, keeps browser zoom native, compacts the player and
   reel cards, removes stretched empty areas, and preserves all mobile/touch CSS. */
@media (min-width:981px){
  html{overflow-x:hidden!important;scrollbar-gutter:stable!important}
  body{min-width:0!important;overflow-x:hidden!important}

  /* Do not fake desktop scaling with CSS zoom. Browser zoom now works normally. */
  html body > #home.page{
    zoom:1!important;
    width:100%!important;
    max-width:1920px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding-bottom:16px!important;
  }

  /* HOME: fluid main column + real right sidebar, with no dead middle space. */
  html body #home.page[data-view="home"] > .content{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(248px,19vw,330px)!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:10px 0 0!important;
    padding:0 8px!important;
    overflow:visible!important;
  }
  html body #home.page[data-view="home"] > .content > .main{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    align-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  html body #home.page[data-view="home"] > .content > aside.side{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:start!important;
    align-self:start!important;
    gap:9px!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
  }
  html body #home.page[data-view="home"] > .content > aside.side > .side-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }

  /* Dedicated desktop routes use the full viewport width, without an empty sidebar track. */
  html body #home.page[data-view="songs"] > .content,
  html body #home.page[data-view="reels"] > .content,
  html body #home.page[data-view="artists"] > .content,
  html body #home.page[data-view="playlists"] > .content,
  html body #home.page[data-view="trending"] > .content,
  html body #home.page[data-view="ott"] > .content{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:10px 0 0!important;
    padding:0 8px!important;
  }
  html body #home.page[data-view="songs"] > .content > .main,
  html body #home.page[data-view="reels"] > .content > .main,
  html body #home.page[data-view="artists"] > .content > .main,
  html body #home.page[data-view="playlists"] > .content > .main,
  html body #home.page[data-view="trending"] > .content > .main,
  html body #home.page[data-view="ott"] > .content > .main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  html body #home.page[data-view="songs"] > .content > aside.side,
  html body #home.page[data-view="reels"] > .content > aside.side,
  html body #home.page[data-view="artists"] > .content > aside.side,
  html body #home.page[data-view="playlists"] > .content > aside.side,
  html body #home.page[data-view="trending"] > .content > aside.side,
  html body #home.page[data-view="ott"] > .content > aside.side{display:none!important}

  /* Every visible section ends at its real content height. */
  html body #home > .content .section,
  html body #home > .content .line-section,
  html body #home > .content .side-card{
    box-sizing:border-box!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  html body #home > .content :is(.video-grid,.reel-grid,.artist-grid,.playlist-grid):empty{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* Keep six New Release cards in one fluid row without cutting on narrower desktop windows. */
  html body #home.page[data-view="home"] #newReleaseIntro{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    padding:9px!important;
    overflow:visible!important;
  }
  html body #home.page[data-view="home"] #release .ohm-nr-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* PLAYER: compact desktop width and proportions; no stretched block below it. */
  html body #songs .ohm-home-pl-v313{
    width:min(100%,1180px)!important;
    max-width:1180px!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto 8px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  html body #home.page[data-view="songs"] #songs .ohm-home-pl-v313{
    width:min(100%,1320px)!important;
    max-width:1320px!important;
  }
  html body #songs .ohm-home-pl-layout-v313{
    display:grid!important;
    grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;
    align-items:start!important;
    grid-auto-rows:max-content!important;
    height:auto!important;
    min-height:0!important;
  }
  html body #songs .ohm-home-pl-stage-v313,
  html body #songs .ohm-home-pl-side-v313{align-self:start!important;height:auto!important;min-height:0!important}
  html body #songs .ohm-home-pl-channel-v313{min-height:62px!important;padding:7px 10px!important;grid-template-columns:44px minmax(0,1fr) auto!important}
  html body #songs .ohm-home-pl-channel-logo-v313{width:40px!important;height:40px!important}
  html body #songs .ohm-home-pl-head-v313{min-height:40px!important;padding:6px 10px!important}
  html body #songs .ohm-home-pl-progress-v313{padding:6px 10px 2px!important}
  html body #songs .ohm-home-pl-transport-v313{grid-template-columns:36px 44px 58px 44px 36px!important;gap:8px!important;padding:6px 9px 8px!important}
  html body #songs .ohm-home-pl-transport-v313 > button{width:36px!important;height:36px!important}
  html body #songs .ohm-home-pl-transport-v313 .ohm-home-pl-toggle-v313{width:52px!important;height:52px!important}
  html body #songs .ohm-home-pl-now-v313{min-height:40px!important;padding:6px 10px!important}
  html body #songs .ohm-home-pl-actions-v313{padding:7px 9px 9px!important}
  html body #songs .ohm-home-pl-actions-v313 > button{min-height:34px!important}
  html body #songs .ohm-home-pl-side-head-v313{min-height:39px!important;padding:7px 9px!important}
  html body #songs .ohm-home-pl-list-v313{max-height:430px!important;padding:7px!important}
  html body #songs .ohm-home-pl-track-v313{min-height:58px!important;margin-bottom:6px!important}

  /* Playlist route player follows the same compact desktop scale. */
  html body #playlists .ohm-playlist-v84-player{
    width:min(100%,1320px)!important;
    max-width:1320px!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto 8px!important;
  }
  html body #playlists .ohm-playlist-v84-layout{
    grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;
    align-items:start!important;
    height:auto!important;
    min-height:0!important;
  }
  html body #playlists .ohm-playlist-v84-list{max-height:430px!important}

  /* REELS: smaller cards on desktop, responsive to window width. */
  html body #home.page[data-view="reels"] #reels{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body #home.page[data-view="reels"] #reels .ohm-reel-group-v177{
    width:100%!important;
    max-width:1580px!important;
    margin:0 auto 10px!important;
    padding:11px!important;
  }
  html body #home.page[data-view="reels"] #reels .ohm-reel-cards-v177{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:start!important;
    gap:10px!important;
  }
  html body #home.page[data-view="reels"] #reels .ohm-reel-card-v177{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
  }
  html body #home.page[data-view="reels"] #reels .ohm-reel-media-v177{aspect-ratio:9/13.2!important}
  html body #home.page[data-view="reels"] #reels .ohm-reel-info-v177{min-height:82px!important;padding:7px!important}
  html body #home.page[data-view="reels"] #reels .ohm-reel-info-v177 h3{min-height:30px!important;max-height:30px!important;font-size:10px!important}
  html body #home.page[data-view="reels"] #reels .ohm-make-reel-v177{min-height:34px!important;font-size:10px!important}

  /* Home reel previews remain compact too. */
  html body #home.page[data-view="home"] #reels .ohm-reel-cards-v177,
  html body #home.page[data-view="home"] #reels .ohm-reel-only-row{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
  }

  /* Banner always has a real JPEG fallback even before/without JavaScript. */
  html body #hero.hero.full-banner-image{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background-color:#071522!important;
    background-image:url('../ohm_banner_sawan_gold.jpg')!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }
  html body #hero.ohm-auto-banner-slider .ohm-banner-slider-stage{display:block!important}

  /* Keep native browser zoom and fluid shrink behaviour on medium desktop widths. */
  @media (max-width:1399px){
    html body #home.page[data-view="home"] > .content{grid-template-columns:minmax(0,1fr) clamp(230px,18vw,285px)!important;gap:8px!important}
    html body #home.page[data-view="reels"] #reels .ohm-reel-cards-v177{grid-template-columns:repeat(4,minmax(0,1fr))!important}
    html body #songs .ohm-home-pl-v313{max-width:1060px!important}
    html body #home.page[data-view="songs"] #songs .ohm-home-pl-v313{max-width:1180px!important}
  }
  @media (max-width:1150px){
    html body #home.page[data-view="home"] > .content{grid-template-columns:minmax(0,1fr) 225px!important}
    html body #home.page[data-view="home"] #newReleaseIntro{gap:5px!important;padding:7px!important}
    html body #home.page[data-view="reels"] #reels .ohm-reel-cards-v177{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
    html body #songs .ohm-home-pl-layout-v313,
    html body #playlists .ohm-playlist-v84-layout{grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr)!important}
  }
}