.brand-grid-header{display:flex;align-items:baseline;gap:1rem}.brand-grid-header__title{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;margin:0}.brand-grid-header__count{font-size:.75rem;color:#0c0c0ca6}.brand-grid-filter{display:flex;flex-wrap:wrap;gap:.5rem}.brand-grid-filter__btn{min-width:36px;height:36px;padding:0 .75rem;background:transparent;border:1px solid rgba(12,12,12,.15);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.brand-grid-filter__btn:hover{border-color:var(--color-primary, #000)}.brand-grid-filter__btn--active{background:var(--color-primary, #000);border-color:var(--color-primary, #000);color:var(--color-white)}.brand-card-skeleton{background:var(--color-white);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:1.5rem}.brand-card-skeleton__content{margin-top:1rem;width:100%}.brand-grid-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.brand-grid-items{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.brand-grid-items{grid-template-columns:repeat(4,1fr)}}.brand-grid{display:flex;flex-direction:column;gap:1.5rem}.brand-list-alphabet{position:sticky;top:100px;display:flex;flex-direction:column;gap:.25rem;height:fit-content}.brand-list-alphabet__btn{width:28px;height:28px;padding:0;background:transparent;border:none;font-size:.6875rem;font-weight:500;color:#0c0c0c33;cursor:default;transition:all .2s}.brand-list-alphabet__btn--available{color:#0c0c0c99;cursor:pointer}.brand-list-alphabet__btn--available:hover{color:var(--color-primary, #000)}.brand-list-alphabet__btn--active{background:var(--color-primary, #000);color:var(--color-white)}@media(max-width:768px){.brand-list-alphabet{display:none}}.brand-list-item{display:flex;align-items:center;gap:.375rem;padding:.5rem 0;text-decoration:none;color:inherit;transition:color .2s}.brand-list-item:hover{color:var(--color-accent-dark, #000000)}.brand-list-item__name{font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.03em}.brand-list-item__count{font-size:.75rem;color:#0c0c0c66}.brand-list{display:flex;gap:2rem}.brand-list__content{flex:1}.brand-list__group{margin-bottom:2rem}.brand-list__letter{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(12,12,12,.1)}.brand-list__items{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:768px){.brand-list__items{grid-template-columns:repeat(3,1fr)}}.brands-page__layout.astro-xyrqsb74{display:flex;flex-direction:column;gap:1.5rem}.brands-page__main.astro-xyrqsb74{min-width:0}@media(min-width:1024px){.brands-page__layout.astro-xyrqsb74{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;align-items:start}.brands-page__sidebar.astro-xyrqsb74{position:sticky;top:1.5rem}}.brands-page__view-toggle.astro-xyrqsb74{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:flex-end}.brands-page__view-btn.astro-xyrqsb74{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;background:transparent;border:1px solid rgba(12,12,12,.2);cursor:pointer;transition:all .2s}.brands-page__view-btn.astro-xyrqsb74:hover{border-color:var(--color-primary, #000)}.brands-page__view-btn--active.astro-xyrqsb74{background:var(--color-primary, #000);color:var(--color-white);border-color:var(--color-primary, #000)}