.filter-nav{position:sticky;top:0;background:#000;border-bottom:1px solid #333;padding:15px 0;z-index:100;margin-bottom:20px}.filter-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;align-items:center}.filter-button{padding:8px 16px;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.filter-button:hover{background:#222}.filter-button.active{background:var(--primary-color);border-color:var(--primary-color)}.filter-count{background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:12px;font-size:12px;display:none}.filter-count:not(:empty){display:inline-block}.clear-filters{padding:8px 16px;background:var(--danger-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px}.filter-mega-menu{position:fixed;left:0;right:0;top:65px;background:#111;border-bottom:1px solid #333;z-index:9999;display:none;padding:24px 0;box-shadow:0 4px 12px #00000080}.mega-menu-inner{max-height:400px;overflow-y:auto}.filter-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative;padding-right:30px}.filter-search{flex:1;padding:8px 12px;background:#000;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;max-width:300px}.filter-search:focus{outline:none;border-color:var(--primary-color)}.clear-filter{padding:6px 12px;background:var(--danger-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px}.close-menu-area{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;color:#fff}.close-text{font-size:14px;color:#fff}.close-menu{color:#fff;font-size:24px;line-height:1;padding:4px 8px;cursor:pointer;background:none;border:none}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 24px}.filter-option{display:flex;align-items:center;padding:6px 8px;cursor:pointer;border-radius:4px;transition:background .2s ease}.filter-option:hover{background:#222}.filter-option input[type=checkbox]{position:absolute;opacity:0}.checkbox{width:16px;height:16px;border:2px solid #333;border-radius:4px;margin-right:8px;position:relative;transition:all .2s ease}.filter-option input[type=checkbox]:checked+.checkbox{background:var(--primary-color);border-color:var(--primary-color)}.checkbox:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-option input[type=checkbox]:checked+.checkbox:after{display:block}.filter-option .label{color:#fff;font-size:14px}@media(max-width:1280px){.filter-options{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.filter-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.filter-search{max-width:100%}}@media(max-width:480px){.filter-buttons{gap:8px}.filter-button{padding:6px 12px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mega-menu.css.map */