/* Shared brand wall. Original image bytes and aspect ratios are preserved. */
.soocker-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 20px;list-style:none;margin:32px 0 0;padding:20px 0;background:#fff;border:0;border-radius:0;box-shadow:none}
.soocker-brand-grid li{display:flex;align-items:center;justify-content:center;min-width:0;height:120px;padding:12px;list-style:none;border:0;background:#fff}
.brand-logo-frame{position:relative;display:block;flex:none;width:min(100%,var(--logo-width));overflow:hidden}
.soocker-brand-grid .brand-logo-frame img{position:absolute;display:block;max-width:none;max-height:none;height:auto;object-fit:initial;margin:0;filter:none;opacity:1}
.brand-wall-action{text-align:center;margin:14px 0 30px}
.brand-wall-toggle{display:none}
#brands{scroll-margin-top:110px}
@media(min-width:721px) and (max-width:1050px){.soocker-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){
 .soocker-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:24px;padding:10px 0}
 .soocker-brand-grid li{height:90px;padding:10px 7px}
 .brand-logo-frame{max-width:100%}
 .soocker-brand-grid[data-expandable-brands].is-collapsible:not(.is-expanded)>li:nth-child(n+13){display:none}
 .brand-wall-toggle.is-ready{display:block;margin:20px auto 0;padding:12px 24px;background:#fff;border:1px solid #b8dce5;border-radius:999px;color:#0b3244;font:inherit;font-weight:700;cursor:pointer}
 .brand-wall-toggle:focus-visible{outline:3px solid #f6ab00;outline-offset:4px}
}
