/* Catalogue — final responsive polish for the genre selector. */
body[data-page="catalog"] #quick-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  column-gap:8px!important;
  row-gap:8px!important;
  max-height:72px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transition:max-height .25s var(--ease)!important;
}

body[data-page="catalog"] #quick-chips.is-expanded{
  max-height:none!important;
  overflow:visible!important;
}

body[data-page="catalog"] #quick-chips .chip{
  flex:0 0 auto!important;
  min-height:32px!important;
  box-sizing:border-box!important;
}

body[data-page="catalog"] .genre-more-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:8px 0 10px!important;
  min-height:36px!important;
  box-sizing:border-box!important;
}

body[data-page="catalog"] .genre-more-wrap[hidden]{
  display:none!important;
}

/* Secondary control: intentionally distinct from selectable genre chips. */
body[data-page="catalog"] #genres-more{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:7px 13px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  filter:none!important;
  font-size:.79rem!important;
  font-weight:600!important;
  line-height:1!important;
  transform:none!important;
  transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)!important;
}

body[data-page="catalog"] #genres-more::after{
  content:'⌄';
  font-size:.92rem;
  line-height:1;
  transform:none!important;
}

body[data-page="catalog"] #genres-more[aria-expanded="true"]::after{
  content:'⌃';
}

body[data-page="catalog"] #genres-more:hover,
body[data-page="catalog"] #genres-more:focus-visible{
  border-color:rgba(134,66,255,.42)!important;
  background:rgba(134,66,255,.08)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  transform:none!important;
}

@media (max-width:599px){
  body[data-page="catalog"] #quick-chips{
    column-gap:7px!important;
    row-gap:7px!important;
    max-height:71px!important;
  }

  body[data-page="catalog"] #genres-more{
    min-height:34px!important;
    padding:6px 12px!important;
    font-size:.74rem!important;
  }
}

@media (min-width:600px) and (max-width:767px){
  body[data-page="catalog"] #quick-chips{
    column-gap:8px!important;
    row-gap:8px!important;
    max-height:72px!important;
  }
}

@media (min-width:768px) and (max-width:1023px){
  body[data-page="catalog"] #quick-chips{
    column-gap:8px!important;
    row-gap:8px!important;
    max-height:72px!important;
  }
}

@media (min-width:768px) and (max-width:1023px) and (orientation:landscape){
  /* Keep the secondary genre control available in landscape too. */
  body[data-page="catalog"] .genre-more-wrap{
    display:flex!important;
  }
}

@media (min-width:1024px){
  body[data-page="catalog"] #quick-chips{
    column-gap:8px!important;
    row-gap:8px!important;
    max-height:72px!important;
  }
}