.brand-picker{min-width:230px}
/* Collection labels sit above their controls, including the brand selector. */
.shop .collection-filters{align-items:flex-start}
.shop .collection-filters>.brand-picker{display:flex;flex-direction:column;align-items:stretch;gap:0}
.shop .collection-filters .icon-filter-title{display:block;line-height:1.4;margin:0 0 10px}
.shop .brand-picker-trigger{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:48px;padding:8px 14px;border:1px solid #66555f;border-radius:8px;background:#191518;color:#eee9e5;font:inherit;font-size:14px;text-align:start}
.brand-picker-trigger .brand-picker-symbol{width:42px;height:28px}
.brand-picker-trigger .brand-picker-symbol img{max-width:42px;max-height:28px}
#brand-picker-value{flex:1;min-width:0;line-height:1.4;overflow-wrap:anywhere}
.brand-picker-chevron{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin-inline-start:auto;color:inherit;transition:transform .2s ease}
.brand-picker-chevron svg{display:block;width:20px;height:20px}
.brand-picker-trigger[aria-expanded=true] .brand-picker-chevron{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.brand-picker-chevron{transition:none}}
.brand-picker-dialog{box-sizing:border-box;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #55464e;border-radius:16px;background:#181416;color:#eee9e5;box-shadow:0 24px 80px #0008;overscroll-behavior:contain}
.brand-picker-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}
.brand-picker-dialog header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#181416;border-bottom:1px solid #3e3339}
.shop .brand-picker-dialog h2{font-size:20px;margin:0;letter-spacing:-.02em;line-height:1.2}
.shop .brand-picker-close{width:44px;height:44px;padding:0;border:1px solid #55464e;border-radius:50%;background:transparent;color:#eee9e5;font-size:28px;font-weight:400;line-height:1}
.brand-picker-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px}
.shop .brand-picker-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:108px;padding:14px 8px 12px;border:1px solid #493c44;border-radius:10px;background:#211b1f;color:#eee9e5;font-size:12px;font-weight:400;text-align:center}
.brand-picker-symbol{display:flex;align-items:center;justify-content:center;width:72px;height:40px;flex:none}
.brand-picker-symbol img{display:block;width:auto;height:auto;max-width:72px;max-height:40px;filter:grayscale(1) brightness(0) invert(1);object-fit:contain}
.brand-picker-symbol img.brand-picker-crest{filter:grayscale(1);background:#eee9e5;border-radius:2px}
.brand-picker-symbol img.brand-picker-wings{width:72px;max-height:72px}
.brand-picker-trigger .brand-picker-symbol img.brand-picker-wings{width:42px;max-height:42px}
.brand-picker-symbol .ui-icon{width:28px;height:28px}
.brand-picker-name{line-height:1.3}
.brand-picker-count{position:absolute;top:8px;right:9px;font-size:10px;color:#b9aeb5}
.brand-picker-check{display:none;position:absolute;top:7px;left:9px;font-size:13px;color:#dceadd}
.shop .brand-picker-option[aria-pressed=true]{background:#303c35;border-color:#a5c7ae}
.brand-picker-option[aria-pressed=true] .brand-picker-check{display:block}
.shop .brand-picker-option:hover,.shop .brand-picker-trigger:hover{border-color:#bc9da9;background:#30252c}
.brand-picker button:focus-visible,.brand-picker-dialog button:focus-visible{outline:2px solid #c8dfb0;outline-offset:3px}
@media(max-width:700px){.brand-picker{width:100%;min-width:0}.brand-picker-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px)}.brand-picker-options{padding:12px;gap:8px}.shop .brand-picker-option{min-height:104px;font-size:11px}.brand-picker-dialog header{padding:12px 16px}}
@media(max-width:350px){.brand-picker-options{grid-template-columns:repeat(2,minmax(0,1fr))}}