/* CANTAIMY v7.6.73 — genre menu aligned closer to approved mock-up */
#genres #allGenresSection{margin-top:12px!important}
#genres #allGenresSection .genre-section-heading{margin-bottom:10px!important}
#genres #allGenresSection .genre-section-heading h2{font:800 18px/1.1 Inter,Arial,sans-serif!important;color:#ffffff!important;letter-spacing:-.02em!important}

#genres #genreGrid.v661-genre-grid,
#genres #genreGrid.genre-grid{
  width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px 14px!important;
}

#genres #genreGrid .genre-card{
  position:relative!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  display:grid!important;
  grid-template-columns:22px 18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(117,123,198,.32)!important;
  background:linear-gradient(135deg,rgba(15,19,57,.95),rgba(11,13,39,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 rgba(0,0,0,0)!important;
  color:#eef2ff!important;
  text-align:left!important;
  transition:border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease!important;
}
#genres #genreGrid .genre-card:hover{
  border-color:rgba(93,225,255,.52)!important;
  background:linear-gradient(135deg,rgba(22,28,79,.97),rgba(14,18,52,.95))!important;
  box-shadow:0 10px 20px rgba(0,0,0,.18),0 0 18px rgba(71,129,255,.08)!important;
  transform:translateY(-1px)!important;
}
#genres #genreGrid .genre-card:active{transform:translateY(0)!important}

#genres #genreGrid .genre-card .genre-check{
  width:22px!important;
  height:22px!important;
  border-radius:6px!important;
  border:1.6px solid rgba(195,205,232,.68)!important;
  background:rgba(255,255,255,.025)!important;
  color:transparent!important;
  box-shadow:none!important;
  font:800 12px/1 Inter,Arial,sans-serif!important;
}
#genres #genreGrid .genre-card .genre-icon{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  font-size:16px!important;
  line-height:1!important;
  filter:drop-shadow(0 0 8px rgba(188,62,255,.14));
}
#genres #genreGrid .genre-card .genre-label{
  min-width:0!important;
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font:600 13px/1 Inter,Arial,sans-serif!important;
  color:#f2f5ff!important;
}

#genres #genreGrid .genre-card.active{
  border-color:rgba(108,224,255,.78)!important;
  background:linear-gradient(135deg,rgba(32,37,98,.98),rgba(16,20,58,.97))!important;
  box-shadow:0 0 0 1px rgba(255,57,199,.16),0 0 22px rgba(0,225,255,.12)!important;
}
#genres #genreGrid .genre-card.active::after{
  content:""!important;
  position:absolute!important;
  inset:auto 10px 0 10px!important;
  height:2px!important;
  border-radius:3px!important;
  background:linear-gradient(90deg,#ff40c5,#7d5cff,#19d7ff)!important;
  opacity:.95!important;
}
#genres #genreGrid .genre-card.active .genre-check{
  border-color:#73e7ff!important;
  background:linear-gradient(180deg,#7be9ff,#66cfff)!important;
  color:#061324!important;
  box-shadow:0 0 14px rgba(79,230,255,.25)!important;
}
#genres #genreGrid .genre-card.active .genre-label{color:#ffffff!important}

#genres #genreGrid .genre-card[data-genre="Ambient / Lo-fi"] .genre-icon{color:#25d3ff!important}
#genres #genreGrid .genre-card[data-genre="Country"] .genre-icon{color:#ff8d35!important}
#genres #genreGrid .genre-card[data-genre="Dance"] .genre-icon{color:#db59ff!important}
#genres #genreGrid .genre-card[data-genre="Electronic / EDM"] .genre-icon{color:#9f65ff!important}
#genres #genreGrid .genre-card[data-genre="Hard Rock"] .genre-icon{color:#ff9f18!important}
#genres #genreGrid .genre-card[data-genre="Hip-Hop / Rap"] .genre-icon{color:#ff4fc4!important}
#genres #genreGrid .genre-card[data-genre="Indie / Alternative"] .genre-icon{color:#ff8f8f!important}
#genres #genreGrid .genre-card[data-genre="Jazz / Blues"] .genre-icon{color:#b47bff!important}
#genres #genreGrid .genre-card[data-genre="K-Pop"] .genre-icon{color:#ff43c0!important}
#genres #genreGrid .genre-card[data-genre="Latin"] .genre-icon{color:#d8dc67!important}
#genres #genreGrid .genre-card[data-genre="Metal"] .genre-icon{color:#d85dff!important}
#genres #genreGrid .genre-card[data-genre="Pop"] .genre-icon{color:#ff38c8!important}
#genres #genreGrid .genre-card[data-genre="R&B / Soul"] .genre-icon{color:#b560ff!important}
#genres #genreGrid .genre-card[data-genre="Reggae"] .genre-icon{color:#76dd4f!important}
#genres #genreGrid .genre-card[data-genre="Rock"] .genre-icon{color:#ff7d4a!important}
#genres #genreGrid .genre-card[data-genre="SuomiPop"] .genre-icon{color:#53c6ff!important}
#genres #genreGrid .genre-card[data-genre="Other"] .genre-icon{color:#d773ff!important}

@media (max-width:1280px){
  #genres #genreGrid.v661-genre-grid,
  #genres #genreGrid.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:900px){
  #genres #genreGrid.v661-genre-grid,
  #genres #genreGrid.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #genres #genreGrid .genre-card{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 12px!important;gap:10px!important}
  #genres #genreGrid .genre-card .genre-label{font-size:12px!important}
}
@media (max-width:480px){
  #genres #genreGrid .genre-card{grid-template-columns:20px 16px minmax(0,1fr)!important}
  #genres #genreGrid .genre-card .genre-check{width:20px!important;height:20px!important}
  #genres #genreGrid .genre-card .genre-icon{font-size:15px!important}
}