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