.mobile-filter-content{padding:20px;background:#fff}.mobile-filter-content .filter-group{margin-bottom:30px}.mobile-filter-content .filter-group:last-child{margin-bottom:0}.mobile-filter-content .filter-title{display:flex;align-items:center;gap:4px;margin-bottom:12px;font-size:16px;font-weight:600;color:#333}.mobile-filter-content .filter-label,.mobile-filter-content .filter-separator{font-weight:700;color:#000}.mobile-filter-content .filter-current-value{color:#666;font-weight:400}.mobile-filter-content .filter-options{display:flex;flex-wrap:wrap;gap:8px;width:100%}.mobile-filter-content .filter-option{padding:8px 16px;border:1px solid #ddd;border-radius:8px;background:#f8f8f8;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.filter-group[data-filter-type=material] .filter-option{width:calc(100% / 3 - 8px)}.filter-group[data-filter-type=style] .filter-option,.filter-group[data-filter-type=shape] .filter-option,.filter-group[data-filter-type=carat] .filter-option{width:calc(25% - 8px)}.filter-group[data-filter-type=carat] .filter-option{aspect-ratio:4 / 3}.mobile-filter-content .filter-option:hover{background:#e8e8e8}.mobile-filter-content .filter-option.active{background:#fff;border:1px solid #000}.mobile-filter-content .filter-option .option-icon{width:36px;height:36px;margin-bottom:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-filter-content .filter-option .option-icon svg{width:100%;height:100%}.cmsi-item-option-icon{width:100%;height:100%}.mobile-filter-content .filter-option .option-text{font-weight:500;text-align:center;font-size:12px;color:#333!important}.facet-btn{display:flex;align-items:center;gap:8px;padding:5px 15px;background:#f8f8f8;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease}.facet-btn:hover{background:#e8e8e8}.facet-btn svg{width:16px;height:16px}.facet-btn span{font-size:14px;font-weight:500}.mobile-filter-footer{position:sticky;bottom:0;left:0;right:0;padding:20px;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -2px 10px #0000000d}.mobile-view-results-btn{width:100%;padding:16px 24px;background:#000;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.mobile-view-results-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.mobile-view-results-btn:active{transform:translateY(0)}.mobile-view-results-btn .btn-text{display:block}.mobile-view-results-btn .loading-spinner{width:20px;height:20px}.mobile-view-results-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-view-results-btn:disabled{cursor:not-allowed;opacity:.6}.mobile-view-results-btn.loading{pointer-events:none;opacity:.7;cursor:not-allowed}.mobile-view-results-btn.loading .btn-text{display:none}.mobile-view-results-btn.loading .loading-spinner{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mobile-filter.css.map */