.compact-categories{--compact-category-surface:#fff;--compact-category-text:#111827;--compact-category-action:#f2f5fb;--compact-category-action-hover:#e8edf7;border:1px solid var(--line,#e2e8f0);background:var(--compact-category-surface);width:100%;max-width:1280px;box-shadow:var(--shadow,0 4px 20px #0f172a0d);border-radius:18px;margin:0 auto 24px;padding:18px 14px 14px}:root[data-theme=dark] .compact-categories,.dark .compact-categories{--compact-category-surface:#111827;--compact-category-text:#f8fafc;--compact-category-action:#1b2434;--compact-category-action-hover:#263248;border-color:#ffffff17}.compact-category-list{direction:rtl;grid-template-columns:repeat(10,minmax(0,1fr));gap:14px 12px;display:grid}.compact-category-list:not(.is-expanded) .compact-category-item:nth-child(n+11){display:none}.compact-category-item{min-width:0;color:var(--compact-category-text);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:4px 2px 8px;text-decoration:none;transition:background-color .18s,transform .18s;display:flex}.compact-category-item.is-active{background:var(--compact-category-action-hover);box-shadow:inset 0 0 0 2px #2563eb}.compact-category-item:hover{background:color-mix(in srgb,var(--compact-category-action)78%,transparent);transform:translateY(-2px)}.compact-category-item:focus-visible,.compact-category-toggle:focus-visible{outline-offset:3px;outline:3px solid #2563eb}.compact-category-art{aspect-ratio:1;background:var(--compact-category-action);border-radius:20px;width:clamp(64px,6.7vw,88px);display:block;position:relative;overflow:hidden;box-shadow:0 5px 14px #0f172a21}.compact-category-art img{object-fit:cover;width:100%;height:100%}.compact-category-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;font-size:clamp(.76rem,1.05vw,.93rem);font-weight:750;line-height:1.4;display:-webkit-box;overflow:hidden}.compact-category-toggle{width:100%;min-height:52px;color:var(--compact-category-text);background:var(--compact-category-action);font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:16px;padding:10px 18px;font-size:.98rem;font-weight:800;transition:background-color .18s,transform .18s}.compact-category-toggle:hover{background:var(--compact-category-action-hover)}.compact-category-toggle:active{transform:scale(.995)}@media (width<=960px){.compact-category-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=600px){.compact-categories{border-left:0;border-right:0;border-radius:14px;margin-bottom:18px;padding:14px 6px 8px}.compact-category-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 4px}.compact-category-list:not(.is-expanded) .compact-category-item:nth-child(n+9){display:none}.compact-category-art{border-radius:17px;width:clamp(58px,17vw,76px)}.compact-category-label{min-height:2.9em;font-size:clamp(.7rem,3.35vw,.86rem)}.compact-category-toggle{border-radius:10px;min-height:56px;margin-top:18px}}@media (prefers-reduced-motion:reduce){.compact-category-item,.compact-category-toggle{transition:none}}