.catalog-page{max-width:var(--max-width);margin:0 auto;padding:0 24px 40px}.cat-header{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.cat-title{color:var(--text);font-size:28px;font-weight:700}.cat-count{color:var(--text-muted);font-size:15px;font-weight:400}.cat-toolbar{z-index:20;background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 0;display:flex;position:sticky;top:90px}.cat-toolbar-left{align-items:center;gap:12px;display:flex}.cat-toolbar-right{align-items:center;gap:8px;display:flex}.cat-tree-item{color:var(--text-secondary);border-radius:var(--radius);transition:all var(--transition);justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.cat-tree-item:hover{background:var(--primary-lighter);color:var(--primary)}.cat-tree-item.active{background:var(--primary-light);color:var(--primary);border-left:3px solid var(--primary);padding-left:9px;font-weight:600}.cat-tree-item .count{color:#4b5563;background:var(--bg);border-radius:10px;padding:1px 6px;font-size:12px;font-weight:400}.cat-tree-children{padding-left:16px}.cf-wrapper{margin-bottom:12px}.cf-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.cf-pill{border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-white);color:var(--text);white-space:nowrap;align-items:center;gap:6px;height:36px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.cf-pill:hover{border-color:var(--primary-light);background:var(--primary-lighter)}.cf-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cf-pill.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.cf-pill-count{background:#ffffff4d;border-radius:10px;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.3}.cf-dropdown-wrap{position:relative}.cf-dropdown{background:var(--bg-white);border-radius:var(--radius-xl);z-index:100;border:1px solid var(--border);min-width:280px;max-height:400px;padding:16px;animation:.15s cf-dropdown-in;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.cf-dropdown--price{min-width:320px}@keyframes cf-dropdown-in{0%{opacity:0}to{opacity:1}}.cf-search{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--bg-white);transition:border-color var(--transition);border-radius:10px;outline:none;margin-bottom:12px;padding:10px 12px;font-size:13px}.cf-search:focus{border-color:var(--primary)}.cf-search::placeholder{color:var(--text-muted)}.cf-checkbox-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.cf-checkbox-list::-webkit-scrollbar{width:4px}.cf-checkbox-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cf-checkbox{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;padding:7px 8px;display:flex}.cf-checkbox:hover{background:var(--bg)}.cf-checkbox-box{border:2px solid var(--border);width:18px;height:18px;transition:all var(--transition);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cf-checkbox--checked .cf-checkbox-box{background:var(--primary);border-color:var(--primary)}.cf-checkbox-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.cf-checkbox--checked .cf-checkbox-label{color:var(--primary);font-weight:600}.cf-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.cf-price-inputs{align-items:center;gap:8px;display:flex}.cf-price-input{border:1.5px solid var(--border);width:130px;color:var(--text);background:var(--bg-white);transition:border-color var(--transition);-moz-appearance:textfield;border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.cf-price-input:focus{border-color:var(--primary)}.cf-price-input::-webkit-outer-spin-button{-webkit-appearance:none}.cf-price-input::-webkit-inner-spin-button{-webkit-appearance:none}.cf-price-dash{color:var(--text-muted);flex-shrink:0;font-size:14px}.cf-apply-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:600;transition:background .15s}.cf-apply-btn:hover{background:var(--primary-dark)}.cf-reset{color:var(--text-muted);cursor:pointer;text-underline-offset:2px;white-space:nowrap;background:0 0;border:none;padding:8px 12px;font-size:13px;text-decoration:underline;transition:color .15s}.cf-reset:hover{color:var(--danger)}.cf-tags{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0 8px;display:flex}.cf-tag{background:var(--primary-lighter);color:var(--primary);cursor:pointer;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cf-tag:hover{background:var(--primary-light)}.cf-tag-close{opacity:.6;align-items:center;transition:opacity .15s;display:inline-flex}.cf-tag:hover .cf-tag-close{opacity:1}.cf-clear-all{color:var(--text-muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 8px;font-size:13px;text-decoration:underline;transition:color .15s}.cf-clear-all:hover{color:var(--danger)}@media (max-width:600px){.cf-bar{gap:6px;padding:8px 0}.cf-pill{height:32px;padding:6px 12px;font-size:13px}.cf-dropdown{border-radius:var(--radius-xl) var(--radius-xl) 0 0;min-width:auto;max-height:60vh;position:fixed;inset:auto 0 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}}@media (max-width:768px){.header-nav-path{display:none}}.catalog-updating{opacity:.5;pointer-events:none;transition:opacity .15s}.catalog-layout{grid-template-columns:260px 1fr;gap:24px;margin-top:8px;display:grid}.catalog-sidebar{scrollbar-width:thin;align-self:start;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.sidebar-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.sidebar-title{color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:14px;font-weight:700}.catalog-main{min-width:0}.cat-filter-btn{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.cat-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.cat-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cat-filter-badge{text-align:center;background:#ffffff4d;border-radius:10px;min-width:18px;padding:1px 7px;font-size:12px;font-weight:700}.cat-filter-btn:not(.active) .cat-filter-badge{background:var(--primary);color:#fff}.cat-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:13px;text-decoration:underline}.cat-clear-btn:hover{color:var(--danger)}.cat-filter-panel{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:16px 20px;animation:.2s slideDown}@media (max-width:900px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}}.cat-load-more{flex-direction:column;align-items:center;gap:8px;padding:32px 0;display:flex}.cat-load-more-btn{background:var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;padding:12px 40px;font-size:15px;font-weight:600;transition:all .15s}.cat-load-more-btn:hover{background:var(--primary-dark)}.cat-load-more-btn:disabled{opacity:.6;cursor:wait}.cat-load-more-info{color:var(--text-muted);font-size:13px}.cat-lazy-sentinel{height:1px}.cat-lazy-loading{text-align:center;color:var(--text-muted);padding:24px;font-size:14px}.cat-lazy-done{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.header-nav-path{flex:1;align-items:center;gap:0;min-width:0;display:flex;overflow:hidden}.header-nav-sep{color:var(--text-muted);flex-shrink:0;padding:0 6px;font-size:13px}.header-nav-current{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}@media (max-width:768px){.header-nav-path{display:none}}.header-topbar,.header-nav{max-height:60px;transition:max-height .25s,opacity .15s,padding .25s;overflow:hidden}.header-hidden{pointer-events:none;opacity:0!important;border-color:#0000!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}