/* One compact bar; native controls remain mounted as the sorting/filter source. */
body.safers-design-v11 .sf31-collection .cms-block-sidebar-filter:has([data-sf57-enhanced]){display:none!important;margin:0!important}
[data-sf57-panel][data-sf57-enhanced]{display:none!important}
body.sf57-ready .sf11-tools [data-sf11-filter-focus],body.sf57-ready .sf11-tools .sf11-filter-buttons{display:none!important}
body.sf57-ready .sf31-catalog-tools{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:0}
body.sf57-ready .sf31-catalog-controls{justify-self:end}body.sf57-ready .sf31-catalog-tools .sf11-results{grid-column:1/-1}
.sf57-bar{margin:0 0 16px}.sf57-buttons{display:flex;flex-wrap:wrap;gap:8px}.sf57-toggle,.sf57-buttons .sf57-model{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:11px 14px;border:1px solid #aaa0af;border-radius:2px;background:#fff;color:#303d49;font:600 14px/1.4 inherit;text-decoration:none;max-width:100%;white-space:normal}.sf57-toggle>span{font-size:20px;line-height:1;font-weight:400}.sf57-buttons .sf57-model{background:#171318;border-color:#171318;color:#fff}.sf57-toggle:hover{border-color:#392044;background:#f8f4fa}.sf57-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}.sf57-chips[hidden]{display:none}.sf57-chip,.sf57-chips .sf11-clear{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 10px;background:#f1edf4;border:1px solid #d8cfdf;border-radius:3px;font-size:12px;line-height:1.5;color:#392044;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.sf57-reset{margin-left:3px;font-size:12px;color:#65596c;text-decoration:underline;padding:6px 2px}
body.sf57-open{overflow:hidden}.sf57-dialog{width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #d8d2db;border-radius:4px;background:#fff;color:#303d49;box-shadow:0 20px 80px #17131840;overflow:hidden}.sf57-dialog::backdrop{background:#17131880}.sf57-dialog *{box-sizing:border-box}.sf57-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px;border-bottom:1px solid #e8e3eb}.sf57-eyebrow{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#796e80;margin-bottom:5px}.sf57-header h2{margin:0;font-size:26px;line-height:1.2}.sf57-close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid #d8d2db;border-radius:3px;background:#fff;font:24px/1 sans-serif;color:#303d49}.sf57-body{display:grid;grid-template-columns:210px minmax(0,1fr);max-height:calc(100dvh - 260px);min-height:240px}.sf57-nav{padding:16px 12px;overflow-y:auto;border-right:1px solid #e8e3eb;background:#faf8fb}.sf57-nav button{display:block;width:100%;min-height:44px;margin:0 0 5px;padding:11px 12px;text-align:left;border:1px solid transparent;border-radius:3px;background:transparent;color:#54475e;font:inherit;font-size:14px}.sf57-nav button[aria-pressed=true]{border-color:#d5c5de;background:#ece1f2;color:#392044;font-weight:700}.sf57-values{padding:22px 24px;overflow-y:auto;min-width:0;overscroll-behavior:contain}.sf57-values h3{margin:0 0 16px;font-size:20px;line-height:1.3}.sf57-search{display:block}.sf57-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sf57-search input,.sf57-options>label:not(.sf57-option) input{width:100%;min-height:46px;padding:10px 12px;font:inherit;font-size:16px;color:#303d49;background:#fff;border:1px solid #aaa0af;border-radius:2px}.sf57-status{font-size:12px;color:#796e80;margin:12px 0;line-height:1.5}.sf57-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf57-option{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;margin:0;padding:12px;border:1px solid #ddd5e2;border-radius:3px;background:#fff;font-size:14px;cursor:pointer}.sf57-option:hover{border-color:#9573a5}.sf57-option:has(input:checked){border-color:#735080;background:#f2eaf7}.sf57-option:has(input:disabled){opacity:.45;cursor:default}.sf57-option input{width:17px;height:17px;margin:0;flex:0 0 17px;accent-color:#392044}.sf57-option>span{overflow-wrap:anywhere;line-height:1.4}.sf57-color{width:23px;height:23px;border:1px solid #17131825;border-radius:50%;flex:0 0 23px}.sf57-option img{width:36px;height:36px;object-fit:contain}.sf57-more{width:100%;min-height:44px;border:1px solid #d8d2db;background:#faf8fb;margin-top:12px;color:#392044}.sf57-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-top:1px solid #e8e3eb}.sf57-footer>div{display:flex;gap:10px}.sf57-footer button{min-height:44px;padding:10px 15px;font:inherit;font-size:14px;border-radius:2px}.sf57-clear-group{border:0;background:transparent;color:#65596c;text-decoration:underline}.sf57-cancel{border:1px solid #aaa0af;background:white;color:#303d49}.sf57-apply{border:1px solid #171318;background:#171318;color:#fff;font-weight:700}.sf57-apply:disabled{opacity:.5}.sf57-dialog button:focus-visible,.sf57-dialog input:focus-visible,.sf57-bar :is(button,a):focus-visible{outline:3px solid #a783b8;outline-offset:2px}
/* Constrain the grid track so long option lists scroll above the footer. */
.sf57-body{grid-template-rows:minmax(0,1fr)}.sf57-values,.sf57-nav{min-height:0}.sf57-footer{background:#fff;position:relative}
/* The existing exact model picker uses the same visual language. */
.sf57-toggle,.sf57-buttons .sf57-model{font-family:inherit;font-size:14px;font-weight:600;line-height:1.4}.sf57-dialog[open]{display:flex;flex-direction:column}.sf57-dialog [hidden]{display:none!important}.sf57-header,.sf57-footer{flex:0 0 auto}.sf57-body{flex:1 1 auto;min-height:0}
.sf11-picker{width:min(860px,calc(100vw - 48px));max-height:calc(100dvh - 48px);border:1px solid #d8d2db;border-radius:4px;color:#303d49}.sf11-picker::backdrop{background:#17131880}.sf11-picker-header h2{font-size:26px}.sf11-picker-search{border-bottom:0}.sf11-picker-results [data-sf11-picker-results]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf11-picker .sf11-model-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:68px;padding:14px;border:1px solid #ddd5e2;border-radius:3px;background:white;color:#303d49}.sf11-model-choice>span:first-child{font-weight:700}.sf11-model-choice>span:last-child{font-size:12px;color:#796e80}.sf11-picker .sf11-model-choice:hover,.sf11-picker .sf11-model-choice[aria-current=true]{border-color:#735080;background:#f2eaf7}.sf11-picker-more{margin-top:12px}
@media(max-width:767.98px){.sf57-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf57-buttons .sf57-model{grid-column:1/-1}.sf57-toggle,.sf57-buttons .sf57-model{width:100%;font-size:13px;gap:8px}.sf57-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.sf57-header{padding:18px 16px}.sf57-header h2{font-size:22px}.sf57-body{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 230px)}.sf57-nav{display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;padding:10px 12px;border-right:0;border-bottom:1px solid #e8e3eb}.sf57-nav button{width:auto;white-space:nowrap;margin:0;padding:9px 12px;min-height:40px;flex:0 0 auto}.sf57-values{padding:16px;min-height:160px}.sf57-options{grid-template-columns:minmax(0,1fr)}.sf57-values h3{font-size:18px;margin-bottom:12px}.sf57-footer{display:block;padding:12px 16px}.sf57-clear-group{margin-bottom:8px;padding-left:0!important}.sf57-footer>div{display:grid;grid-template-columns:1fr 1.4fr}.sf57-footer button{font-size:13px}.sf11-picker{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.sf11-picker-header h2{font-size:22px}.sf11-picker-results [data-sf11-picker-results]{grid-template-columns:minmax(0,1fr)}body.sf57-ready .sf31-catalog-controls{justify-self:stretch}}
@media(max-width:767.98px){.sf57-values{flex:1 1 auto;min-height:0}}