.category-sidebar{background:var(--bg-card);border:1px solid var(--border);top:calc(var(--header-height) + 1rem);border-radius:.75rem;position:sticky;overflow:hidden}.sidebar-title{color:var(--text-primary);background:var(--bg-surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.875rem;font-weight:600}.category-tree{padding:.25rem 0}.cat-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;transition:all .15s;display:flex}.cat-item:hover{background:var(--bg-surface);color:var(--text-primary)}.cat-item--active{color:var(--primary-light);background:#1e5fbf1a;font-weight:500}.cat-item--all{border-bottom:1px solid var(--border);font-weight:500}.cat-label{text-align:left;flex:1}.cat-badge{color:var(--text-muted);background:var(--bg-surface);border-radius:999px;padding:1px 6px;font-size:.6875rem}.cat-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.cat-chevron--open{transform:rotate(180deg)}.cat-children{max-height:0;transition:max-height .25s;overflow:hidden}.cat-children--open{max-height:500px}.cat-item--child{padding-left:2.25rem;font-size:.75rem}.products-header{padding:1.5rem 0 .75rem}.products-title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.products-count{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;align-items:center;max-width:500px;margin-bottom:1.25rem;padding:0 .75rem;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--primary)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.6rem .5rem;font-size:.875rem}.search-input::placeholder{color:var(--text-muted)}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.25rem;display:flex}.search-clear:hover{color:var(--text-primary)}.products-layout{align-items:flex-start;gap:1.5rem;display:flex}.products-sidebar{flex-shrink:0;width:220px}.products-main{flex:1;min-width:0}.mobile-filter-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.375rem;margin-bottom:.75rem;padding:.5rem .875rem;font-size:.8125rem;display:none}.mobile-filter-badge{background:var(--primary);color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:80px;padding:1px 6px;font-size:.625rem;overflow:hidden}.mobile-filter-overlay{z-index:200;background:#00000080;display:flex;position:fixed;inset:0}.mobile-filter-drawer{background:var(--bg-dark);width:280px;max-width:85vw;height:100%;padding:1rem;overflow-y:auto}.mobile-filter-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.mobile-filter-header h3{font-size:1rem;font-weight:600}.mobile-filter-header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem}.product-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:.75rem;transition:all .25s;overflow:hidden}.product-card:hover{border-color:var(--border-light);transform:translateY(-3px);box-shadow:0 8px 30px #1e5fbf1a}.product-card-img{aspect-ratio:1;background:var(--bg-dark);justify-content:center;align-items:center;padding:.75rem;display:flex;overflow:hidden}.product-card-img img{object-fit:contain;width:100%;height:100%;transition:transform .2s}.product-card:hover .product-card-img img{transform:scale(1.05)}.product-card-img-placeholder{color:var(--text-muted);opacity:.4}.product-card-body{padding:.75rem}.product-card-tags{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.375rem;display:flex}.tag{border-radius:999px;padding:1px 6px;font-size:.625rem;font-weight:500}.tag--category{color:var(--primary-light);background:#1e5fbf26}.tag--brand{color:var(--text-muted);background:var(--bg-surface)}.tag--instock{color:#4ade80;background:#52c41a26}.tag--outstock{color:#f87171;background:#ef444426}.tag--preorder{color:#fbbf24;background:#f59e0b26}.product-card-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.6875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-footer{justify-content:space-between;align-items:center;display:flex}.product-card-price{color:var(--accent-orange);font-size:.9375rem;font-weight:700}.product-card-actions{gap:.375rem;display:flex}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn--sm{padding:.375rem .75rem;font-size:.75rem}.btn--lg{padding:.625rem 1.5rem;font-size:.875rem}.btn--full{width:100%}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark)}.btn--outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn--outline:hover{border-color:var(--primary-light);color:var(--primary-light)}.products-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.pagination-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.8125rem;transition:all .15s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--border-light);color:var(--text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--text-muted);font-size:.8125rem}.products-loading{text-align:center;color:var(--text-muted);padding:4rem 1rem}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;margin:0 auto .75rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.products-empty{text-align:center;color:var(--text-muted);padding:4rem 1rem}.empty-icon{opacity:.5;margin-bottom:.75rem;font-size:3rem}.empty-hint{margin-top:.25rem;font-size:.75rem}.products-result-count{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.75rem}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;max-height:90vh;animation:.2s modalIn;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-container--detail{width:100%;max-width:1000px}.modal-container--inquiry{width:100%;max-width:480px}.modal-container--success{text-align:center;max-width:400px;padding:2.5rem}.modal-close{z-index:10;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;padding:.375rem;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.modal-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 0;display:flex}.modal-header h3{font-size:1.125rem;font-weight:600}.success-icon{color:#4ade80;margin:0 auto 1rem;display:block}.detail-layout{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.detail-gallery{padding:1.5rem 0 1.5rem 1.5rem}.detail-main-img{aspect-ratio:1;background:var(--bg-dark);border:1px solid var(--border);border-radius:.75rem;justify-content:center;align-items:center;display:flex;overflow:hidden}.detail-main-img img{object-fit:contain;width:100%;height:100%;padding:.75rem}.detail-img-placeholder{color:var(--text-muted);opacity:.3}.detail-img-nav{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.detail-img-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:.375rem;flex-shrink:0;padding:.25rem;display:flex}.detail-img-btn:hover{color:var(--text-primary);border-color:var(--border-light)}.detail-thumbnails{flex:1;gap:.375rem;display:flex;overflow-x:auto}.detail-thumb{background:var(--bg-dark);cursor:pointer;border:2px solid #0000;border-radius:.375rem;flex-shrink:0;width:48px;height:48px;padding:2px;overflow:hidden}.detail-thumb--active{border-color:var(--primary)}.detail-thumb img{object-fit:contain;width:100%;height:100%}.detail-info{padding:1.5rem 1.5rem 1.5rem 0}.detail-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.4}.detail-tags{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.detail-specs-grid{background:var(--bg-surface);border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding:.875rem;display:grid}.detail-spec-item{flex-direction:column;gap:.125rem;display:flex}.detail-spec-label{color:var(--text-muted);font-size:.6875rem}.detail-spec-value{color:var(--text-primary);font-size:.8125rem;font-weight:500}.detail-overview{color:var(--text-secondary);border-left:3px solid var(--primary);background:#1e5fbf0d;border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.8125rem;line-height:1.6}.detail-inquiry-btn{width:100%;margin-bottom:1.25rem}.detail-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:1rem;display:flex}.detail-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.625rem 1rem;font-size:.8125rem;transition:all .15s}.detail-tab:hover{color:var(--text-primary)}.detail-tab--active{color:var(--primary-light);border-bottom-color:var(--primary)}.detail-tab-content{color:var(--text-secondary);max-height:300px;font-size:.8125rem;line-height:1.7;overflow-y:auto}.detail-ai-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.detail-ai-toggle{width:100%;color:var(--primary-light);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8125rem;font-weight:500;display:flex}.detail-chevron{color:var(--text-muted);transition:transform .2s}.detail-chevron--open{transform:rotate(180deg)}.detail-ai-content{color:var(--text-muted);padding-top:.5rem;font-size:.8125rem;line-height:1.7}.inquiry-product-name{color:var(--text-primary);padding:0 1.5rem;font-size:.875rem;font-weight:500}.inquiry-product-sku{color:var(--text-muted);padding:0 1.5rem .5rem;font-size:.75rem}.form-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;margin:0 1.5rem .75rem;padding:.5rem .75rem;font-size:.75rem}.inquiry-form{padding:.5rem 1.5rem 1.5rem}.form-group{margin-bottom:.875rem}.form-group label{color:var(--text-primary);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.form-group input,.form-group textarea{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.8125rem;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.prose h3,.prose h4{color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem;font-weight:600}.prose p{margin-bottom:.5rem;line-height:1.7}.prose ul,.prose ol{margin-bottom:.5rem;padding-left:1.25rem}.prose li{margin-bottom:.25rem}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose strong{color:var(--text-primary)}.prose table{border-collapse:collapse;width:100%;margin:.5rem 0}.prose th,.prose td{border:1px solid var(--border);padding:.375rem .625rem;font-size:.75rem}.prose th{background:var(--bg-surface);color:var(--text-primary);font-weight:600}@media (max-width:1023px){.products-sidebar{display:none}.mobile-filter-toggle{display:flex}.products-grid{grid-template-columns:repeat(3,1fr)}.detail-layout{grid-template-columns:1fr}.detail-gallery{padding:1rem}.detail-info{padding:0 1rem 1rem}}@media (max-width:767px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.modal-overlay{align-items:flex-end;padding:.5rem}.modal-container{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:95vh}.modal-container--detail{max-width:100%}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-card-body{padding:.625rem}.product-card-name{font-size:.75rem}.detail-specs-grid{grid-template-columns:1fr}}