:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.brand-catalog{gap:var(--space-4);flex-direction:column;display:flex}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.brand-search{width:min(360px,100%)}.brand-search .sf-input{min-height:44px}.brand-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.brand-card{gap:var(--space-2);min-width:0;padding:var(--space-5);border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface);transition:box-shadow var(--sf-transition),border-color var(--sf-transition);flex-direction:column;display:flex;position:relative}.brand-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.brand-card img,.brand-mark{object-fit:contain;border-radius:var(--sf-radius-sm);background:var(--sf-surface-raised);width:88px;height:64px;color:var(--sf-text-soft);font-size:var(--text-2xl);font-weight:var(--weight-black);place-items:center;display:grid}.brand-card h3{margin:var(--space-2) 0 0;font-size:var(--text-md);font-weight:var(--weight-bold)}.brand-card h3 a{color:var(--sf-text);text-decoration:none}.brand-card h3 a:after{content:"";position:absolute;inset:0}.brand-card h3 a:focus-visible{outline:none}.brand-card:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.brand-card p{color:var(--sf-text-soft);font-size:var(--text-sm);margin:0}.brand-card__count{color:var(--sf-text-muted);font-weight:var(--weight-semibold)}.brand-hero{gap:var(--space-5);grid-template-columns:120px minmax(0,1fr);align-items:center;display:grid}.brand-logo{border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface);width:120px;height:120px;color:var(--sf-text-soft);font-size:var(--text-3xl);font-weight:var(--weight-black);place-items:center;display:grid;overflow:hidden}.brand-logo img{object-fit:contain;width:100%;height:100%;padding:var(--space-3)}.brand-detail .sf-btn{min-height:44px}@media (width<=1023px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.section-head{align-items:stretch;display:grid}.brand-search{width:100%}.brand-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{padding:var(--space-4)}.brand-hero{gap:var(--space-4);grid-template-columns:72px minmax(0,1fr)}.brand-logo{width:72px;height:72px;font-size:var(--text-2xl)}}@media (width<=390px){.brand-card img,.brand-mark{width:64px;height:48px}}@media (prefers-reduced-motion:reduce){.brand-card{transition:none}}