/* One in-flow filter panel becomes the lower part of the navigation pill. */
.pp-filter-panel{--filter-text:#141210;--filter-muted:#555b63;--filter-line:#d4d0c7;--filter-bg:#fff;color:var(--filter-text);background:var(--filter-bg);border:1px solid var(--filter-line);border-radius:26px;padding:4px 10px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.pp-filter-panel .fit-rails{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0;margin:0;overflow:visible}
.pp-filter-panel .fit-inner{padding:6px 0}
.pp-filter-panel .fit-tab{color:var(--filter-text)!important;border-color:var(--filter-line)!important;min-height:40px}
.pp-filter-panel .fit-tab.active{background:#ff020a!important;color:#fff!important;border-color:#ff020a!important}
.pp-filter-panel .fit-status{color:var(--filter-muted)}
.pp-filter-panel .fam-filters{position:static;top:auto;background:transparent;backdrop-filter:none;border:0;border-top:1px solid var(--filter-line);transition:none}
.pp-filter-panel .fam-filters>.wrap{width:100%;max-width:none;padding:8px 0;display:flex;flex-wrap:wrap;gap:8px 18px;overflow:visible;align-items:center}
.pp-filter-panel .ff{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pp-filter-panel .ff-options{display:flex;gap:5px;flex-wrap:wrap}
.pp-filter-panel .ff-l{color:var(--filter-muted)}
.pp-filter-panel .ff button,.pp-filter-panel .ff-reset{background:transparent;color:var(--filter-text);border-color:var(--filter-line);min-height:40px;padding:8px 10px}
.pp-filter-panel .ff button.on{background:#ff020a;border-color:#ff020a;color:#fff}
.pp-filter-panel .ff-count{color:var(--filter-muted);margin-left:auto}
.ff-mobile{display:none}
.pp-filter-category{display:none}
.fam-results{min-height:240px}
.pp-filter-panel .col-tools{display:flex;gap:8px;margin:0;padding:8px 0;border-top:1px solid var(--filter-line)}
.pp-filter-panel .col-tools input,.pp-filter-panel .col-tools select{color:var(--filter-text);background:var(--filter-bg);border:1px solid var(--filter-line);border-radius:10px;min-height:44px;font-size:15px;padding:8px 12px;min-width:0}
.pp-filter-panel .col-tools input{flex:1;width:auto}
.pp-filter-panel .col-tools input::placeholder{color:var(--filter-muted)}
.pp-filter-panel .col-tools select{flex:0 1 200px}
.pp-filter-panel .col-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:4px 0 8px}
.pp-filter-panel .col-chips a{color:var(--filter-text);border:1px solid var(--filter-line);border-radius:999px;padding:9px 10px;font-size:10px;min-height:36px;display:inline-flex;align-items:center}
.pp-filter-panel .col-chips a.on{color:#fff;background:#ff020a;border-color:#ff020a}
.pp-filter-panel :is(button,a,input,select):focus-visible{outline:2px solid #ff020a;outline-offset:3px}
.pnav.pp-filters-docked{border-radius:26px;padding-bottom:6px}
.pnav .pp-filter-panel{--filter-text:#f4f6f8;--filter-muted:#b8bdc5;--filter-line:#4c4e52;--filter-bg:#141619;background:transparent;border:0;border-top:1px solid var(--filter-line);border-radius:0;margin:0 10px;padding:2px 4px;box-shadow:none;max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pnav.pp-filters-docked .fit-rails{animation:none;border-top:0}
.pnav.pp-filters-docked .fit-models{transition:none}
.pp-filter-panel[hidden],.pp-filter-toggle[hidden]{display:none!important}
.pp-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid #55585d;border-radius:999px;background:#26282b;color:#fff;font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.07em;white-space:nowrap;flex-shrink:0}
.pp-filter-toggle:hover,.pp-filter-toggle[aria-expanded="true"]{background:#ff020a;border-color:#ff020a}
.pp-filter-chevron{transition:transform .16s}
.pp-filter-toggle[aria-expanded="true"] .pp-filter-chevron{transform:rotate(180deg)}
.pp-filter-close{display:none}
.pnav.pp-filters-compact{padding-bottom:0;border-radius:999px}
.pnav.pp-filters-compact .pnav-in{gap:10px}
.pnav.pp-filters-compact .pnav-links{gap:clamp(8px,1.1vw,18px)}
.pnav.pp-filters-compact .pp-filter-panel{position:absolute;top:calc(100% + 8px);right:0;left:0;margin:0;padding:10px 14px;border:1px solid #55585d;border-radius:20px;background:#141619;box-shadow:0 18px 45px #0006;max-height:min(var(--pp-filter-available,calc(100dvh - 116px)),560px);overflow-y:auto}
.pnav.pp-filters-compact .pp-filter-close{display:block;margin:0 0 2px auto;min-height:40px;padding:8px 14px;border-radius:999px;background:#303236;color:#fff;font-family:var(--disp);font-size:12px}
.pp-filter-toggle:focus-visible{outline:2px solid #ff020a;outline-offset:3px}
@media(min-width:901px){
 .pnav.pp-filters-compact .pp-filter-toggle{order:3}
 .pnav.pp-filters-compact .pnav-brand img{max-width:200px;height:auto}
 .pnav.pp-filters-compact .pnav-links a{white-space:nowrap;font-size:11px}
 .pnav.pp-filters-compact .pnav-cta{padding:11px 14px}
}
@media(max-width:700px){
 .pnav.pp-filters-compact .pnav-brand img{max-width:clamp(108px,35vw,170px);height:auto}
 .pnav.pp-filters-compact .pnav-brand{margin-right:auto;min-width:0}
 .pp-filter-toggle{font-size:11px;gap:5px;padding:8px 10px}
 .pnav.pp-filters-compact .pnav-in{gap:7px}
 .pp-filter-panel{padding:4px 8px}
 .pp-filter-panel .fit-lab{display:none}
 .pp-filter-panel .fit-row{gap:4px;-webkit-mask-image:none;mask-image:none}
 .pp-filter-panel .fit-tab{min-height:40px;padding:8px 10px;font-size:10px}
 .pp-filter-panel .fit-status{display:none}
 .pp-filter-panel .fam-filters>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;padding:8px 0!important;-webkit-mask-image:none;mask-image:none}
 .pp-filter-panel .ff{display:block;min-width:0}
 .pp-filter-panel .ff>.ff-l,.pp-filter-panel .ff-options{display:none}
 .ff-mobile{display:flex;flex-direction:column;gap:4px;font-family:var(--disp);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--filter-muted)}
 .ff-mobile select{width:100%;min-width:0;height:42px;font:inherit;font-size:12px;letter-spacing:0;color:var(--filter-text);background:var(--filter-bg);border:1px solid var(--filter-line);border-radius:8px;padding:5px}
 .pp-filter-panel .ff-reset{justify-self:start;min-height:36px}
 .pp-filter-panel .ff-count{grid-column:2/-1;font-size:10px;white-space:normal;text-align:right;padding-right:0}
 .pp-filter-panel .col-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
 .pp-filter-panel .col-tools input{grid-column:1/-1;width:100%}
 .pp-filter-panel .col-tools select{width:100%;font-size:13px;height:44px;flex:none}
 .pp-filter-category{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--filter-muted)}
 .pp-filter-panel .col-chips{display:none}
}