/* Catalogue mobile density consolidated from legacy runtime. */
@media(max-width:720px){
  body[data-page="catalog"] #catalog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important}
  body[data-page="catalog"] #catalog-grid .card{min-width:0!important;width:100%!important;max-width:none!important}
  body[data-page="catalog"] #catalog-grid .card-body{padding:7px 7px 8px}
  body[data-page="catalog"] #catalog-grid .card-title{font-size:.69rem}
  body[data-page="catalog"] #catalog-grid .card-meta{font-size:.57rem;margin-top:3px}
  body[data-page="catalog"] .genre-filter .chips{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;align-items:flex-start!important;column-gap:7px!important;row-gap:7px!important;max-height:84px!important;overflow:hidden!important;padding:1px 1px 2px!important}
  body[data-page="catalog"] .genre-filter .chips.is-expanded{max-height:none!important;overflow:visible!important}
  body[data-page="catalog"] .genre-filter .chip{flex:0 0 auto!important;white-space:nowrap!important;min-height:30px!important;line-height:1.1!important}
  body[data-page="catalog"] .genre-more-wrap{display:flex!important;justify-content:center!important;margin-top:12px!important;padding-top:3px!important}
  body[data-page="catalog"] .genre-more-wrap[hidden]{display:none!important}
  body[data-page="catalog"] #genres-more{min-height:36px;padding:8px 15px;border:1px solid rgba(134,66,255,.28);border-radius:999px;background:rgba(134,66,255,.08);color:var(--violet3);font-size:.72rem;font-weight:700;letter-spacing:.02em}
  body[data-page="catalog"] #genres-more:hover{background:rgba(134,66,255,.14);border-color:rgba(134,66,255,.42)}
}
@media(min-width:421px) and (max-width:540px){body[data-page="catalog"] #catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:541px) and (max-width:720px){body[data-page="catalog"] #catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:390px){body[data-page="catalog"] #catalog-grid{gap:8px!important}}