.brand-picker{width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #cbd2cd;border-radius:18px;background:#f6f7f8;color:#17251d;box-shadow:0 20px 80px #0003;overflow:auto}
.brand-picker::backdrop{background:#17251d99}
.brand-picker-head{position:sticky;top:0;z-index:1;background:#f6f7f8;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #d8ddd8}
.brand-picker-head h2{font:600 20px/1.3 Arial,Helvetica,sans-serif;margin:0}
.brand-picker-close{border:0;background:transparent;color:#315440;font-size:28px;cursor:pointer;width:36px;height:36px}
.brand-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px}
.brand-picker-item{font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:125px;padding:14px 8px;border:1px solid #d8ddd8;border-radius:12px;background:#fff;color:#17251d;cursor:pointer}
.brand-picker-item img{width:100%;height:48px;object-fit:contain;max-width:110px}
.brand-picker-item strong{font-size:15px;font-weight:600}
.brand-picker-item small{font-size:10px;color:#647066;line-height:1.3}
.brand-picker-item:hover{border-color:#b08a40;background:#fffdf5}
.brand-picker-item[aria-pressed=true]{border:2px solid #b08a40;background:#fffaf0}
.catalog-mi-brand>img{width:100%;height:100%;object-fit:contain;padding:3px;background:white;border-radius:7px}
@media(max-width:520px){.brand-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:7px}.brand-picker-item{min-height:110px}.brand-picker-item img{height:40px}.brand-picker-item strong{font-size:13px}}
@media(max-width:340px){.brand-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.brand-picker-languages{margin-left:auto;display:flex;gap:2px;border:1px solid #cbd2cd;border-radius:24px;padding:3px;background:#fff;flex:none}
.brand-picker-languages button{font:500 11px/1.2 Arial,Helvetica,sans-serif;min-height:28px;padding:5px 9px;border:0;border-radius:20px;background:transparent;color:#17251d;cursor:pointer}
.brand-picker-languages button[aria-pressed=true]{background:#17251d;color:#fff}
.brand-picker-head{gap:12px}
@media(max-width:520px){.brand-picker-head{padding:12px;flex-wrap:wrap;gap:8px}.brand-picker-head h2{font-size:16px}.brand-picker-languages button{padding:5px 6px;font-size:10px}.brand-picker-close{width:28px}}
.brand-picker-head{padding:12px 16px;gap:10px;flex-wrap:nowrap}
.brand-picker-actions{display:flex;gap:8px;flex:none}
.brand-picker-actions button{font:600 13px/1.2 Arial,Helvetica,sans-serif;border:1px solid #cbd2cd;border-radius:20px;min-height:34px;padding:7px 14px;background:white;color:#244936;cursor:pointer}
.brand-picker-actions .brand-picker-show{background:#244936;color:white;border-color:#244936}
.brand-picker-all[aria-pressed=true]{background:#eee4cb;border-color:#b08a40}
.brand-picker-languages{margin-left:auto;margin-right:0}
.brand-picker-close{flex:none;margin-left:0}
.brand-picker-item{position:relative;gap:7px;padding-top:20px;padding-bottom:8px;min-height:136px}
.brand-picker-count{position:absolute;right:8px;top:6px;font:600 11px/1.2 Arial,sans-serif;color:#52675a}
.brand-picker-item small{margin-top:auto;color:#506958;font-size:12px;line-height:1.2}
.brand-picker-item img{height:52px}
@media(max-width:600px){.brand-picker-head{flex-wrap:wrap;gap:7px;padding:10px}.brand-picker-languages{order:3;margin-right:36px}.brand-picker-close{position:absolute;right:8px;top:12px}.brand-picker-actions{margin-right:34px}.brand-picker-item small{font-size:10px}}
.brand-picker .brand-picker-languages{position:static!important;inset:auto!important;z-index:auto!important;transform:none!important;box-shadow:none!important;margin-left:auto!important;margin-right:0!important;height:36px;align-items:center}
.brand-picker .brand-picker-languages button{height:28px;min-height:28px;max-height:28px;line-height:16px;padding-block:0;white-space:nowrap}

.brand-picker-show:disabled{opacity:.45;cursor:default}

@media(max-width:600px){.brand-picker .brand-picker-languages{margin-left:auto!important;margin-right:36px!important}}