.filter-button-wrapper{margin-top:15px;margin-bottom:60px;display:flex;justify-content:flex-start}.filter-button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:#faf7f4;border:1px solid #CFCFCF;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;position:relative}.filter-button:hover{transform:translateY(-1px)}.filter-button svg{width:30px;height:30px}.filter-count{position:absolute;top:-8px;right:-8px;background:#ff755a;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.filter-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background:#0006}.filter-modal.active{display:block}.filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0}body:has(.filter-modal.active) #shopify-section-header{display:none}body:has(.filter-modal.active) .announcement-bar--wrapper{display:none}.filter-modal-content{position:fixed;top:0;left:0;bottom:0;background:#faf7f4;width:90%;max-width:450px;display:flex;flex-direction:column;box-shadow:4px 0 24px #00000026;z-index:999999;transform:translate(-100%);transition:transform 2s ease-in-out}.filter-modal.active .filter-modal-content{transform:translate(0)}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:none;position:relative}.filter-modal-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:94%;height:1px;background:#e3e3e3}.filter-modal-title{display:flex;align-items:center;gap:8px}.filter-modal-title h2{margin:0;font-size:18px;font-weight:500}.filter-modal-close{background:none;border:none;padding:4px;cursor:pointer;border-radius:8px;transition:all .2s ease}.filter-modal-close:hover{background:#f5f5f5}.filter-modal-body{overflow-y:auto;padding:12px 16px 16px;flex:1}.filter-category{margin-bottom:20px}.filter-category:last-child{margin-bottom:0}.filter-category-title{font-size:16px;font-weight:600;margin:0 0 10px}.filter-options-pills{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4rem;margin-top:1.5rem}.filter-options-pills .filter-option{display:inline-flex;align-items:center;padding:10px 15px;background:#faf7f4;border:1px solid #e3e3e3;color:#32323a;border-radius:100px;font-size:16px;cursor:pointer;white-space:nowrap;text-align:center;position:relative}.filter-options-pills .filter-option:hover{border-color:#e3e3e3}.filter-options-pills .filter-option.active{border:1px solid #767676;color:#32323a;padding-right:42px}.filter-options-pills .filter-option.active:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#32323a;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12L10 15L17 8' stroke='%23FAF7F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px;flex-shrink:0}.filter-options-list{display:flex;flex-direction:column;gap:4px;margin-bottom:2rem;margin-top:1.5rem}.filter-option-with-icon{display:flex;align-items:center;gap:12px;padding:12px 50px 12px 0;background:#faf7f4;border:1px solid transparent;font-size:16px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;border-top:1px solid #e3e3e3;position:relative}.filter-option-with-icon:hover,.filter-option-with-icon.active{background:#faf7f4;border:1px solid transparent;border-top:1px solid #e3e3e3}.filter-option-with-icon.active>svg{stroke:#32323a}.filter-option-with-icon.active:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#32323a;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12L10 15L17 8' stroke='%23FAF7F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.filter-option-with-icon:disabled{opacity:.4;cursor:not-allowed}.filter-option-with-icon:disabled:hover{background:#faf7f4}.filter-option-with-icon svg{width:20px;height:20px;flex-shrink:0;padding-left:0}.filter-modal-footer{padding:35px 16px;display:flex;flex-direction:column;gap:12px}.filter-apply-button{width:100%;padding:14px 10px;background:#ff755a;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.filter-apply-button:hover{background:#ff755a;transform:translateY(-1px)}.filter-apply-button:active{transform:translateY(0)}.filter-reset-button{background:none;border:none;color:#666;font-size:14px;font-weight:400;text-align:left;cursor:pointer;padding:6px;text-decoration:underline;transition:color .2s ease}.filter-reset-button:hover{color:#32323a}.filter-reset-button:active{transform:translateY(0)}@media (max-width: 768px){.filter-modal-content{width:95%;max-width:450px;max-height:100vh;top:0;left:0;transform:translate(-120%)}.filter-modal.active .filter-modal-content{transform:translate(0)}.filter-modal-header,.filter-modal-body,.filter-modal-footer{padding:12px 16px}.filter-options-pills .filter-option{font-size:14px;padding:10px;white-space:normal;word-break:break-word;line-height:1.3}.filter-button-wrapper{margin-top:15px;margin-bottom:40px;display:flex;justify-content:flex-start}}.filter-button .icon-filters{width:17px;height:auto}@media screen and (max-width: 989px){.filter-button .icon-filters{width:15px}}@media screen and (max-width: 749px){.filter-button .icon-filters{width:14px}.filter-modal-content{max-width:700px;min-width:90%}}.filter-options-pills .filter-option:disabled{color:#0006;border-color:#0000004d;cursor:not-allowed}.filter-option-with-icon:disabled{color:#0006;cursor:not-allowed}.filter-option-with-icon:disabled svg{opacity:.4}
/*# sourceMappingURL=/cdn/shop/t/230/assets/component-filter.css.map */