.page-intro{background:var(--stg-bg);border-bottom:1px solid var(--stg-border);padding:56px 0 40px}.breadcrumb{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--stg-text-muted);margin-bottom:20px;display:flex;gap:8px;align-items:center}.breadcrumb a{color:inherit;transition:color .2s}.breadcrumb a:hover{color:var(--stg-blue)}.breadcrumb .sep{color:var(--stg-border)}.breadcrumb .current{color:var(--stg-navy)}h1.page-title{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(40px,4.5vw,56px);line-height:1.05;letter-spacing:-.025em;color:var(--stg-navy);margin-bottom:10px}.page-desc{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;color:var(--stg-text-muted)}.catalog-layout{max-width:1280px;margin:0 auto;padding:48px 32px 96px;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:start}.catalog-sidebar{width:48px;transition:width .25s ease;position:sticky;top:108px}.catalog-sidebar.open{width:280px}.sidebar-toggle{width:100%;background:#fff;border:1px solid var(--stg-border);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--stg-navy);cursor:pointer;transition:border-color .2s;margin-bottom:16px;white-space:nowrap;overflow:hidden}.sidebar-toggle:hover{border-color:var(--stg-navy)}.sidebar-toggle .chevron{margin-left:auto;flex-shrink:0;transition:transform .25s ease}.sidebar-toggle .chevron.up{transform:rotate(180deg)}.catalog-sidebar:not(.open) .sidebar-toggle span:not(.active-badge){display:none}.catalog-sidebar:not(.open) .sidebar-toggle .chevron{display:none}.active-badge{font-family:JetBrains Mono,monospace;font-size:11px;background:var(--stg-blue);color:#fff;padding:2px 7px;border-radius:10px;flex-shrink:0}.filter-content{background:#fff;border:1px solid var(--stg-border);border-radius:8px;padding:8px 0;overflow:hidden;opacity:1;transition:opacity .2s}.catalog-sidebar:not(.open) .filter-content{opacity:0;pointer-events:none}.filter-search-wrap{padding:16px 20px;border-bottom:1px solid var(--stg-border-soft)}.filter-search{width:100%;background:var(--stg-bg-alt);border:1px solid var(--stg-border);border-radius:6px;padding:9px 12px 9px 34px;font-size:13px;font-family:inherit;color:var(--stg-text);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B6860' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");background-repeat:no-repeat;background-position:12px center;outline:none;transition:border-color .15s}.filter-search:focus{border-color:var(--stg-blue);background-color:#fff}.filter-group{padding:16px 20px;border-bottom:1px solid var(--stg-border-soft)}.filter-group:last-child{border-bottom:none}.filter-group-title{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--stg-text-muted);margin-bottom:12px}.filter-option{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--stg-text);transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-option:hover,.filter-option.checked{background:var(--stg-bg-alt)}.filter-option input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1.5px solid var(--stg-border);border-radius:3px;cursor:pointer;display:grid;place-content:center;background:#fff;flex-shrink:0;transition:all .15s}.filter-option input[type=checkbox]:checked{background:var(--stg-blue);border-color:var(--stg-blue)}.filter-option input[type=checkbox]:checked:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.filter-option input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.filter-label{flex:1}.filter-count{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--stg-text-soft)}.filter-option.checked .filter-count{color:var(--stg-blue)}.filter-clear{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 16px 12px;padding:9px 12px;background:var(--stg-bg-alt);border:1px solid var(--stg-border);border-radius:6px;font-size:12px;color:var(--stg-text);cursor:pointer;width:calc(100% - 32px);transition:all .15s}.filter-clear:hover{background:#fff;border-color:var(--stg-navy);color:var(--stg-navy)}.catalog-body{min-width:0}.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--stg-border)}.result-count{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--stg-text-muted)}.count-num{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:18px;color:var(--stg-navy);letter-spacing:-.01em;margin-right:4px}.count-filter{color:var(--stg-text-soft)}.mobile-filter-btn{display:none;background:#fff;border:1px solid var(--stg-border);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--stg-navy);align-items:center;gap:10px;cursor:pointer;transition:border-color .2s}.mobile-filter-btn:hover{border-color:var(--stg-navy)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card{background:#fff;border:1px solid var(--stg-border);border-radius:8px;padding:20px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;text-decoration:none;color:inherit}.product-card:hover{border-color:var(--stg-navy);transform:translateY(-3px);box-shadow:0 12px 32px #0f2a3f14}.product-image-wrap{background:var(--stg-bg-alt);border-radius:6px;aspect-ratio:4 / 3;margin-bottom:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:8px}.switch-svg{width:80%;height:60%;opacity:.85}.card-body{display:flex;flex-direction:column;flex:1}.model-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.model{font-family:JetBrains Mono,monospace;font-size:17px;font-weight:600;color:var(--stg-navy);letter-spacing:-.01em}.form-tag{font-family:JetBrains Mono,monospace;font-size:10px;padding:3px 8px;background:var(--stg-bg-alt);color:var(--stg-navy);border-radius:3px;font-weight:600;letter-spacing:.08em}.spec-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:14px 0 0;border-top:1px solid var(--stg-border-soft);margin-top:auto}.spec-mini>div{display:flex;flex-direction:column;gap:2px}.spec-mini .l{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--stg-text-muted);font-family:JetBrains Mono,monospace}.spec-mini .v{font-size:12px;color:var(--stg-text);font-weight:500;font-family:JetBrains Mono,monospace}.view-link{font-size:12px;color:var(--stg-blue);font-weight:500;margin-top:12px;opacity:0;transition:opacity .2s}.product-card:hover .view-link{opacity:1}.empty-state{background:#fff;border:1px dashed var(--stg-border);border-radius:8px;padding:64px 32px;text-align:center}.empty-state p{color:var(--stg-text-muted);margin-bottom:24px;font-size:14px}.drawer-overlay{position:fixed;inset:0;background:#0f2a3f80;z-index:90;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;left:0;right:0;bottom:0;background:var(--stg-bg);z-index:100;border-radius:16px 16px 0 0;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle-bar{width:40px;height:4px;background:var(--stg-border);border-radius:2px;margin:12px auto 8px;flex-shrink:0}.drawer-header-row{padding:0 20px 16px;border-bottom:1px solid var(--stg-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.drawer-title{font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:500;color:var(--stg-navy);display:flex;align-items:center;gap:8px}.drawer-close{background:transparent;border:none;color:var(--stg-text-muted);padding:6px;border-radius:4px;cursor:pointer;transition:color .15s}.drawer-close:hover{color:var(--stg-navy)}.drawer-body{flex:1;overflow-y:auto;padding:0 8px 8px}.drawer-body .filter-group{padding:16px 12px}.drawer-footer{border-top:1px solid var(--stg-border);padding:14px 20px;display:grid;grid-template-columns:auto 1fr;gap:12px;flex-shrink:0}.drawer-clear{padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;background:var(--stg-bg-alt);color:var(--stg-text);border:1px solid var(--stg-border);cursor:pointer;transition:all .15s}.drawer-clear:hover{border-color:var(--stg-navy)}.drawer-apply{padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:968px){.catalog-layout{grid-template-columns:1fr;gap:0;padding:24px 20px 72px}.catalog-sidebar{display:none}.mobile-filter-btn{display:inline-flex}.page-intro{padding:40px 0 28px}h1.page-title{font-size:36px}}@media(max-width:560px){.product-grid{grid-template-columns:1fr}}