.yv-metafield-filter-btn.active .yv-filter-text{color:#fff!important}.yv-metafield-filter-wrapper{margin-bottom:0;width:100%}.yv-metafield-filter-content{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%}.yv-metafield-filter-header{font-size:12px;font-weight:700;letter-spacing:.4px;color:#0a0a0a;text-transform:uppercase;margin-right:6px;margin-bottom:10px}.yv-metafield-filter-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1}.yv-metafield-filter-btn{padding:8px 14px;background:#f7f7f7;border:1px solid #ececec;font-size:13px;font-weight:700;color:#0a0a0a;cursor:pointer;transition:background .15s ease,border-color .15s ease;display:flex;align-items:center;gap:6px;position:relative}.yv-metafield-filter-btn:hover{background:#efefef}.yv-metafield-filter-btn.active{background:#2fa8e1;border-color:#2fa8e1;color:#fff}.yv-filter-cancel{display:none;flex-shrink:0;margin-left:4px;color:#000}.yv-metafield-filter-btn.active[data-filter-type]:not([data-filter-type=all]) .yv-filter-cancel{display:block}.yv-metafield-sort-wrapper{margin-left:auto;position:relative;z-index:3;flex-shrink:0}.yv-metafield-sort-selected{padding:8px 12px;background:#fff;border:1px solid #ececec;font-size:13px;font-weight:700;color:#0a0a0a;display:flex;align-items:center;gap:8px;cursor:pointer}.yv-metafield-sort-selected:hover{background:#f7f7f7}.yv-metafield-sort-selected svg{transition:transform .2s ease}.yv-metafield-sort-wrapper.open .yv-metafield-sort-selected svg{transform:rotate(180deg)}.yv-metafield-sort-list{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #eaeaea;box-shadow:0 8px 20px #00000014;min-width:200px;max-height:300px;overflow-y:auto;display:none;list-style:none;padding:6px 0;margin:0}.yv-metafield-sort-wrapper.open .yv-metafield-sort-list{display:block}.yv-metafield-sort-list li button{width:100%;text-align:left;padding:10px 14px;border:none;background:none;font-size:13px;cursor:pointer}.yv-metafield-sort-list li button:hover{background:#f7faff}.yv-metafield-sort-list li.selected button{background:#eef6ff;color:#2a8bc4;font-weight:700}.checkmark{background-color:transparent}.yv-pagination-wrapper{display:flex;justify-content:center;margin:24px 0}.yv-circle-pagination{display:flex;align-items:center;gap:8px}.yv-page-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #f0f0f0;background-color:#fff;color:#222;font-size:13px;font-weight:600;text-decoration:none;line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.yv-page-btn:not(.yv-page-btn--active):not(.yv-page-btn--disabled):hover{border-color:#ccc;box-shadow:0 0 0 1px #00000008}.yv-page-btn--active{background-color:#000;border-color:#000;color:#fff}.yv-page-btn--arrow{font-size:16px;font-weight:400;color:#999}.yv-page-btn--arrow:not(.yv-page-btn--disabled):hover{border-color:#ccc;color:#666}.yv-page-btn--disabled{border-color:#f5f5f5;color:#d3d3d3;background-color:#fff;cursor:default}@media (max-width:767px){.yv-metafield-filter-content{flex-direction:row;align-items:stretch;gap:12px}.yv-metafield-filter-buttons{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;gap:8px;width:100%;max-width:100%}.yv-metafield-filter-buttons::-webkit-scrollbar{display:none}.yv-metafield-filter-btn{flex-shrink:0;white-space:nowrap;min-width:auto}.yv-metafield-sort-wrapper{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/312/assets/custom-metafield-filter.css.map */