.brands-page{padding-top:var(--nav-offset);padding-bottom:var(--space-48);background:var(--semantic-bg-default)}.brands-page__header{text-align:center;margin:0 auto var(--space-24);max-width:720px}.brands-page__title{margin:0 0 var(--space-8);font-size:var(--type-cn-headline-medium-size);line-height:var(--type-cn-headline-medium-line);font-weight:var(--type-cn-headline-medium-weight);color:var(--semantic-text-primary)}.brands-page__lead{margin:0;font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);color:var(--semantic-text-secondary)}.brands-page__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-20)}.brands-page__search{display:flex;flex:1 1 320px;max-width:480px;border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-sm);overflow:hidden;background:var(--semantic-bg-default);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.brands-page__search:focus-within{border-color:var(--semantic-border-accent);box-shadow:0 0 0 4px var(--semantic-focus-ring-accent)}.brands-page__search-input{flex:1;height:44px;padding:0 var(--space-16);border:0;background:transparent;font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);color:var(--semantic-text-primary);outline:none}.brands-page__search-input::placeholder{color:var(--semantic-text-tertiary)}.brands-page__search-btn{padding:0 var(--space-20);background:var(--semantic-brand-primary);color:var(--semantic-text-inverse);border:0;font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:600;cursor:pointer;transition:background var(--motion-fast)}.brands-page__search-btn:hover{background:var(--semantic-brand-primary-hover)}.brands-page__sort{display:inline-flex;gap:var(--space-4);padding:4px;background:var(--semantic-bg-subtle);border-radius:var(--radius-pill)}.brands-page__sort-item{padding:var(--space-8) var(--space-20);border:0;background:transparent;border-radius:var(--radius-pill);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:500;color:var(--semantic-text-secondary);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.brands-page__sort-item:hover{color:var(--semantic-text-primary)}.brands-page__sort-item--active{background:var(--semantic-bg-default);color:var(--semantic-text-accent);box-shadow:var(--shadow-xs)}.brands-page__chips{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-24);padding-bottom:var(--space-12);border-bottom:1px solid var(--semantic-border-subtle)}.brands-page__chip{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-pill);background:var(--semantic-bg-default);color:var(--semantic-text-secondary);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:500;cursor:pointer;transition:all var(--motion-fast)}.brands-page__chip:hover{border-color:var(--semantic-text-tertiary);color:var(--semantic-text-primary)}.brands-page__chip--active{background:var(--semantic-brand-primary-soft);border-color:var(--semantic-border-accent);color:var(--semantic-text-accent)}.brands-page__chip-count{font-family:var(--font-en);font-size:var(--type-en-label-small-size);color:var(--semantic-text-tertiary)}.brands-page__chip--active .brands-page__chip-count{color:var(--semantic-text-accent)}.brands-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);transition:opacity var(--motion-base)}@media (max-width:900px){.brands-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.brands-page__grid{grid-template-columns:1fr;gap:var(--space-16)}}.brands-page__empty{margin:var(--space-48) 0;text-align:center;color:var(--semantic-text-tertiary)}.brands-page__sentinel{height:1px}.brands-page__loading{text-align:center;margin-top:var(--space-24);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--semantic-text-tertiary);min-height:1.5em}.brand-card{display:flex;flex-direction:column;background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:all var(--motion-base);min-width:0}.brand-card:hover{border-color:var(--semantic-border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.brand-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--semantic-bg-subtle)}.brand-card__cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--motion-slow)}.brand-card__cover--placeholder{background:linear-gradient(135deg,var(--semantic-bg-subtle),var(--semantic-bg-disabled))}.brand-card:hover .brand-card__cover{transform:scale(1.05)}.brand-card__badge{position:absolute;top:var(--space-8);left:var(--space-8);padding:var(--space-4) var(--space-8);font-family:var(--font-en);font-size:var(--type-en-label-small-size);letter-spacing:.04em;font-weight:600;color:var(--semantic-text-inverse);background:var(--semantic-brand-primary);border-radius:var(--radius-xs)}.brand-card__body{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16)}.brand-card__logo-wrap{display:flex;align-items:center;min-height:36px}.brand-card__logo{max-width:60%;max-height:36px;object-fit:contain;display:block}.brand-card__title{margin:0;font-size:var(--type-cn-title-small-size);line-height:var(--type-cn-title-small-line);font-weight:600;color:var(--semantic-text-primary)}.brand-card__intro{margin:0;font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--semantic-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.brand-card__btype{align-self:flex-start;font-size:var(--type-cn-label-small-size);line-height:var(--type-cn-label-small-line);padding:2px var(--space-8);color:var(--semantic-text-tertiary);background:var(--semantic-bg-subtle);border-radius:var(--radius-pill)}