@font-face{font-family:Druk Wide Bold;src:url(DrukWideBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.modern-filter-bar{background:transparent;border:none;border-radius:0;padding:5px 0 10px;box-shadow:none;margin:0;position:relative}.modern-filter-bar:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent,#e8e8e8,transparent)}.modern-filter-bar-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto;padding:0 35px}.modern-filter-bar+.product-grid{margin-top:2rem}.modern-filters-trigger{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #d1d1d1;border-radius:8px;padding:10px 15px;font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-sm);font-weight:500;color:var(--primary-color);cursor:pointer}.modern-filters-trigger .filter-icon{width:18px;height:18px;stroke:currentColor}.modern-filters-trigger .filter-count{color:var(--primary-color);font-weight:400}.modern-controls-right{display:flex;align-items:center;gap:28px}.control-label{font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-xs);font-weight:500;color:#666;white-space:nowrap}.modern-grid-toggle{display:flex;align-items:center;gap:6px}.grid-buttons{display:flex;gap:4px}.grid-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;cursor:pointer;transition:all .2s ease;border:none;padding:0}.grid-btn svg{width:28px;height:28px;stroke:var(--primary-color);fill:none;transition:all .2s ease}.grid-btn.active svg{stroke:var(--primary-color)!important;fill:var(--primary-color)!important;stroke-width:1!important;fill-opacity:1!important}.grid-btn.active svg rect{fill:var(--primary-color)!important;stroke:var(--primary-color)!important}.grid-btn.active svg *{fill:var(--primary-color)!important;stroke:var(--primary-color)!important}.modern-sort-select{display:flex;align-items:center;gap:12px;letter-spacing:var(--letter-relaxed)}.custom-sort-dropdown{position:relative;min-width:160px}.sort-trigger{width:100%;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;padding:10px 35px 10px 15px;font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-xs);color:#222;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s ease;box-sizing:border-box}.sort-trigger:hover,.custom-sort-dropdown.open .sort-trigger{border-color:#000;box-shadow:0 0 0 3px #0000001a}.sort-current{flex:1;text-align:left}.sort-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;max-height:200px;overflow-y:auto;margin-top:2px}.custom-sort-dropdown.open .sort-options{opacity:1;visibility:visible;transform:translateY(0)}.sort-option{padding:12px 16px;font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-xs);color:#222;cursor:pointer;transition:background-color .15s ease;letter-spacing:var(--letter-relaxed)}.sort-option:last-child{border-bottom:none}.sort-option:hover{background-color:#f8f8f8}.sort-option.selected{background-color:#f0f0f0;font-weight:500}.sort-select-hidden{display:none!important}.sort-dropdown{position:relative;min-width:160px}.sort-select{width:100%;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;padding:12px 40px 12px 16px;font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-sm);color:var(--primary-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px}.sort-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.sort-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:12px;height:12px;stroke:#666;pointer-events:none}.modern-filter-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modern-filter-overlay.active{opacity:1;visibility:visible}.modern-filter-drawer{position:absolute;right:0;top:0;width:420px;max-width:90vw;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.modern-filter-overlay.active .modern-filter-drawer{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:center;padding:var(--drawer-spacing-unit);position:relative;border-bottom:1px solid var(--color-border);background:var(--color-background);margin-top:45px;min-height:60px}.drawer-title{font-family:Druk Wide Bold,Neue Montreal Regular,sans-serif;text-transform:uppercase;font-size:18px;font-weight:900;letter-spacing:.5px;color:var(--color-primary);margin:0;text-align:center;width:100%}.drawer-close{position:absolute!important;right:0;top:-45px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;cursor:pointer;z-index:2}.drawer-close:hover{opacity:.7}.drawer-close svg{width:20px;height:20px}.drawer-content{padding:0 0 24px;flex:1;overflow-y:auto}.active-filters-section{padding:20px 24px;border-bottom:1px solid #F4F4F4;background:#fff}.active-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-sm);font-weight:600;color:var(--primary-color)}.clear-all-btn{background:transparent;border:none;color:#666;font-size:var(--text-xs);text-decoration:underline;cursor:pointer;transition:color .2s ease}.active-filters-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{display:flex;align-items:center;gap:8px;background:#000;color:#fff;padding:6px 12px;border-radius:20px;font-size:var(--text-xs)}.pill-remove{background:transparent;border:none;color:#fff;cursor:pointer;font-size:var(--text-sm);line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.filter-sections{padding:0}.filter-section{border-bottom:1px solid #F4F4F4}.filter-section[open]{background:#fff}.filter-section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;list-style:none;transition:background .2s ease}.filter-section-header::-webkit-details-marker{display:none}.filter-section-title{font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-base);font-weight:600;color:var(--primary-color);margin:0}.filter-section-icon{width:12px;height:12px;stroke:#666;transition:transform .2s ease}.filter-section[open] .filter-section-icon{transform:rotate(180deg)}.filter-section-content{padding:0 0 20px}.size-filter-content{padding:0 24px 20px}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px}.size-option{position:relative;cursor:pointer}.size-option input{position:absolute;opacity:0;width:0;height:0}.size-bubble{display:flex;align-items:center;justify-content:center;width:60px;height:40px;background:#fff;border:1.5px solid #e1e1e1;border-radius:6px;font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-xs);font-weight:500;color:var(--primary-color);transition:all .2s ease}.size-option:hover .size-bubble,.size-option.active .size-bubble,.modern-filter-drawer .size-option.active .size-bubble,.filter-sections .size-option.active .size-bubble{border-color:var(--primary-color)!important;background:var(--primary-color)!important;color:#fff!important}.size-option.disabled .size-bubble{background:#f5f5f5;color:#ccc;border-color:#e1e1e1;cursor:not-allowed}.color-filter-content{padding:0 24px 20px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.color-filter-content .color-swatch-wrapper{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background:transparent;min-width:0}.color-filter-content .color-swatch-label{display:inline-block;width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid #eee;background-clip:content-box;padding:2px;transition:border-color .2s ease;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-width:initial;line-height:initial;color:transparent;font-size:0;overflow:hidden}.color-filter-content .color-swatch-radio:checked+.color-swatch-label{border:2px solid #b7b7b7;border-radius:50%;padding:2px}.color-filter-content .color-swatch-label:hover{border-color:#bbb}.color-filter-content .color-name{font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-xs);color:var(--primary-color);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-filter-content .color-swatch-radio{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.color-filter-content .color-swatch-label span{display:none}.color-filter-content .color-swatch-wrapper.disabled{opacity:.5;cursor:not-allowed}.color-filter-content .color-swatch-radio:focus-visible+.color-swatch-label{outline:2px solid dodgerblue;outline-offset:1px}.standard-filter-content{padding:0 24px 20px;background:#fff}.filter-options{display:flex;flex-direction:column;gap:12px}.checkbox-option{display:flex;align-items:center;gap:10px;padding:2px 5px;border:none;background:#fff;cursor:pointer;transition:all .2s ease}.checkbox-wrapper{position:relative;display:flex;align-items:center}.checkbox-option input{position:absolute;opacity:0;width:0;height:0}.custom-checkbox{width:20px;height:20px;border:2px solid #e1e1e1;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-option input:checked+.custom-checkbox{border-color:#333;background:#333}.custom-checkbox .checkmark{width:12px;height:12px;stroke:#fff;opacity:0;transition:opacity .2s ease}.checkbox-option input:checked+.custom-checkbox .checkmark{opacity:1}.option-text{font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-xs);color:var(--primary-color);flex:1}.checkbox-option.disabled{opacity:.5;cursor:not-allowed}.checkbox-option.disabled .custom-checkbox{background:#f5f5f5;border-color:#e1e1e1}.price-filter-content .facets__price{width:100%;max-width:none}.price-filter-content .field{margin:0;width:100%}.price-filter-content .field__input{background:#fff;border:1.5px solid #e1e1e1;border-radius:6px;padding:12px 16px;font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-sm);width:100%;box-sizing:border-box}.price-filter-content .field__input:focus{border-color:#333;outline:none}.price-filter-content .price-range{width:100%;margin:16px 0}.price-filter-content .field--range{display:flex;gap:12px;align-items:center;width:100%}.price-filter-content .field--range .field{flex:1}.price-filter-content .field__label{font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-xs);color:#fff;margin-bottom:6px;display:block}.price-filter-content>*{max-width:100%;margin-left:auto;margin-right:auto}.modern-filters-overlay .price-range-slider{width:100%!important;max-width:100%!important;overflow:visible!important;box-sizing:border-box!important;background:transparent!important;min-width:unset!important;border-radius:0!important;box-shadow:none!important;margin:0!important;position:relative!important}.modern-filters-overlay .premium-price-range-dropdown{background:transparent!important;border-radius:0!important;box-shadow:none!important;min-width:unset!important;max-width:unset!important;margin:0!important;padding:16px 0!important;position:relative!important;border:none!important}.modern-filters-overlay .price-range-header,.modern-filters-overlay .premium-price-range-header,.modern-filters-overlay .price-range-reset,.modern-filters-overlay .premium-price-range-reset{display:none!important}.modern-filters-overlay .price-range-container,.modern-filters-overlay .premium-price-range-container{position:relative!important;height:40px!important;margin:0 20px!important;width:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important;overflow:visible!important;padding-left:2px!important}.modern-filters-overlay .price-range-track,.modern-filters-overlay .premium-price-range-track{position:absolute!important;width:99%!important;height:5px!important;background:#e1e1e1!important;border-radius:2px!important;top:50%!important;z-index:1!important}.modern-filters-overlay .price-range-progress,.modern-filters-overlay .premium-price-range-progress{position:absolute!important;height:4px!important;background:var(--primary-color)!important;border-radius:2px!important;transition:all .2s ease!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;left:0%!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important}.modern-filters-overlay .price-range-progress.active,.modern-filters-overlay .premium-price-range-progress.active{background:#89cff0!important;display:block!important;visibility:visible!important;opacity:1!important}.modern-filters-overlay .price-range-input,.modern-filters-overlay .premium-price-range-input{height:40px!important;background:transparent!important;pointer-events:auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer!important;border:none!important;outline:none!important}.modern-filters-overlay .price-range-input.price-range-min,.modern-filters-overlay .premium-price-range-input.premium-price-range-min{z-index:10!important;pointer-events:auto!important;transition:z-index .1s ease!important}.modern-filters-overlay .price-range-input.price-range-max,.modern-filters-overlay .premium-price-range-input.premium-price-range-max{z-index:11!important;pointer-events:auto!important;transition:z-index .1s ease!important}.modern-filters-overlay .price-range-input.active{z-index:12!important}.modern-filters-overlay .price-range-input::-webkit-slider-thumb,.modern-filters-overlay .premium-price-range-input::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:18px!important;height:18px!important;background:var(--primary-color)!important;border:3px solid #ffffff!important;border-radius:50%!important;box-shadow:0 2px 8px #0003!important;cursor:pointer!important;transition:all .2s ease!important}.modern-filters-overlay .price-range-input::-moz-range-thumb,.modern-filters-overlay .premium-price-range-input::-moz-range-thumb{width:18px!important;height:18px!important;background:var(--primary-color)!important;border:3px solid #ffffff!important;border-radius:50%!important;box-shadow:0 2px 8px #0003!important;cursor:pointer!important;-moz-appearance:none!important;transition:all .2s ease!important}.modern-filters-overlay .price-range-input::-webkit-slider-track,.modern-filters-overlay .premium-price-range-input::-webkit-slider-track{background:transparent!important;height:40px!important;border:none!important}.modern-filters-overlay .price-range-input::-moz-range-track,.modern-filters-overlay .premium-price-range-input::-moz-range-track{background:transparent!important;height:40px!important;border:none!important}.modern-filters-overlay .price-label,.modern-filters-overlay .price-label-min,.modern-filters-overlay .price-label-max{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important}.modern-filters-overlay .price-min-value,.modern-filters-overlay .price-max-value{display:inline-block!important;font-weight:500!important;color:#333!important;font-size:var(--text-xs)!important}.modern-filters-overlay .price-range-input::-webkit-slider-thumb,.modern-filters-overlay .premium-price-range-input::-webkit-slider-thumb{height:18px!important;width:18px!important;border-radius:50%!important;background:var(--primary-color)!important;border:3px solid #ffffff!important;box-shadow:0 2px 8px #0003!important;pointer-events:auto!important;-webkit-appearance:none!important;cursor:pointer!important;position:relative!important}.modern-filters-overlay .price-range-input::-webkit-slider-thumb:hover,.modern-filters-overlay .premium-price-range-input::-webkit-slider-thumb:hover{transform:scale(1.1)!important;box-shadow:0 3px 12px #0000004d!important}.modern-filters-overlay .price-range-input::-webkit-slider-thumb:active,.modern-filters-overlay .premium-price-range-input::-webkit-slider-thumb:active{transform:scale(1.15)!important;box-shadow:0 4px 16px #0006!important}.modern-filters-overlay .price-range-input::-moz-range-thumb,.modern-filters-overlay .premium-price-range-input::-moz-range-thumb{height:18px!important;width:18px!important;border-radius:50%!important;background:var(--primary-color)!important;border:3px solid #ffffff!important;box-shadow:0 2px 8px #0003!important;pointer-events:auto!important;cursor:pointer!important;-moz-appearance:none!important;position:relative!important}.modern-filters-overlay .price-range-input::-moz-range-thumb:hover,.modern-filters-overlay .premium-price-range-input::-moz-range-thumb:hover{transform:scale(1.1)!important;box-shadow:0 3px 12px #0000004d!important}.modern-filters-overlay .price-range-input::-moz-range-thumb:active,.modern-filters-overlay .premium-price-range-input::-moz-range-thumb:active{background:#111!important;transform:scale(1.1)!important}.modern-filters-overlay .price-range-input::-webkit-slider-track{background:transparent!important;height:20px!important;border:none!important}.modern-filters-overlay .price-range-input::-moz-range-track{background:transparent!important;height:4px!important;border:none!important}.modern-filters-overlay .price-range-labels{display:flex!important;justify-content:space-between!important;margin:0 20px!important;width:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important;box-sizing:border-box!important}.modern-filters-overlay .price-label{font-family:Neue Montreal Regular,sans-serif!important;font-size:var(--text-xs)!important;color:var(--primary-color)!important;font-weight:500!important;border-radius:4px!important;min-width:20px!important;text-align:center!important}.modern-filters-overlay .price-label:before{content:"$"!important}.filter-section.loading{opacity:.6;pointer-events:none}.filter-section.loading .filter-section-header:after{content:"";width:16px;height:16px;border:2px solid #e1e1e1;border-top:2px solid #333333;border-radius:50%;animation:spin 1s linear infinite;background:#fff!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drawer-footer{padding:20px 24px;border-top:1px solid #F4F4F4;background:#fff;position:sticky;bottom:0;z-index:10}.view-results-btn{width:100%;background:#333;color:#fff;border:none;border-radius:6px;padding:14px 24px;font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .2s ease}@media screen and (max-width: 749px){.modern-filter-bar{padding:0}.modern-filter-bar-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:100%;padding:0}.modern-filters-trigger{flex:1;max-width:100px;justify-content:center;border:none!important;background:transparent!important;padding:0}.modern-controls-right{flex:1;justify-content:center;gap:1.5rem;max-width:200px}.desktop-only,.modern-grid-toggle{display:none!important}.modern-sort-select{gap:.5rem}.modern-sort-select .custom-sort-dropdown{min-width:120px}.custom-sort-dropdown .sort-trigger{border:none!important;background:transparent!important;box-shadow:none!important;padding:8px 40px 8px 10px;min-height:36px}.custom-sort-dropdown .sort-trigger:hover,.custom-sort-dropdown.open .sort-trigger{border:none!important;box-shadow:none!important}.sort-select{border:none!important;background:transparent!important;box-shadow:none!important}.modern-filter-drawer{width:100%;max-width:100vw}.size-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.size-bubble{width:50px;height:36px;font-size:var(--text-xs)}.color-grid{grid-template-columns:1fr}}@media screen and (max-width: 480px){.modern-filter-bar{padding:0;margin:0}.modern-filters-trigger{font-size:var(--text-xs);padding:8px 12px;border:none!important;background:transparent!important}.sort-select{font-size:var(--text-xs);padding:8px 28px 8px 10px;min-width:120px;border:none!important;background:transparent!important;box-shadow:none!important}.control-label{font-size:var(--text-xs)}.modern-filter-bar-container{justify-content:center;gap:1.5rem}}body.filter-drawer-open{overflow:hidden}.facets-wrapper.modern-style .facets-container{display:none!important}.facets-wrapper.modern-style~.facets-container{display:none!important}.active-facets,.active-facets-desktop,.active-facets-vertical-filter,#FacetFiltersForm{display:none!important}.modern-filter-bar{display:block!important;position:relative;z-index:10}#product-grid{transition:opacity .3s ease}.modern-filters-trigger{transition:opacity .2s ease}.modern-filters-trigger .filter-icon{transition:transform .2s ease}
/*# sourceMappingURL=/cdn/shop/t/50/assets/modern-filters.css.map */