/* Measured DNS filter typography. Real regular/bold faces, scoped to the filter. */
@font-face{font-family:"FORTE Filter PT Sans";src:url("shrift/PT-Sans/pt-sans_regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"FORTE Filter PT Sans";src:url("shrift/PT-Sans/pt-sans_bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
.catalog-filter{--cf-orange:#fc8507;--cf-text:#333;--cf-muted:#a0a2a5;font:400 16px/1.42857 "FORTE Filter PT Sans",Helvetica,Arial,sans-serif;color:var(--cf-text);text-align:left}
.catalog-filter *{box-sizing:border-box}
.catalog-filter [hidden]{display:none!important}
.catalog-filter button,.catalog-filter input{font:inherit;letter-spacing:normal}
.catalog-filter button{cursor:pointer;box-shadow:none;text-transform:none}
.catalog-filter button:disabled{cursor:default;opacity:.55}
.catalog-filter input,.catalog-filter button{outline-offset:3px}
/* Override the legacy button:focus ring for pointer clicks, not keyboard focus. */
.catalog-filter button:focus:not(:focus-visible){outline:none}
.catalog-filter input:focus-visible,.catalog-filter button:focus-visible{outline:2px solid #fc8507}
.catalog-filter mark{background:#fff0d9;color:inherit;padding:0}
.forte-filter.has-vue-filter{display:block;position:static;align-self:start;z-index:auto}
.has-vue-filter [data-filter-fallback][hidden]{display:none!important}
.cf-card{background:white;border:1px solid #e5e5e5;border-radius:8px;padding:12px 0}
.cf-search{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;background:white;border:1px solid #d9d9d9;border-radius:8px;margin-bottom:12px}
.cf-search:focus-within{border-color:var(--cf-orange)}
.cf-search input{min-width:0;width:100%;height:100%;border:0;background:transparent;color:#333;outline:none;font-size:16px;font-weight:400}
.cf-search input::-webkit-search-cancel-button,.cf-option-search::-webkit-search-cancel-button{-webkit-appearance:none}
.cf-search input:focus-visible{outline:none}
.cf-search button{border:0;background:none;color:#888;font-size:24px;padding:0 3px}
.cf-icon{display:inline-block;flex:none;position:relative;width:14px;height:14px;color:#a0a2a5}
.cf-icon--search{width:14px;height:14px;border:1.6px solid #999;border-radius:50%;margin-right:2px}
.cf-icon--search:after{content:"";position:absolute;width:6px;height:1.6px;background:#999;transform:rotate(45deg);right:-5px;bottom:-2px}
.cf-icon--chevron{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 5px 4px 1px}
.cf-icon--sliders{background:linear-gradient(#888,#888) 2px 1px/1px 12px no-repeat,linear-gradient(#888,#888) 7px 1px/1px 12px no-repeat,linear-gradient(#888,#888) 12px 1px/1px 12px no-repeat}
.cf-icon--sliders:after{content:"";position:absolute;inset:0;background:linear-gradient(#888,#888) 0 3px/5px 3px no-repeat,linear-gradient(#888,#888) 5px 8px/5px 3px no-repeat,linear-gradient(#888,#888) 10px 3px/5px 3px no-repeat}
.cf-group{min-width:0;margin:0;border:0;background:transparent}
.cf-group__title{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;border:0;background:transparent;color:#4e4e4e;text-align:left;font-size:16px!important;line-height:23px!important;font-weight:400!important}
.cf-group__title>.cf-icon{margin-top:5px;transition:transform .5s ease}
.cf-group__label{display:grid;flex:1;min-width:0}
.cf-group__label>span,.cf-group__label:after{grid-area:1/1}
/* Reserve the bold label's wrapping so opening does not snap the header height. */
.cf-group__label:after{content:attr(data-label);font-weight:700;visibility:hidden}
.cf-group__title.is-open{font-weight:700!important}
.cf-group__title.is-open>.cf-icon{transform:translateY(5px) rotate(225deg)}
.cf-group__title:hover{color:var(--cf-orange)}
/* Centre the 20px badge on the title's first 23px line, including wrapped titles. */
.cf-selected-count{flex:0 0 26px;width:26px;text-align:center;font-size:12px;line-height:20px;padding:0 2px;margin-left:auto;margin-top:1.5px;border-radius:4px;background:#fff1df;color:#d66a00;font-weight:400}
.catalog-filter .is-reserved{visibility:hidden!important;pointer-events:none}
.cf-group__body{display:grid;grid-template-rows:0fr;padding:0;opacity:0;visibility:hidden;transition:grid-template-rows .5s ease,opacity .3s ease-in,visibility 0s .5s}
.cf-group__body.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .5s ease,opacity .3s ease-in,visibility 0s}
.cf-group__inner{min-height:0;overflow:hidden}
.cf-option{display:block;position:relative;width:100%;min-height:32px;margin:0;padding:6px 12px 6px 41px;cursor:pointer;font-size:14px!important;line-height:20px;font-weight:400!important;color:#333}
.cf-option input{position:absolute;left:15px;top:7px;width:16px;height:16px;opacity:0;margin:0}
.cf-option__box{position:absolute;left:15px;top:7px;width:16px;height:16px;border:1px solid #ccc;border-radius:3px;background:#fff;margin:0}
.cf-option input:checked+.cf-option__box{background:var(--cf-orange);border-color:var(--cf-orange)}
.cf-option input:checked+.cf-option__box:after{content:"";position:absolute;width:5px;height:9px;left:5px;top:1px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg)}
.cf-option input:focus-visible+.cf-option__box{outline:2px solid var(--cf-orange);outline-offset:3px}
.cf-option:hover .cf-option__box{border-color:var(--cf-orange)}
.cf-option__text{display:inline;overflow-wrap:anywhere}
.cf-option__count{display:inline;margin-left:4px;color:var(--cf-muted);white-space:nowrap;font-size:14px;font-weight:400}
.cf-option.is-disabled{color:#aaa;cursor:default}
.cf-option.is-disabled .cf-option__box{background:#f7f7f7;border-color:#e5e5e5}
.cf-option--all{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:5px}
.cf-options.is-expanded{max-height:304px;overflow:auto;scrollbar-width:thin;padding:0 4px 3px 0}
.cf-option-search{border:1px solid #d9d9d9;border-radius:4px;height:36px;width:calc(100% - 30px);padding:6px 10px;margin:0 15px 8px;font-size:14px!important;background:#fff}
.cf-link{font-size:14px!important;line-height:20px;border:0;padding:5px 0;margin:5px 15px 0 0;background:none;color:#0d6db8}
.cf-group__inner>.cf-link{margin-left:41px}
.cf-group__actions{display:flex;align-items:center;gap:16px;height:30px;padding-left:41px;padding-right:12px}
.cf-group__actions>.cf-link{flex:none;margin:0;white-space:nowrap}
.cf-group__inner>.cf-hint,.cf-group__inner>.cf-error{margin-left:15px;margin-right:15px}
.cf-link:hover{text-decoration:underline}
.cf-link--reset{color:#c44}
.cf-store{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid #ddd;border-radius:6px;background:white;width:calc(100% - 30px);font-size:14px!important;text-align:left;padding:10px;margin:4px 15px 8px}
.cf-store .cf-icon{transform:rotate(-45deg)}
.cf-price{display:flex;gap:8px;margin:4px 15px}
.cf-price label{flex:1;min-width:0;margin:0}
.cf-price input{min-width:0;width:100%;height:40px;border:1px solid #ddd;border-radius:6px;background:white;padding:8px;font-size:14px!important;color:#333;-moz-appearance:textfield}
.cf-price input::-webkit-inner-spin-button,.cf-price input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cf-price input[aria-invalid=true]{border-color:#c44}
.cf-hint,.cf-error{font-size:14px;line-height:20px;margin:6px 0;font-weight:400}
.cf-error{color:#b53632!important}
.cf-all{display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 32px);margin:16px 16px 4px;border:1px solid #e5e5e5;border-radius:8px;background:#f5f5f5;padding:10px 16px;color:#333;min-height:44px;font-size:16px;font-weight:400}
.cf-all:hover,.cf-reset:hover{background:#ececec}
.cf-actions{display:flex;flex-direction:column;gap:10px;padding:16px;background:#fff}
.cf-result{margin:0;font-size:14px;line-height:20px;color:#777;font-weight:400;min-height:20px}
.cf-apply,.cf-reset{display:block;width:100%;min-height:44px;padding:10px 16px;border-radius:8px;font-size:16px!important;line-height:24px!important;font-weight:400!important;text-align:center}
.cf-apply{border:1px solid var(--cf-orange);background:var(--cf-orange);color:#fff}
.cf-apply:hover{background:#ed7900;border-color:#ed7900}
.cf-reset{border:1px solid #e6e6e6;background:#f5f5f5;color:#333}
.cf-overlay{position:fixed;inset:0;z-index:20000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px 40px}
.cf-dialog{width:100%;max-width:1440px;height:calc(100dvh - 40px);max-height:960px;min-height:0;display:flex;flex-direction:column;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 12px 32px #0003}
.cf-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:16px;min-height:68px;background:#f7f7f7;flex:none}
.cf-dialog__header h2{font-family:inherit;font-size:20px;line-height:26px;font-weight:700;color:#333;margin:0}
.cf-close{border:0;background:none;font-size:28px!important;line-height:30px!important;font-weight:400!important;color:#999;width:36px;height:36px}
.cf-dialog__layout{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0}
.cf-dialog__aside{display:flex;min-height:0;flex-direction:column;border-right:1px solid #eee}
.cf-dialog__aside nav{flex:1;overflow:auto;padding:14px 16px 10px 32px;scrollbar-width:thin}
.cf-dialog__aside nav button{display:block;width:100%;border:0;border-left:3px solid transparent;background:none;color:#333;font-size:16px;line-height:23px;font-weight:400;text-align:left;padding:12px 8px 12px 16px}
.cf-dialog__aside nav button.is-active{font-weight:700;border-left-color:var(--cf-orange);color:var(--cf-orange)}
.cf-dialog__aside nav button:hover{color:var(--cf-orange)}
.cf-dialog__aside .cf-actions{padding:12px 32px 24px;flex:none;border-top:1px solid #f3f3f3}
.cf-dialog__main{display:flex;flex-direction:column;min-height:0;padding:24px 24px 0 32px;min-width:0}
.cf-dialog__main>.cf-search{max-width:600px;flex:none;height:40px;margin-bottom:20px}
.cf-dialog__scroll{position:relative;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1;padding:0 16px 32px 0}
.cf-section{margin:0 0 16px}
.cf-section h3{font-family:inherit;font-size:20px;line-height:26px;font-weight:700;color:#333;margin:0 0 16px}
.cf-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start}
.cf-dialog .cf-group__title{padding:8px 10px 8px 0}
.cf-chips{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:12px 32px;border-bottom:1px solid #eee;height:60px;overflow-x:auto;overflow-y:hidden;flex:none;scrollbar-width:thin}
.cf-chips__empty{color:#888;font-size:14px;white-space:nowrap}
.cf-chips button{display:flex;flex:none;gap:12px;align-items:center;white-space:nowrap;border:1px solid #e6e6e6;border-radius:6px;background:#fafafa;padding:6px 10px;font-size:14px;font-weight:400;color:#555;text-align:left}
.cf-chips button:hover{border-color:var(--cf-orange)}
.cf-chips button span{color:#999}
.cf-empty{padding:24px 16px;color:#888;font-size:16px;font-weight:400}
.cf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.cf-dialog__layout{grid-template-columns:245px minmax(0,1fr)}.cf-dialog__aside nav{padding-left:16px}.cf-dialog__aside .cf-actions{padding:12px 24px 20px}.cf-dialog__main{padding-left:24px}.cf-columns{column-gap:16px}}
@media(max-width:991px){.forte-filter.has-vue-filter{display:none}.cf-overlay{padding:12px}.cf-dialog{height:calc(100dvh - 24px)}.cf-dialog__layout{grid-template-columns:210px minmax(0,1fr)}.cf-dialog__aside nav{padding:8px}.cf-dialog__aside .cf-actions{padding:12px}.cf-dialog__main{padding:16px 12px 0 20px}.cf-columns{grid-template-columns:1fr}}
@media(max-width:600px){.cf-overlay{padding:0}.cf-dialog{height:100dvh;max-height:none;border-radius:0}.cf-dialog__header{min-height:60px;padding:12px 16px}.cf-dialog__layout{display:flex;flex-direction:column;position:relative;padding-bottom:138px}.cf-dialog__aside{display:contents}.cf-dialog__aside nav{flex:none;display:flex;overflow:auto;gap:2px;border-bottom:1px solid #eee;padding:4px 12px;scrollbar-width:none}.cf-dialog__aside nav button{width:auto;flex:none;white-space:nowrap;padding:10px 12px;border-left:0;border-bottom:2px solid transparent}.cf-dialog__aside nav button.is-active{border-bottom-color:var(--cf-orange)}.cf-dialog__aside .cf-actions{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ddd;background:#fff;z-index:2}.cf-dialog__aside .cf-result{grid-column:1/-1}.cf-dialog__aside .cf-actions>.cf-link{grid-column:1/-1;margin:0}.cf-dialog__main{flex:1;padding:16px 16px 0;min-height:0}.cf-dialog__main>.cf-search{max-width:none;margin-bottom:16px}.cf-dialog__scroll{padding-right:4px}.cf-chips{padding:10px 16px;max-height:86px}.cf-dialog .cf-group__title{padding-top:12px;padding-bottom:12px}.cf-option{min-height:40px;padding-top:10px;padding-bottom:10px}.cf-option input,.cf-option__box{top:11px}.cf-price input{font-size:16px!important}.cf-options.is-expanded{max-height:320px}}
@media(prefers-reduced-motion:reduce){.catalog-filter *{scroll-behavior:auto!important}.cf-group__body,.cf-group__title>.cf-icon{transition:none!important}}
