.category-nav{display:flex;gap:10px;padding:12px 0;overflow-x:auto;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav__item{flex:0 0 auto;border:1px solid var(--border-color,rgba(0,0,0,.08));background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);padding:10px 14px;border-radius:999px;font-weight:650;font-size:14px;letter-spacing:.01em;transition:background .15s ease,border-color .15s ease,transform .1s ease}.category-nav__item:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.35)}.category-nav__item.is-active{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(249,115,22,.08));border-color:rgba(37,99,235,.4)}.category-nav--header{padding:0;justify-content:center}@media (max-width:768px){.category-nav--header{justify-content:flex-start}}@media (min-width:1024px){.category-nav--sidebar{flex-direction:column;padding:18px 0;position:-webkit-sticky;position:sticky;top:var(--sticky-top,88px);max-height:calc(100dvh - var(--sticky-top, 88px));overflow:auto}.category-nav--sidebar .category-nav__item{width:100%;text-align:left;border-radius:14px;padding:12px 14px}}