body.filter-modal-open{overflow:hidden!important;touch-action:none}.filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;z-index:9999;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.filter-modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}@media screen and (max-width:767px){.filter-modal-overlay{justify-content:center;align-items:flex-end}.filter-modal{width:100%;max-width:100%;height:85vh;max-height:85vh;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.filter-modal-overlay.active .filter-modal{transform:translateY(0)}}@media screen and (min-width:768px){.filter-modal-overlay{justify-content:flex-end;align-items:stretch;padding:12.38px 12.67px 13.62px}.filter-modal{width:100%;max-width:400px;height:100vh;max-height:calc(100vh - 26px);border-radius:16px;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.filter-modal-overlay.active .filter-modal{transform:translate(0)}}.filter-modal{background:#fff;display:flex;flex-direction:column;box-shadow:0 10px 25px #00000026;position:relative;font-family:inherit;overflow:hidden}.filter-modal .filter-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 16px;flex-shrink:0;background:#fff;z-index:2}.filter-modal .filter-title{font-size:16px;font-weight:700;color:#0a192f;margin:0}.filter-modal .close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.filter-form{display:flex;flex-direction:column;flex:1;height:calc(100% - 65px);position:relative;overflow:hidden}.filter-modal .filter-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 20px 90px}.filter-modal .filter-footer{position:absolute;bottom:0;left:0;right:0;width:100%;padding:16px 20px 24px;display:flex;gap:16px;background:#fff;border-top:1px solid #E5E7EB;box-shadow:0 -4px 16px #0000000f;z-index:10}.filter-modal .btn{flex:1;padding:14px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .2s ease;text-transform:none}.filter-modal .btn:hover{opacity:.9}.filter-modal .btn-reset{background-color:#e6eefa;color:#0a192f}.filter-modal .btn-submit{background-color:#0a192f;color:#fff}.filter-modal .accordion-item{border-bottom:1px solid #E5E7EB}.filter-modal .accordion-item:last-child{border-bottom:none}.filter-modal .accordion-header{width:100%;background:none;border:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:#0a192f;cursor:pointer;box-shadow:none;text-align:left}.filter-modal .accordion-header .chevron{transition:transform .3s ease}.filter-modal .accordion-item.active .chevron{transform:rotate(180deg)}.filter-modal .accordion-body{display:none;padding-bottom:20px;flex-direction:column;gap:12px}.filter-modal .accordion-item.active .accordion-body{display:flex}.filter-modal .custom-checkbox{display:flex;align-items:center;position:relative;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;margin:0;padding:0}.filter-modal .custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.filter-modal .checkmark{height:18px;width:18px;background-color:#fff;border:1px solid #D1D5DB;border-radius:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.filter-modal .custom-checkbox:hover input~.checkmark{border-color:#0a192f}.filter-modal .custom-checkbox input:checked~.checkmark{background-color:#0a192f;border-color:#0a192f}.filter-modal .checkmark:after{content:"";display:none;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.filter-modal .custom-checkbox input:checked~.checkmark:after{display:block}.filter-modal .label-text{flex:1;color:#0a192f}.filter-modal .sold-out-badge{font-size:11px;color:#6b7280;background-color:#f3f4f6;padding:2px 6px;border-radius:4px;margin-left:8px}.filter-modal .color-checkbox-wrapper{display:flex;align-items:center;cursor:pointer;gap:12px;-webkit-user-select:none;user-select:none;margin:0;padding:0}.filter-modal .color-checkbox-wrapper input{display:none}.filter-modal .color-swatch{width:26px;height:26px;background-color:var(--swatch-color);border-radius:4px;display:inline-block;border:2px solid transparent;transition:all .2s ease;box-shadow:inset 0 0 0 1px #0000001a;flex-shrink:0}.filter-modal .color-checkbox-wrapper input:checked+.color-swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--swatch-color)}.filter-modal .color-label{font-size:15px;color:#0a192f}.filter-modal .color-count{color:#6b7280;font-weight:400}.filter-modal .price-range-wrapper{padding-top:12px;padding-bottom:8px}.filter-modal .range-slider{position:relative;width:100%;height:24px;margin-bottom:6px;display:flex;align-items:center}.filter-modal .range-slider:before{content:"";position:absolute;width:100%;height:2px;background-color:#e2ecfc;border-radius:1px;top:50%;transform:translateY(-50%)}.filter-modal .range-fill{position:absolute;height:2px;background-color:#07152c;border-radius:1px;z-index:1;top:50%;transform:translateY(-50%)}.filter-modal .range-slider input[type=range]{position:absolute;width:100%;height:100%;top:0;left:0;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;z-index:2;margin:0;outline:none}.filter-modal .range-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:18px;height:18px;background-color:#07152c;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 4px #07152c40;transition:transform .15s ease}.filter-modal .range-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.filter-modal .range-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;background-color:#07152c;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 4px #07152c40;transition:transform .15s ease}.filter-modal .range-slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}.filter-modal .range-slider-ticks{display:flex;justify-content:space-between;width:100%;margin-bottom:12px;padding:0 1px}.filter-modal .range-slider-tick{width:1px;height:6px;background-color:#94a3b8;border-radius:.5px}.filter-modal .price-labels{display:flex;justify-content:space-between;font-size:14px;color:#07152c;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/27/assets/filter-modal.css.map */