.category-intro{padding:26px 24px 33px}
.category-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;color:#9aa6b8}
.category-breadcrumb a{color:#7b8da7}.category-breadcrumb a:hover{color:var(--purple)}
.category-intro h1{margin:0 0 12px;font-size:27px;line-height:1.5;letter-spacing:-.5px;font-weight:650;color:var(--ink)}
.category-description{max-width:1050px;color:#626f83;font-size:13px;line-height:1.95;overflow-wrap:anywhere}
.category-description p{margin:0 0 10px}.category-description p:last-child{margin-bottom:0}.category-description a{color:var(--purple);text-decoration:underline}
.filters a.filter{display:block;line-height:1.65}.filters a.filter:hover{border-color:#c9dbfc}.filters a.filter:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
/* Match each category's interaction color to its product-cover palette. */
.filters .filter{--category-start:#3275ff;--category-end:#2662de;--category-shadow:50,117,255;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.filters .filter[data-category="ai"]{--category-start:#0c6948;--category-end:#013825;--category-shadow:1,71,48}
.filters .filter[data-category="grok"]{--category-start:#284860;--category-end:#163246;--category-shadow:32,61,84}
.filters .filter[data-category="museai"]{--category-start:#6c5492;--category-end:#523d77;--category-shadow:98,75,137}
.filters .filter:hover,.filters .filter:focus-visible,.filters .filter.active{background:linear-gradient(120deg,var(--category-start),var(--category-end));border-color:var(--category-start);color:#fff;box-shadow:0 7px 18px rgba(var(--category-shadow),.16)}
.filters .filter:hover strong,.filters .filter:focus-visible strong,.filters .filter.active strong{color:#fff}
.filters .filter:hover>span,.filters .filter:focus-visible>span,.filters .filter.active>span{color:#fff;opacity:.86}
.filters a.filter:focus-visible{outline-color:var(--category-start)}
@media(prefers-reduced-motion:reduce){.filters .filter{transition:none}}
.category-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.category-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:5px 10px;border:1px solid #e7edf7;border-radius:6px;font-size:12px;color:#75849b;background:#f8faff}
.category-pagination .current{background:var(--purple);border-color:var(--purple);color:#fff}
.category-pagination .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.category-pagination a:hover{border-color:var(--purple);color:var(--purple)}
@media(max-width:760px){.category-intro{padding:25px 5px}.category-intro h1{font-size:23px}.category-description{font-size:12px}.category-breadcrumb{font-size:11px;gap:8px}.filters a.filter{flex:1 1 145px}.category-pagination .nav-links{margin-top:20px}}
