.cf-root,.cf-mob,.cf-dialog,.cf-overlay{--cf-blue: #15B2EC;--cf-blue-dk: #0D8FBD;--cf-blue-lt: #E9F7FD;--cf-ink: #141E28;--cf-txt: #37485A;--cf-sub: #6E8092;--cf-muted: #94A6B4;--cf-line: #E2E9EF;--cf-line-lt: #EEF2F5;--cf-bg: #F6F8FA;--cf-white: #FFFFFF;--cf-pass: #1A7A4C;--cf-pass-bg: #E4F3EB;--cf-pass-bdr: #B6DCC8;--cf-warn: #946311;--cf-warn-bg: #FDF2DD;--cf-warn-bdr: #E6CFA0;--cf-r: 10px;--cf-r-sm: 7px;--cf-shadow: 0 1px 3px rgba(14,24,36,.05), 0 6px 20px rgba(14,24,36,.06);--cf-font: "Inter", system-ui, -apple-system, sans-serif;font-family:var(--cf-font);box-sizing:border-box;line-height:1.5;-webkit-font-smoothing:antialiased}.cf-root *,.cf-mob *,.cf-dialog *,.cf-overlay *{box-sizing:border-box}.cf-root{border:1px solid var(--cf-line);border-radius:var(--cf-r);background:var(--cf-white);box-shadow:var(--cf-shadow);overflow:hidden}.cf-head{position:relative;z-index:6;display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:linear-gradient(106deg,var(--cf-blue) 0%,var(--cf-blue-dk) 100%);color:#fff;border:none;cursor:pointer;font-family:inherit;text-align:left;pointer-events:auto}.cf-head-chevron{margin-left:auto;flex-shrink:0;opacity:.85}.cf-head svg{flex-shrink:0;opacity:.9}.cf-head-txt{display:flex;flex-direction:column;gap:1px}.cf-head-txt b{font-size:14px;font-weight:620;letter-spacing:-.01em}.cf-head-txt small{font-size:11px;opacity:.78}.cf-body{padding:16px}.cf-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4b5c6b;margin:0 0 8px}.cf-selects{display:flex;flex-direction:column;gap:7px}.cf-sel-wrap{position:relative}.cf-select{width:100%;padding:10px 32px 10px 11px;border:1.5px solid #C5D0DA;border-radius:var(--cf-r-sm);font-family:inherit;font-size:13px;font-weight:600;color:#141e28;-webkit-text-fill-color:#141E28;background:#fff;color-scheme:light;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.cf-select option,.cf-select optgroup{color:#141e28;background:#fff}.cf-select:hover:not(:disabled){border-color:#c5cfd8}.cf-select:focus{outline:none;border-color:var(--cf-blue);box-shadow:0 0 0 3px #15b2ec21}.cf-select:disabled{background:var(--cf-bg);color:var(--cf-muted);cursor:not-allowed}.cf-sel-wrap:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--cf-muted);border-bottom:1.5px solid var(--cf-muted);transform:translateY(-60%) rotate(45deg);pointer-events:none}.cf-sel-wrap.is-disabled:after{opacity:.35}.cf-machine{display:none;margin-top:12px;padding:12px;background:var(--cf-blue-lt);border:1px solid #C4E5F5;border-radius:var(--cf-r-sm)}.cf-machine.show{display:block}.cf-machine-row{display:flex;align-items:center;gap:9px;margin-bottom:8px}.cf-machine-ico{width:28px;height:28px;border-radius:6px;background:var(--cf-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cf-machine-name{font-size:13.5px;font-weight:620;color:var(--cf-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-machine-chips{display:flex;flex-wrap:wrap;gap:4px}.cf-chip{font-size:10.5px;padding:2px 7px;border-radius:4px;background:#15b2ec1a;color:var(--cf-blue-dk);font-weight:550;white-space:nowrap}.cf-chip.mount{background:#15b2ec2e;font-weight:620}.cf-divider{height:1px;background:var(--cf-line-lt);margin:16px 0}.cf-toggle{display:flex;align-items:center;gap:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.cf-toggle.is-locked{cursor:not-allowed;opacity:.45}.cf-toggle-track{position:relative;flex-shrink:0;width:38px;height:22px;background:#cdd7de;border-radius:11px;transition:background .2s}.cf-toggle input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit;z-index:1}.cf-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000038;transition:transform .2s cubic-bezier(.4,.1,.2,1);pointer-events:none}.cf-toggle:has(input:checked) .cf-toggle-track{background:var(--cf-blue)}.cf-toggle:has(input:checked) .cf-toggle-thumb{transform:translate(16px)}.cf-toggle-copy{display:flex;flex-direction:column}.cf-toggle-copy b{font-size:13px;font-weight:650;line-height:1.25;color:#141e28}.cf-toggle-copy small{font-size:11px;color:#4b5c6b}.cf-result{display:none;margin-top:14px;padding:10px 12px;background:var(--cf-bg);border-radius:var(--cf-r-sm);font-size:12px;color:var(--cf-sub);line-height:1.45}.cf-result.show{display:block}.cf-result strong{color:var(--cf-ink);font-weight:650}.cf-view{position:static;z-index:auto;display:block;width:100%;margin-top:12px;padding:11px 12px;background:linear-gradient(106deg,var(--cf-blue) 0%,var(--cf-blue-dk) 100%);color:#fff;border:none;border-radius:var(--cf-r-sm);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer}.cf-view:hover{filter:brightness(1.04)}.cf-view:disabled{opacity:.45;cursor:not-allowed;filter:none}.cf-clear{display:none;width:100%;margin-top:12px;padding:8px;background:none;border:1px solid var(--cf-line);border-radius:var(--cf-r-sm);font-family:inherit;font-size:12px;font-weight:560;color:var(--cf-sub);cursor:pointer;transition:all .15s}.cf-clear.show{display:block}.cf-clear:hover{border-color:#c2cdd6;color:var(--cf-ink);background:var(--cf-bg)}.cf-footer{display:flex;align-items:start;gap:5px;margin:14px 16px 0;padding-top:12px;border-top:1px dashed var(--cf-line);font-size:11px;color:#4b5c6b;line-height:1.4}.cf-footer svg{flex-shrink:0;margin-top:1px}.cf-banner{display:none;align-items:center;gap:10px;padding:8px 12px;margin:8px 0 0;border-radius:var(--cf-r-sm);font-size:13px;background:var(--cf-pass-bg);border:1px solid var(--cf-pass-bdr);color:#0c6042}.cf-banner.show{display:flex}.cf-banner svg{flex-shrink:0}.cf-banner strong{font-weight:640}.cf-banner-clear{margin-left:auto;background:none;border:none;color:inherit;font:inherit;font-size:12px;font-weight:600;text-decoration:underline;cursor:pointer;white-space:nowrap}.cf-section-label{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;font-weight:600;font-family:var(--cf-font)}.cf-section-label:not(:first-child){margin-top:28px}.cf-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:16px;font-size:11px;font-weight:620}.cf-tag.pass{background:var(--cf-pass-bg);color:var(--cf-pass)}.cf-tag.warn{background:var(--cf-warn-bg);color:var(--cf-warn)}.cf-tag-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.cf-section-count{color:var(--cf-muted);font-weight:480}.cf-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:14px;font-size:10px;font-weight:650;font-family:var(--cf-font);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2}.cf-badge.pass{background:#e4f3ebe0;color:var(--cf-pass)}.cf-badge.warn{background:#fdf2dde0;color:var(--cf-warn)}.cf-similar-badge{position:absolute;bottom:8px;right:8px;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:650;font-family:var(--cf-font);background:#15b2ec1f;color:var(--cf-blue-dk);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2}.cf-loading{display:none;flex-direction:column;align-items:center;padding:80px 20px;gap:16px;color:var(--cf-sub);font-family:var(--cf-font)}.cf-loading.show{display:flex}.cf-spinner{width:30px;height:30px;border:2.5px solid var(--cf-line);border-top-color:var(--cf-blue);border-radius:50%;animation:cf-spin .75s linear infinite}@keyframes cf-spin{to{transform:rotate(360deg)}}.cf-loading p{font-size:13px;margin:0}.cf-empty{display:none;flex-direction:column;align-items:center;text-align:center;padding:70px 30px;color:var(--cf-sub);font-family:var(--cf-font)}.cf-empty.show{display:flex}.cf-empty svg{margin-bottom:14px;opacity:.5}.cf-empty h3{font-size:16px;margin:0 0 6px;color:var(--cf-ink);font-weight:600}.cf-empty p{font-size:13px;margin:0;max-width:300px}@keyframes cf-card-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.main-products-grid__filters .cf-root{margin-bottom:16px}@media(min-width:768px){.cf-dialog{display:none}.cf-dialog.is-open{display:block;position:fixed;z-index:10041;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 48px));max-height:min(88vh,840px);overflow-y:auto;color:#141e28;color-scheme:light;background:#fff;border:1px solid #D5DEE6;border-radius:12px;box-shadow:0 18px 50px #0e182447}.cf-overlay#cf-desk-overlay{display:none}.cf-overlay#cf-desk-overlay.is-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10040;background:#0c1b2a9e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cf-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #E2E9EF;position:sticky;top:0;background:#fff;z-index:1}.cf-dialog-head b{font-size:16px;font-weight:700;color:#0c1b2a}.cf-dialog .cf-sheet-close{background:#eef2f5;color:#2d3a4a}.cf-dialog .cf-footer{margin:0 16px 16px;color:#4b5c6b}.cf-dialog .cf-body{background:#fff}}.cf-mob{display:none}@media(max-width:767px){.cf-root{display:none}.cf-dialog,.cf-overlay#cf-desk-overlay{display:none!important}.cf-mob{display:block}.cf-bar{position:fixed;bottom:0;left:0;right:0;z-index:9990;display:flex;align-items:center;gap:8px;padding:7px 12px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px));background:var(--cf-white);border-top:1px solid var(--cf-line);box-shadow:0 -1px 8px #0e18240f;cursor:pointer}.cf-bar-ico{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--cf-blue),var(--cf-blue-dk));display:flex;align-items:center;justify-content:center;flex-shrink:0}.cf-bar-ico svg{width:14px;height:14px}.cf-bar-txt{flex:1;min-width:0}.cf-bar-title{font-size:12.5px;font-weight:620;color:var(--cf-ink);line-height:1.2}.cf-bar-sub{font-size:11px;color:var(--cf-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.cf-bar-sub.active{color:var(--cf-pass);font-weight:550}.cf-bar-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--cf-muted);transition:transform .3s}.cf-bar.is-open .cf-bar-arrow{transform:rotate(180deg)}.cf-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9991;background:#0e182466;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.cf-overlay.show{display:block}.cf-sheet{position:fixed;bottom:0;left:0;right:0;z-index:9992;background:var(--cf-white);border-radius:16px 16px 0 0;box-shadow:0 -4px 30px #0e182426;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,.24,1);padding-bottom:env(safe-area-inset-bottom,0px)}.cf-sheet.is-open{transform:translateY(0)}.cf-sheet-handle{display:flex;justify-content:center;padding:10px 0 4px}.cf-sheet-handle span{width:36px;height:4px;border-radius:2px;background:#d5dce2}.cf-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 14px;border-bottom:1px solid var(--cf-line-lt)}.cf-sheet-head b{font-size:16px;font-weight:650;color:var(--cf-ink)}.cf-sheet-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--cf-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cf-sub);font-size:18px;transition:background .15s}.cf-sheet-close:hover{background:var(--cf-line)}.cf-sheet-body{padding:12px 16px 16px}.cf-sheet-head{padding:6px 16px 10px}.cf-sheet-head b{font-size:15px}.cf-sheet-body .cf-selects{gap:10px}.cf-sheet-body .cf-select{padding:12px 36px 12px 14px;font-size:15px;border-radius:10px}.cf-sheet-body .cf-machine{margin-top:16px;padding:14px}.cf-sheet-body .cf-machine-name{font-size:15px}.cf-sheet-body .cf-toggle{padding:14px 0}.cf-sheet-body .cf-toggle-copy b{font-size:15px}.cf-sheet-body .cf-toggle-copy small{font-size:12px}.cf-sheet-body .cf-toggle-track{width:44px;height:26px;border-radius:13px}.cf-sheet-body .cf-toggle-thumb{width:22px;height:22px}.cf-sheet-body .cf-toggle:has(input:checked) .cf-toggle-thumb{transform:translate(18px)}.cf-sheet-body .cf-result{font-size:13px;padding:12px 14px;margin-top:16px}.cf-sheet-body .cf-clear{padding:12px;font-size:14px;margin-top:14px;border-radius:10px}.cf-sheet-done{display:none;width:100%;padding:14px;margin-top:16px;background:var(--cf-blue);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:620;cursor:pointer;transition:background .15s}.cf-sheet-done:hover{background:var(--cf-blue-dk)}.cf-sheet-done.show{display:block}body:has(.cf-bar){padding-bottom:52px!important}}@media(min-width:768px){.cf-mob{display:none!important}}@media(prefers-reduced-motion:reduce){.cf-root *,.cf-mob *,.cf-root *:before,.cf-mob *:before,.cf-root *:after,.cf-mob *:after{animation:none!important;transition:none!important}}.shopify-section.cc-collection-list .section{margin-bottom:.4rem!important}.shopify-section.section-compat-collection-filter{position:relative;z-index:20;margin:0!important;padding:0!important;isolation:isolate}.shopify-section.section-compat-collection-filter .container{padding-top:0;padding-bottom:0;overflow:visible}body:has(.section-compat-collection-filter) .shopify-section.cc-collection-products,.shopify-section.section-compat-collection-filter+.shopify-section.cc-collection-products,.shopify-section.section-compat-collection-filter+.shopify-section.section{margin-top:0!important;padding-top:0!important}body:has(.section-compat-collection-filter) .products-toolbar,body:has(.section-compat-collection-filter) .products-toolbar.mt-16,body:has(.section-compat-collection-filter) .products-toolbar--compare-shift-xs,.shopify-section.section-compat-collection-filter+.shopify-section .products-toolbar,.shopify-section.section-compat-collection-filter+.shopify-section .products-toolbar.mt-16,.shopify-section.section-compat-collection-filter+.shopify-section .products-toolbar--compare-shift-xs{margin-top:0!important;margin-bottom:12px!important;padding-top:8px!important}body:has(.section-compat-collection-filter) .products-toolbar--compare-shift-xs .products-toolbar__compare,.shopify-section.section-compat-collection-filter+.shopify-section .products-toolbar--compare-shift-xs .products-toolbar__compare{position:static!important;top:auto!important;transform:none!important}@media(min-width:769px){body:has(.section-compat-collection-filter) .products-toolbar__filter-btn .icon,.shopify-section.section-compat-collection-filter+.shopify-section .products-toolbar__filter-btn .icon{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/compat-filter.css.map */