/* CANTAIMY v7.6.74 — compact desktop Genres header / hero */
@media (min-width:901px){
  #genres .genre-refresh-topnav{
    height:62px!important;
    grid-template-columns:230px minmax(390px,1fr) minmax(220px,300px) auto 46px!important;
    gap:14px!important;
    padding:0 24px!important;
  }
  #genres .genre-brand-home{height:46px!important;width:180px!important}
  #genres .genre-brand-home img{width:168px!important;height:44px!important}
  #genres .genre-refresh-nav button{height:44px!important;padding:0 12px!important;font-size:13px!important}
  #genres .genre-search-launch{height:38px!important}
  #genres .genre-language button{height:31px!important;width:36px!important}
  #genres .genre-profile-button{width:38px!important;height:38px!important}

  #genres .genre-refresh-shell{
    padding-top:10px!important;
    width:min(1540px,calc(100vw - 30px))!important;
  }
  #genres .genre-refresh-hero{
    min-height:188px!important;
    grid-template-columns:43% 34% 23%!important;
    padding:18px 30px!important;
    border-radius:14px!important;
  }
  #genres .genre-kicker{font-size:11px!important;margin-bottom:0!important}
  #genres .genre-hero-copy h1{
    font-size:clamp(52px,4.5vw,72px)!important;
    line-height:.92!important;
  }
  #genres .genre-hero-copy h2{
    margin:8px 0 3px!important;
    font-size:clamp(17px,1.35vw,22px)!important;
  }
  #genres .genre-hero-description{font-size:12px!important;line-height:1.35!important}
  #genres .genre-hero-actions{margin-top:12px!important}
  #genres .genre-primary-action{height:38px!important;padding:0 18px!important;font-size:12px!important}

  #genres .genre-hero-visual{height:160px!important}
  #genres .genre-hero-visual img{width:145px!important;height:145px!important}
  #genres .genre-eq{height:66px!important;bottom:18px!important;gap:7px!important}
  #genres .genre-eq i{width:6px!important}
  #genres .genre-wave{height:54px!important}
  #genres .genre-wave-b{top:92px!important}

  #genres .genre-hero-slogan{
    margin-top:8px!important;
    font-size:clamp(18px,1.55vw,25px)!important;
    line-height:1.12!important;
  }

  #genres #allGenresSection{margin-top:10px!important}
  #genres #allGenresSection .genre-section-heading{margin:0 8px 8px!important}
  #genres #allGenresSection .genre-section-heading h2{font-size:17px!important}
  #genres #genreGrid.v661-genre-grid,
  #genres #genreGrid.genre-grid{gap:8px 12px!important}
  #genres #genreGrid .genre-card{height:46px!important;min-height:46px!important;max-height:46px!important}
}

/* Keep tablet/mobile comfortable; compact only the very large mobile hero slightly */
@media (max-width:900px){
  #genres .genre-refresh-shell{padding-top:8px!important}
  #genres #allGenresSection{margin-top:12px!important}
}