.brand-selector{grid-column:1/-1;min-width:0;padding-bottom:20px;border-bottom:1px solid #e2e6da}
.brand-selector-label{font-size:14px;line-height:1.4;color:#4d5545;margin:0 0 10px}
.brand-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand-picker{position:relative;flex:0 0 270px;min-width:0}
.brand-picker summary{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:46px;padding:11px 15px;border:1px solid #d5dccb;border-radius:12px;background:#fafbf7;color:#22251f;font-size:16px;line-height:1.4;cursor:pointer;list-style:none}
.brand-picker summary::-webkit-details-marker{display:none}
.brand-picker summary:focus-visible,.brand-tag:focus-visible{outline:3px solid #6f871f;outline-offset:3px}
.brand-picker-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px}
.brand-picker[open] .brand-picker-arrow{transform:rotate(225deg)}
.brand-menu{position:absolute;z-index:5;top:calc(100% + 8px);left:0;width:100%;padding:12px;background:#fff;border:1px solid #d5dccb;border-radius:16px;box-shadow:0 12px 35px #22251f1f}
.brand-search{display:block;margin-bottom:10px}
.brand-search input{width:100%;min-width:0;padding:10px 12px;border:1px solid #d5dccb;border-radius:10px;background:#fafbf7;font:inherit;font-size:16px;color:#22251f}
.brand-options{max-height:260px;overflow-y:auto;overscroll-behavior:contain}
.brand-option{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:9px;font-size:15px;line-height:1.4;cursor:pointer}
.brand-option:hover,.brand-option:has(input:checked){background:#eef3e5}
.brand-option input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#303b24;cursor:pointer}
.brand-tags{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.brand-tag{display:inline-flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid #d8e2c6;border-radius:30px;background:#eaf2dd;color:#27311f;font:inherit;font-size:15px;line-height:1.4;text-decoration:none;cursor:pointer}
.brand-tag span{font-size:21px;line-height:1;font-weight:400}
.brand-tag:hover{background:#dfeacb}
.brand-all,.brand-search-empty{font-size:14px;line-height:1.5;color:#65705a}
.brand-search-empty{padding:10px 8px;margin:0}
.brand-option[hidden],.brand-all[hidden],.brand-search-empty[hidden]{display:none}
@media(max-width:600px){.brand-picker{flex-basis:100%}.brand-menu{max-width:100%}.brand-tags{gap:6px}.brand-tag{padding:8px 11px;font-size:14px}}