.cat2{padding-block:clamp(2rem,5vw,4rem) clamp(3rem,7vw,6rem);background:#fff}
.cat2__head{display:grid;justify-items:center;text-align:center;gap:.9rem;margin-bottom:2rem}
.cat2__t{margin:0;font:400 clamp(2rem,4.4vw,2.9rem)/1.05 var(--font-display);letter-spacing:-.02em;color:#0b0b0b}
.cat2__t i{font-style:italic}
.cat2__desc{max-width:36rem;color:#6b6b6b;font-size:14px;line-height:1.6}
.cat2__genres{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.6rem}
.cat2__g{padding:.55rem 1.05rem;border:1px solid #e3e3e8;border-radius:999px;font-size:13px;font-weight:600;color:#111;text-decoration:none;background:#fff;transition:background .2s,color .2s,border-color .2s}
.cat2__g:hover{border-color:#111}
.cat2__g.is-on{background:#111;color:#fff;border-color:#111}
.cat2__rail{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;margin-bottom:1.6rem}
.cat2 .filters-toggle{display:inline-flex;border:1px solid #e3e3e8;background:#fff;color:#111;border-radius:999px;font:700 11px/1 var(--font-sans);letter-spacing:.16em;padding:.8rem 1.2rem;cursor:pointer}
.cat2 .filters-toggle:hover{border-color:#111}
.cat2 .facets{display:none!important;width:100%;margin-top:1rem;padding:1.4rem;border:1px solid #ececf0;border-radius:22px;background:#fff;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.6rem}
.cat2 .facets.is-open{display:grid!important}
.cat2 .facet+.facet{margin-top:0}
.cat2 .facet__title{font:700 10px/1 var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:#6b6b6b}
.cat2 .facet__opt{font-size:13px;color:#333}
.cat2 .facet__opt input{border-radius:5px}
.cat2 .sort-select,.cat2 .price-range input{border:1px solid #e3e3e8;border-radius:999px;background:#fff;color:#111;font-size:13px}
.cat2__grid{list-style:none;margin:0;padding:10px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem}
@media(max-width:1000px){.cat2__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.cat2__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}}
.cat2 .active-filters{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.2rem}
.cat2 .chip{border:1px solid #e3e3e8;border-radius:999px;color:#111;font-size:11px;letter-spacing:.08em;padding:.4rem .8rem}
.cat2__pg{margin-top:3.5rem;display:flex;align-items:center;justify-content:center;gap:1.2rem;font-size:13px;font-weight:600}
.cat2__pg a{padding:.7rem 1.2rem;border:1px solid #111;border-radius:999px;color:#111;text-decoration:none}
.cat2__pg a:hover{background:#111;color:#fff}
.cat2__pg .off{padding:.7rem 1.2rem;border:1px solid #e3e3e8;border-radius:999px;color:#bbb}
.cat2__pg p{margin:0;color:#6b6b6b}
.cat2 .empty-state{border-radius:22px;border-color:#e3e3e8}