[id$=__filters]{width:280px;float:left;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-bottom:40px;margin-left:24px}[id$=__filters]::-webkit-scrollbar{width:4px}[id$=__filters]::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}[id$=__grid]{margin-left:328px;min-width:0}#filter-mobile-bar{display:none;padding:12px 0 8px}.filter-sidebar-inner{padding:0 16px 0 0}.filter-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:2px solid var(--green-deep);margin-bottom:8px}.filter-sidebar-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--green-deep);letter-spacing:1px}.filter-clear-all{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition);display:none}.filter-clear-all:hover{color:var(--green-deep)}.filter-clear-all.visible{display:inline}.filter-active-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;min-height:0}.filter-active-chips:empty{display:none}.filter-chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-deep);color:var(--cream);font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 10px;border-radius:1px;cursor:pointer;transition:background var(--transition)}.filter-chip:hover{background:var(--green-mid)}.filter-chip-remove{font-size:14px;line-height:1;opacity:.75}.filter-group{border-bottom:1px solid var(--border)}.filter-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 0;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--green-deep);transition:color var(--transition)}.filter-group-toggle:hover{color:var(--gold)}.filter-group-icon{font-size:18px;line-height:1;transition:transform var(--transition);color:var(--gold);font-style:normal}.filter-group.collapsed .filter-group-icon{transform:rotate(-90deg)}.filter-group-body{overflow:hidden;transition:max-height .35s ease,opacity .28s ease;max-height:600px;opacity:1}.filter-group.collapsed .filter-group-body{max-height:0;opacity:0;pointer-events:none}.filter-options{padding-bottom:12px;display:flex;flex-direction:column;gap:1px}.filter-option-item.hidden-option{display:none}.filter-options.show-all .filter-option-item.hidden-option{display:flex}.filter-option-item{display:flex;align-items:center;gap:10px;padding:5px 4px;border-radius:var(--radius);cursor:pointer;transition:background var(--transition)}.filter-option-item:hover{background:var(--cream-dark)}.filter-option-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;border:1.5px solid var(--border);background:#fff;cursor:pointer;position:relative;transition:all var(--transition);border-radius:1px;flex-shrink:0}.filter-option-item input[type=checkbox]:checked{background:var(--green-deep);border-color:var(--green-deep)}.filter-option-item input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:4px;width:5px;height:8px;border:1.5px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.filter-option-item input[type=checkbox]:hover:not(:checked){border-color:var(--gold)}.filter-option-label{flex:1;font-size:13px;color:var(--text-mid);transition:color var(--transition);line-height:1.4}.filter-option-item:hover .filter-option-label,.filter-option-item input:checked~.filter-option-label{color:var(--text-dark)}.filter-option-count{font-size:11px;color:var(--text-light);background:var(--cream-dark);padding:1px 6px;border-radius:10px;min-width:22px;text-align:center;transition:all var(--transition)}.filter-option-item input:checked~.filter-option-count{background:var(--gold);color:#fff}.filter-show-more{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:none;border:none;cursor:pointer;padding:2px 4px 12px;display:none;transition:color var(--transition)}.filter-show-more:hover{color:var(--green-deep)}.filter-show-more.visible{display:inline}.filter-price-inputs{display:flex;align-items:center;gap:8px;padding-bottom:14px}.filter-price-input{flex:1;padding:7px 10px;border:1px solid var(--border);background:#fff;font-size:13px;font-family:var(--font-body);color:var(--text-dark);border-radius:var(--radius);transition:border-color var(--transition);min-width:0}.filter-price-input:focus{outline:none;border-color:var(--green-deep)}.filter-price-sep{font-size:13px;color:var(--text-light);flex-shrink:0}.collection-no-results{display:none;text-align:center;padding:60px 20px 40px}.collection-no-results.visible{display:block}.collection-no-results h3{font-family:var(--font-heading);font-size:26px;color:var(--green-deep);margin-bottom:10px}.collection-no-results p{color:var(--text-light);font-size:14px}.filter-mobile-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--green-deep);color:var(--cream);border:none;cursor:pointer;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius);transition:background var(--transition);position:relative}.filter-mobile-trigger:hover{background:var(--green-mid)}.filter-mobile-badge{position:absolute;top:-7px;right:-7px;width:18px;height:18px;background:var(--gold);color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:none;align-items:center;justify-content:center;line-height:1}.filter-mobile-badge.visible{display:flex}.filter-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;z-index:400;opacity:0;transition:opacity var(--transition)}.filter-overlay.active{display:block;opacity:1}.filter-drawer{position:fixed;top:0;left:-340px;width:320px;max-width:88vw;height:100%;background:var(--ivory);z-index:401;display:flex;flex-direction:column;transition:left var(--transition);box-shadow:4px 0 30px #00000026}.filter-drawer.active{left:0}.filter-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:2px solid var(--green-deep);flex-shrink:0}.filter-drawer-head .filter-sidebar-title{font-size:22px}.filter-drawer-close{background:none;border:none;cursor:pointer;color:var(--text-mid);font-size:26px;line-height:1;padding:4px;transition:color var(--transition)}.filter-drawer-close:hover{color:var(--green-deep)}.filter-drawer-body{flex:1;overflow-y:auto;padding:0 20px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.filter-drawer-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:12px;flex-shrink:0}.filter-drawer-footer .btn{flex:1;padding:14px 16px;font-size:11px}.filter-results-count{font-size:12px;color:var(--text-light);text-align:center;padding:8px 0 4px}@media(max-width:1024px){[id$=__filters]{width:230px;margin-left:16px}[id$=__grid]{margin-left:262px}}@media(max-width:768px){[id$=__filters]{display:none!important;float:none;position:static;width:auto;max-height:none;overflow:visible;margin-left:0;padding-bottom:0}[id$=__grid]{margin-left:0}#filter-mobile-bar{display:block}.collection-grid{grid-template-columns:repeat(2,1fr);gap:16px}.filter-bar{flex-wrap:wrap;gap:10px}}@media(max-width:480px){.collection-grid{grid-template-columns:repeat(2,1fr);gap:12px}.filter-drawer{width:88vw}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-filters.css.map */