/* Desktop keeps sorting beside a compact filter; mobile uses the full-width action. */
.gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar{position:sticky;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:none;column-gap:24px;row-gap:4px;width:100%;margin:24px 0 16px;padding:0 max(var(--shop-gutter,32px),calc((100% - 1920px)/2 + var(--shop-gutter,32px))) 6px;border:0;background:var(--shop-surface,#1b1b1b)}
.xfg-accessories-page .xfg-collection-filter-button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;width:96px;max-width:100%;min-height:44px;padding:6px 14px;border:0;border-radius:0;color:#151515;background:transparent;font:600 14px/20px "XFG Condensed","Arial Narrow",Arial,sans-serif;cursor:pointer;isolation:isolate}
.xfg-collection-filter-button::before{content:"";position:absolute;inset:6px 0;z-index:-1;border:1px solid #ffd000;border-radius:1px;background:#ffd000}
.xfg-collection-filter-button>svg{display:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xfg-collection-filter-button:hover::before{background:#ffdc40;border-color:#ffdc40}
.xfg-collection-filter-button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.xfg-collection-filter{position:fixed;inset:0 auto 0 0;width:500px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;color:#e7e7e7;background:#232429;box-shadow:12px 0 40px #0004;transform:translateX(-100%);transition:transform 260ms cubic-bezier(.22,.61,.36,1);font:400 14px/1.4 "XFG Condensed","Arial Narrow",Arial,sans-serif}
.xfg-collection-filter.is-open{transform:translateX(0)}
.xfg-collection-filter::backdrop{background:#0009}
.xfg-collection-filter>form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100%;margin:0;padding:0}
.xfg-collection-filter__header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:10px 26px;background:#191919}
.xfg-collection-filter__header h2{margin:0;color:#eee;font:400 15px/1.4 "XFG Condensed","Arial Narrow",Arial,sans-serif;text-transform:none;letter-spacing:0}
.xfg-collection-filter__header button{display:grid;place-items:center;width:44px;height:44px;margin-right:-12px;padding:0;border:0;color:#eee;background:transparent;cursor:pointer}
.xfg-collection-filter__header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.xfg-collection-filter__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 26px 24px;scrollbar-width:thin;scrollbar-color:#e8e8e8 transparent}
.xfg-collection-filter__group{margin:0;border:0;background:transparent}
.xfg-collection-filter__group>summary{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:34px;padding:6px 0;list-style:none;cursor:pointer;color:#eee;font:400 14px/1.4 "XFG Condensed","Arial Narrow",Arial,sans-serif}
.xfg-collection-filter__group>summary::-webkit-details-marker{display:none}
.xfg-collection-filter__group>summary svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform 160ms ease}
.xfg-collection-filter__group[open]>summary svg{transform:rotate(180deg)}
.xfg-collection-filter__sort{display:none}
.xfg-collection-filter__sort>summary{gap:3px}
.xfg-collection-filter__sort>summary svg{margin-left:3px}
.xfg-collection-filter__options{display:grid;gap:2px;margin:0 0 8px}
.xfg-collection-filter__option{display:flex;align-items:center;gap:7px;min-height:30px;padding:2px 0;cursor:pointer;color:#eee;font:400 15px/1.35 "XFG Condensed","Arial Narrow",Arial,sans-serif}
.xfg-collection-filter__option input{appearance:none;flex:none;width:16px;height:16px;margin:0;border:1px solid #b0b3b4;border-radius:2px;background:transparent;cursor:pointer}
.xfg-collection-filter__option input:checked{border-color:#b0b3b4;background:#34353a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat;box-shadow:none}
.xfg-collection-filter__option:has(input:disabled){opacity:.45;cursor:default}
.xfg-collection-filter__option input:disabled{cursor:default}
.xfg-collection-filter__option input[type=radio]{border-radius:50%}
.xfg-collection-filter__actions{display:grid;grid-template-columns:43fr 57fr;gap:14px;margin:0;padding:24px 26px max(24px,env(safe-area-inset-bottom));background:#191919}
.xfg-collection-filter__actions button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:8px 12px;border:1px solid #9b9b9b;border-radius:1px;color:#f4f4f4;background:transparent;font:600 14px/18px "XFG Condensed","Arial Narrow",Arial,sans-serif;cursor:pointer}
.xfg-collection-filter__actions [data-collection-filter-apply]{border-color:#ffd000;color:#151515;background:#ffd000}
.xfg-collection-filter__actions button:hover{border-color:#fff}
.xfg-collection-filter :is(button,input,summary):focus-visible{outline:2px solid #ffd000;outline-offset:3px}
.xfg-collection-filter [data-collection-filter-apply]:focus-visible{outline-color:#fff}
.xfg-collection-desktop-tools{grid-column:2;grid-row:1 / span 2;display:flex;align-items:flex-end;flex-direction:column;gap:10px;padding-top:6px}
.gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar .xfg-collection-sort{display:flex;align-items:center;gap:4px;min-height:32px;margin:0;padding:4px 12px;border:1px solid #44454a;background:transparent;color:#eee;font:400 14px/1.4 "XFG Condensed","Arial Narrow",Arial,sans-serif}
.gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar .xfg-collection-sort select{appearance:none;width:auto;min-height:22px;height:22px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;box-shadow:none;cursor:pointer}
.xfg-collection-sort select option{background:#232429;color:#eee}
.xfg-collection-sort:focus-within{outline:2px solid #ffd000;outline-offset:2px}
.xfg-collection-sort select:focus{outline:0}
.xfg-collection-visible-count{margin:0;color:#eee;font:400 14px/1.4 "XFG Condensed","Arial Narrow",Arial,sans-serif}
.xfg-collection-active-filters{grid-column:1;display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;padding:0;margin:0;min-width:0}
.xfg-collection-active-filters[hidden]{display:none}
.xfg-collection-active-filters button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:32px;margin:0;padding:4px 14px;border:1px solid #424348;border-radius:18px;background:#232429;color:#eee;font:400 14px/1.4 "XFG Condensed","Arial Narrow",Arial,sans-serif;cursor:pointer}
.xfg-collection-active-filters .xfg-collection-remove-all{padding-inline:12px}
.xfg-collection-active-filters button:hover{background:#303136;border-color:#77787e}
.xfg-collection-active-filters button:focus-visible{outline:2px solid #ffd000;outline-offset:2px}
.xfg-collection-chip>span[aria-hidden]{font:300 18px/1 Arial,sans-serif}
@media(max-width:820px){
 .gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar{display:block;margin:0;padding:24px 18px 22px}
 .xfg-collection-desktop-tools{display:none}
 .xfg-accessories-page .xfg-collection-filter-button{width:100%}
 .xfg-collection-filter-button>svg{display:block}
 .xfg-collection-filter{inset:0 0 0 auto;width:100vw;box-shadow:none;transform:translateX(100%)}
 .xfg-collection-filter.is-open{transform:translateX(0)}
 .xfg-collection-filter__header{min-height:54px;padding:5px 18px}
 .xfg-collection-filter__body{padding:18px 18px 24px}
 .xfg-collection-filter__sort{display:block}
 .xfg-collection-filter__actions{grid-template-columns:37fr 60fr;gap:12px;padding:16px 18px max(16px,env(safe-area-inset-bottom))}
 .xfg-collection-active-filters{margin-top:10px;gap:8px}
 .xfg-collection-active-filters button{min-height:36px}
}
@media(prefers-reduced-motion:reduce){.xfg-collection-filter,.xfg-collection-filter__group>summary svg{transition:none}}
@media(min-width:1900px){
 .gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar{margin-top:36px;margin-bottom:24px;padding-top:0;padding-bottom:9px}
 .xfg-accessories-page .xfg-collection-filter-button{width:144px;min-height:66px;padding:9px 21px;font-size:21px;line-height:30px}
 .xfg-collection-filter-button::before{inset:9px 0}
 .xfg-collection-desktop-tools{gap:15px;padding-top:9px}
 .gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar .xfg-collection-sort{min-height:48px;padding:6px 18px;font-size:21px}
 .gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar .xfg-collection-sort select{min-height:33px;height:33px}
 .xfg-collection-visible-count{font-size:21px}
}
@media(min-width:821px){
 .gear-shop-page.xfg-accessories-page .xfg-accessories-toolbar{top:0}
 .gear-shop-page.xfg-accessories-page:has(.xfg-shop-header.is-hidden) .xfg-accessories-toolbar{box-shadow:0 1px 0 #ffffff60}
 /* Keep keyboard-focused controls reachable beneath the returning navigation. */
 .gear-shop-page.xfg-accessories-page:has(.xfg-shop-header:not(.is-hidden)) .xfg-accessories-toolbar:focus-within{top:var(--accessories-header-height,178px)}
}
@media(prefers-reduced-motion:reduce){.xfg-accessories-page .xfg-accessories-toolbar{transition:none}}