:root{--lol-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;--lol-primary-color:#333333;--lol-secondary-color:#666666;--lol-text-color:#333333;--lol-text-light:#666666;--lol-text-muted:#888888;--lol-border-color:#e0e0e0;--lol-border-light:#dddddd;--lol-bg-white:#ffffff;--lol-bg-light:#f5f5f5;--lol-link-color:#666666;--lol-link-hover:#333333;--lol-button-bg:#333333;--lol-button-text:#ffffff;--lol-button-hover:#1a1a1a;--lol-transition:0.2s ease;--lol-accordion-transition:0.25s ease-in-out;--lol-sidebar-width:270px}.lol-filter-container *,.lol-filter-container *::before,.lol-filter-container *::after{box-sizing:border-box}.lol-filter-container{display:flex;gap:30px;max-width:1400px;margin:0 auto;padding:24px 16px;font-family:var(--lol-font-family);font-size:14px;line-height:1.4;color:var(--lol-text-color)}.lol-filter-toggle{display:none;align-items:center;gap:8px;padding:10px 16px;background:var(--lol-bg-white);border:1px solid var(--lol-border-color);border-radius:0;font-family:var(--lol-font-family);font-size:14px;font-weight:400;color:var(--lol-text-color);cursor:pointer;transition:background var(--lol-transition);-webkit-tap-highlight-color:#fff0;touch-action:manipulation;user-select:none;-webkit-user-select:none;position:relative;z-index:10}.lol-filter-toggle:hover,.lol-filter-toggle:active{background:var(--lol-bg-light)}.lol-filter-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--lol-transition),visibility var(--lol-transition)}.lol-filter-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.lol-filter-panel{flex-shrink:0;width:var(--lol-sidebar-width);background:var(--lol-bg-white);border-right:1px solid var(--lol-border-light);padding:0 20px 20px 0;height:fit-content;position:sticky;top:24px}.lol-filter-panel-header{display:none;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--lol-border-color)}.lol-filter-panel-header h2{margin:0;font-size:16px;font-weight:500;color:var(--lol-text-color)}.lol-filter-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff0;border:none;cursor:pointer;color:var(--lol-text-color)}.lol-filter-form{display:flex;flex-direction:column;gap:0}.lol-accordion{border-bottom:1px solid var(--lol-border-light)}.lol-accordion:first-child{border-top:1px solid var(--lol-border-light)}.lol-accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;background:var(--lol-bg-white);border:none;font-family:var(--lol-font-family);font-size:14px;font-weight:500;color:var(--lol-text-color);text-align:left;cursor:pointer;transition:background var(--lol-transition)}.lol-accordion-header:hover{background:var(--lol-bg-light)}.lol-accordion-title{flex:1}.lol-accordion-icon{position:relative;width:12px;height:12px;flex-shrink:0}.lol-accordion-icon::before,.lol-accordion-icon::after{content:'';position:absolute;background:var(--lol-text-color);transition:transform var(--lol-accordion-transition),opacity var(--lol-accordion-transition)}.lol-accordion-icon::before{top:50%;left:0;width:100%;height:1px;transform:translateY(-50%)}.lol-accordion-icon::after{top:0;left:50%;width:1px;height:100%;transform:translateX(-50%)}.lol-accordion.is-open .lol-accordion-icon::after{opacity:0;transform:translateX(-50%) rotate(90deg)}.lol-accordion-content{max-height:0;overflow:hidden;transition:max-height var(--lol-accordion-transition),padding var(--lol-accordion-transition)}.lol-accordion.is-open .lol-accordion-content{max-height:500px}.lol-accordion .lol-filter-options{padding:0 15px 15px}.lol-filter-options{display:flex;flex-direction:column;gap:10px}.lol-filter-checkbox,.lol-filter-radio{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.lol-filter-checkbox input,.lol-filter-radio input{position:absolute;opacity:0;cursor:pointer}.lol-checkbox-mark,.lol-radio-mark{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--lol-bg-white);border:1px solid var(--lol-border-color);border-radius:0;transition:all var(--lol-transition);flex-shrink:0}.lol-radio-mark{border-radius:50%}.lol-filter-checkbox:hover .lol-checkbox-mark,.lol-filter-radio:hover .lol-radio-mark{border-color:var(--lol-primary-color)}.lol-filter-checkbox input:checked~.lol-checkbox-mark{background:var(--lol-primary-color);border-color:var(--lol-primary-color)}.lol-filter-checkbox input:checked~.lol-checkbox-mark::after{content:'';width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-bottom:2px}.lol-filter-radio input:checked~.lol-radio-mark{border-color:var(--lol-primary-color)}.lol-filter-radio input:checked~.lol-radio-mark::after{content:'';width:8px;height:8px;background:var(--lol-primary-color);border-radius:50%}.lol-checkbox-label,.lol-radio-label{font-size:14px;font-weight:400;color:var(--lol-text-color);line-height:1.4}.lol-filter-select{width:100%;padding:8px 12px;background:var(--lol-bg-white);border:1px solid var(--lol-border-color);border-radius:0;font-family:var(--lol-font-family);font-size:14px;color:var(--lol-text-color);cursor:pointer;transition:border-color var(--lol-transition)}.lol-filter-select:hover,.lol-filter-select:focus{border-color:var(--lol-primary-color);outline:none}.lol-filter-actions{padding:20px 0 0}.lol-clear-btn{width:100%;padding:10px 16px;background:#fff0;border:1px solid var(--lol-border-color);border-radius:0;font-family:var(--lol-font-family);font-size:14px;font-weight:400;color:var(--lol-text-color);cursor:pointer;transition:all var(--lol-transition)}.lol-clear-btn:hover{background:var(--lol-bg-light);border-color:var(--lol-primary-color)}.lol-filter-main{flex:1;min-width:0}.lol-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 16px;background:var(--lol-bg-light);border-radius:0}.lol-active-filters-label{font-size:13px;font-weight:400;color:var(--lol-text-light)}.lol-filter-pills{display:flex;flex-wrap:wrap;gap:8px}.lol-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--lol-bg-white);border:1px solid var(--lol-border-color);border-radius:0;font-family:var(--lol-font-family);font-size:13px;color:var(--lol-text-color);cursor:pointer;transition:all var(--lol-transition)}.lol-filter-pill:hover{background:var(--lol-primary-color);color:#fff;border-color:var(--lol-primary-color)}.lol-filter-pill svg{flex-shrink:0}.lol-sticky-sentinel{height:0;margin:0;padding:0;visibility:hidden}.lol-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:sticky;top:0;z-index:100;background:var(--lol-bg-white);padding:12px 0;transition:box-shadow 0.2s ease}.lol-results-header.is-sticky{box-shadow:0 2px 8px rgb(0 0 0 / .08);padding:12px 16px;margin-left:-16px;margin-right:-16px}.lol-results-count{margin:0;font-size:14px;font-weight:400;color:var(--lol-text-light)}.lol-view-quote-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:400;color:var(--lol-link-color);text-decoration:none;transition:color var(--lol-transition)}.lol-view-quote-link:hover{color:var(--lol-link-hover);text-decoration:underline}.lol-quote-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--lol-primary-color);color:var(--lol-button-text);font-size:11px;font-weight:600;line-height:1;border-radius:10px}.lol-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.lol-loading-spinner{width:36px;height:36px;border:2px solid var(--lol-border-color);border-top-color:var(--lol-primary-color);border-radius:50%;animation:lol-spin 0.8s linear infinite}@keyframes lol-spin{to{transform:rotate(360deg)}}.lol-loading p{margin:16px 0 0;font-size:14px;color:var(--lol-text-light)}.lol-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.lol-error p{margin:0 0 16px;font-size:14px;color:var(--lol-text-color)}.lol-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.lol-empty svg{color:var(--lol-border-color);margin-bottom:16px}.lol-empty p{margin:0 0 16px;font-size:14px;color:var(--lol-text-light)}.lol-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--lol-bg-white);border:1px solid var(--lol-border-color);border-radius:0;font-family:var(--lol-font-family);font-size:13px;font-weight:500;color:var(--lol-text-color);cursor:pointer;transition:all var(--lol-transition)}.lol-btn:hover{background:var(--lol-bg-light)}.lol-btn-primary{background:var(--lol-button-bg);border-color:var(--lol-button-bg);color:var(--lol-button-text)}.lol-btn-primary:hover{background:var(--lol-button-hover);border-color:var(--lol-button-hover)}.lol-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.lol-product-card{display:flex;flex-direction:column;background:var(--lol-bg-white);border:1px solid var(--lol-border-light);border-radius:0;overflow:hidden;transition:box-shadow var(--lol-transition)}.lol-product-card:hover{box-shadow:0 2px 12px rgb(0 0 0 / .08)}.lol-product-image-link{display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:visible;background:#e6e6e6}.lol-product-image{width:100%;height:100%;object-fit:contain;transition:transform var(--lol-transition)}.lol-product-card:hover .lol-product-image{transform:scale(1.03)}.lol-product-content{flex:1;padding:15px}.lol-product-sku{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--lol-text-color);letter-spacing:.02em}.lol-product-name{margin:0 0 8px;font-family:"Karla",Sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:1.3}.lol-product-name a{font-family:"Karla",Sans-serif!important;font-size:18px!important;font-weight:400!important;color:var(--lol-text-color);text-decoration:none}.lol-product-name a:hover{color:var(--lol-text-light)}.lol-product-meta{margin:0 0 4px;font-size:13px;font-weight:400;color:var(--lol-text-light)}.lol-product-specs{margin:0;font-size:13px;font-weight:400;color:var(--lol-text-light)}.lol-product-actions{display:flex;align-items:center;gap:10px;padding:0 15px 12px}.lol-quantity-wrapper{display:flex;align-items:center;gap:6px}.lol-quantity-label{font-size:13px;font-weight:400;color:var(--lol-text-light)}.lol-quantity-input{width:55px;height:36px;padding:0 8px;border:1px solid var(--lol-border-color);border-radius:0;font-family:var(--lol-font-family);font-size:14px;text-align:center}.lol-quantity-input:focus{outline:none;border-color:var(--lol-primary-color)}.lol-add-to-quote-btn{padding:0 20px;height:36px;background:var(--lol-button-bg);border:none;border-radius:0;font-family:var(--lol-font-family);font-size:13px;font-weight:500;line-height:1;color:var(--lol-button-text);white-space:nowrap;cursor:pointer;transition:background var(--lol-transition)}.lol-add-to-quote-btn:hover{background:var(--lol-button-hover)}.lol-add-to-quote-btn:disabled{background:var(--lol-text-light);cursor:not-allowed}.lol-view-product-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 15px;border-top:1px solid var(--lol-border-light);font-size:13px;font-weight:400;color:var(--lol-link-color);text-decoration:none;transition:all var(--lol-transition)}.lol-view-product-link:hover{background:var(--lol-bg-light);color:var(--lol-link-hover);text-decoration:underline}.lol-load-more-container{display:flex;justify-content:center;padding:32px 0}.lol-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);padding:12px 24px;background:var(--lol-primary-color);color:#fff;border-radius:0;font-family:var(--lol-font-family);font-size:14px;font-weight:400;box-shadow:0 4px 16px rgb(0 0 0 / .15);z-index:10000;opacity:0;transition:all 0.3s ease}.lol-toast.is-visible{transform:translateX(-50%) translateY(0);opacity:1}.lol-toast--error{background:#a00}@media (max-width:1024px){.lol-product-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.lol-filter-container{flex-direction:column;gap:16px}.lol-filter-toggle{display:flex}.lol-filter-overlay{display:block}.lol-filter-panel{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:320px;border-right:none;border-radius:0;padding:0;z-index:1000;overflow-y:auto;transform:translateX(-100%);transition:transform 0.3s ease;background:var(--lol-bg-white)}.lol-filter-panel.is-open{transform:translateX(0)}.lol-filter-panel-header{display:flex;padding:16px;margin-bottom:0;border-bottom:1px solid var(--lol-border-color)}.lol-filter-form{padding:0}.lol-filter-actions{padding:20px 15px}.lol-product-grid{grid-template-columns:1fr}.lol-results-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0}.lol-results-header.is-sticky{padding:10px 16px}.lol-active-filters{flex-direction:column;align-items:flex-start}.lol-product-actions{flex-direction:column;gap:10px}.lol-quantity-wrapper{width:100%;justify-content:space-between}.lol-add-to-quote-btn{width:100%;height:40px}}@media (min-width:769px){.lol-filter-panel{max-height:calc(100vh - 140px);overflow-y:auto}.lol-filter-panel::-webkit-scrollbar{width:6px}.lol-filter-panel::-webkit-scrollbar-track{background:#fff0}.lol-filter-panel::-webkit-scrollbar-thumb{background:var(--lol-border-color);border-radius:3px}.lol-filter-panel::-webkit-scrollbar-thumb:hover{background:var(--lol-text-muted)}}@media print{.lol-filter-panel,.lol-filter-toggle,.lol-load-more-container,.lol-product-actions,.lol-toast{display:none!important}.lol-filter-container{display:block}.lol-product-grid{grid-template-columns:repeat(2,1fr)}}