.cat-header{background:var(--bg-warm);border-bottom:1px solid var(--border);padding:48px 24px}.cat-main{flex:1;align-items:flex-start;gap:40px;width:100%;max-width:1400px;margin:0 auto;padding:40px 24px;display:flex}.cat-sidebar{flex-shrink:0;width:230px;position:sticky;top:100px}.cat-scroll-list{flex-direction:column;gap:4px;max-height:300px;padding-right:4px;display:flex;overflow-y:auto}.cat-scroll-list::-webkit-scrollbar{width:3.5px}.cat-scroll-list::-webkit-scrollbar-track{background:#00000005;border-radius:4px}.cat-scroll-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.cat-scroll-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}.cat-search-box{margin-bottom:12px;position:relative}.cat-search-input{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:34px;color:var(--ink);box-sizing:border-box;transition:var(--transition-smooth);outline:none;padding:0 28px;font-size:11.5px}.cat-search-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #d4567a1a}.cat-search-icon{color:var(--text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.cat-clear-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cat-mobile-dropdown-wrap{background:var(--bg);border-bottom:1px solid var(--border);z-index:80;padding:12px 16px;display:none;position:sticky;top:58px}.cat-mobile-dropdown-wrap select{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--ink);background:#fff;outline:none;padding:12px 40px 12px 16px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0000000a}.cat-mobile-select-icon{pointer-events:none;color:var(--text-muted);font-size:10px;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.cat-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.cat-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:768px){.cat-header{text-align:center;padding:24px 16px}.cat-header h1{font-size:24px!important}.cat-main{flex-direction:column;gap:0;padding:16px 12px}.cat-sidebar{display:none!important}.cat-mobile-dropdown-wrap{display:block!important}.cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:380px){.cat-grid{gap:8px}}@keyframes premiumFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.premium-card{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards premiumFadeUp}.hover-scale-img img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.hover-scale-img:hover img{transform:scale(1.05)}