.ma-brands{--ma-min:120px;--ma-card-bg:#ffffff;--ma-card-border:#e6e8ec;--ma-card-border-hover:#cfd4db;--ma-name:#5b6470;max-width:1100px;margin:0 auto;box-sizing:border-box}.ma-brands *,.ma-brands *::before,.ma-brands *::after{box-sizing:border-box}.ma-brands .ma-title{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:600;line-height:1.2;margin:0 0 1.1rem;text-align:center}.ma-brands .ma-bar{display:flex;align-items:center;gap:.6rem;max-width:360px;margin:0 auto 1.4rem;padding:0 .9rem;height:44px;background:#fff;border:1px solid #e2e5ea;border-radius:12px;transition:border-color .18s}.ma-brands .ma-bar:focus-within{border-color:#9aa3af}.ma-brands .ma-ico{flex:0 0 auto;width:18px;height:18px;color:#9aa3af}.ma-brands .ma-q{flex:1 1 auto;min-width:0;height:100%;border:0;outline:0;padding:0;background:#fff0;font:inherit;font-size:15px;color:#2b3240}.ma-brands .ma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--ma-min),1fr));gap:12px}.ma-brands .ma-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:96px;padding:18px 10px;background:var(--ma-card-bg);border:1px solid var(--ma-card-border);border-radius:12px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s}.ma-brands .ma-logo-wrap{display:flex;align-items:center;justify-content:center;height:40px;width:100%}.ma-brands .ma-logo{max-height:38px;max-width:82%;width:auto;height:auto;object-fit:contain;filter:none;opacity:1;transition:filter .18s,opacity .18s}.ma-brands .ma-name{font-size:13px;line-height:1.2;color:var(--ma-name);text-align:center}.ma-brands .ma-card:hover,.ma-brands .ma-card:focus-visible{border-color:var(--ma-card-border-hover);transform:translateY(-2px);box-shadow:0 6px 18px rgb(20 30 50 / .07);outline:none}.ma-brands .ma-card:hover .ma-logo,.ma-brands .ma-card:focus-visible .ma-logo{filter:grayscale(1);opacity:.55}.ma-brands .ma-empty{text-align:center;color:#8a93a0;font-size:15px;padding:1rem 0;margin:0}.ma-brands .ma-empty[hidden]{display:none}@media (max-width:480px){.ma-brands .ma-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.ma-brands .ma-card{min-height:86px;padding:14px 8px}.ma-brands .ma-logo-wrap{height:34px}.ma-brands .ma-logo{max-height:32px}.ma-brands .ma-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.ma-brands .ma-card,.ma-brands .ma-logo{transition:none}.ma-brands .ma-card:hover,.ma-brands .ma-card:focus-visible{transform:none}}