.product-hub-module{font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.filter-container{container-type:scroll-state;position:sticky;top:0;z-index:9999}.filter-controls{background:#ddd;border:1px solid #cbd6e2;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:2rem;transition:all .3s ease}#filter-mobile{background:#efefef;border:1px solid #cbd6e2;display:none;opacity:0;text-align:center}#filter-mobile label{background:#efefef;display:inline-flex;padding:.5rem}#filter-drawer{appearance:none}@container scroll-state(stuck: top){.filter-controls{background:#efefef;border-radius:0;box-shadow:0 4px 20px rgba(0,0,0,.1);opacity:0;padding:1rem 2rem;transition:all .3s ease;visibility:hidden}#filter-mobile{display:block;opacity:1}#filter-mobile:has(input#filter-drawer:checked)~.filter-controls{display:flex;opacity:1;visibility:visible}}.filter-controls input,.filter-controls select{border:1px solid #cbd6e2;border-radius:6px;flex:1;font-size:14px;min-width:180px;padding:8px 12px}.results-counter{color:#33475b;font-size:14px;font-weight:500;margin-bottom:20px}.product-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.product-card{background:#fff;border:1px solid #cbd6e2;border-radius:8px;padding:16px;transition:transform .2s,box-shadow .2s}.product-card.visible{display:flex!important;flex-direction:column}.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.product-image{align-content:center;flex:auto}.product-card h3{color:#2d3e50;font-size:16px;margin:0 0 8px}.product-card img{width:100%}.product-card .sku{color:#516f90;font-size:13px;margin-bottom:12px}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{background-color:#eef2f5;border-radius:4px;color:#2d3e50;font-size:11px;font-weight:600;padding:3px 8px;text-transform:capitalize}.multi-select-wrapper{display:flex;flex:1;flex-direction:column;min-width:220px}.filter-label{color:#516f90;font-size:12px;margin-bottom:4px}.category-group-section{margin-bottom:36px}.category-title{border-bottom:2px solid #135193;color:#0675cd;font-size:1.75rem;font-weight:700;margin-bottom:16px;padding-bottom:8px}.custom-dropdown-container{display:flex;flex:1;flex-direction:column;min-width:220px;position:relative}.custom-dropdown{position:relative;user-select:none}.dropdown-trigger{align-items:center;background:#fff;border:1px solid #cbd6e2;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;height:38px;justify-content:space-between;padding:8px 12px}.dropdown-trigger .arrow{color:#516f90;font-size:10px;transition:transform .2s}.custom-dropdown.open .arrow{transform:rotate(180deg)}.dropdown-panel{background:#fff;border:1px solid #cbd6e2;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;left:0;margin-top:4px;max-height:180px;overflow-y:auto;padding:6px 0;position:absolute;right:0;top:100%;z-index:100}.custom-dropdown.open .dropdown-panel{display:block}.dropdown-option{align-items:center;color:#33475b;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px}.dropdown-option:hover{background-color:#f5f8fa}.dropdown-option input[type=checkbox]{cursor:pointer;flex:0 0 auto;min-width:auto}#clearFiltersBtn{background:#045ead;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:100%;font-size:18px;padding:12px 2rem;text-transform:uppercase;width:100%}#clearFiltersBtn:disabled{background:#666}.infoBtn{padding:1rem 0}.infoBtn a{color:#0675cd;text-decoration:none}.infoBtn a:hover{color:#135193}.chevron{border-color:currentcolor;border-style:solid;border-width:0 3px 3px 0;display:inline-block;height:0;padding:5px;width:0}.chevron.down{transform:rotate(45deg)}.double-chevron{display:inline-block;height:22px;position:relative;width:14px}.double-chevron:after,.double-chevron:before{border-color:currentcolor;border-style:solid;border-width:0 3px 3px 0;content:"";padding:4px;position:absolute;transform:rotate(45deg)}.double-chevron:before{left:0;top:0}.double-chevron:after{left:0;top:6px}