.brands-hero{position:relative;display:flex;align-items:flex-end;min-height:400px;padding-block:60px;overflow:hidden}.brands-hero__media{position:absolute;inset:0;z-index:0}.brands-hero__image{width:100%;height:100%;object-fit:cover}.brands-hero__overlay{position:absolute;inset:0;background-color:rgb(0,0,0,var(--overlay-opacity, .3))}.brands-hero__content{position:relative;z-index:1;width:100%}.brands-hero__title{margin-block-end:8px;color:var(--color-foreground-heading)}.brands-hero__subtitle{font-size:1.125rem;opacity:.9;margin-block-end:0}.brands-letter-nav{padding-block:32px 24px}.brands-letter-nav__list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.brands-letter-nav__button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding-inline:12px;font-size:.875rem;font-weight:500;color:var(--color-foreground);background-color:transparent;border:1px solid var(--color-foreground);border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.brands-letter-nav__button:hover,.brands-letter-nav__button.is-active{background-color:var(--color-foreground);color:var(--color-background)}.brands-letter-nav__button--view-all{min-width:auto;padding-inline:16px}.brands-search{padding-block-end:32px}.brands-search__wrapper{position:relative;max-width:400px;margin-inline:auto}.brands-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-foreground);opacity:.6;pointer-events:none}.brands-search__input{width:100%;height:48px;padding-inline:48px;font-size:1rem;color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-foreground);border-radius:4px;transition:border-color .2s ease}.brands-search__input::placeholder{color:var(--color-foreground);opacity:.5}.brands-search__input:focus{outline:none;border-color:var(--color-primary)}.brands-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--color-foreground);background-color:transparent;border:none;border-radius:50%;cursor:pointer;opacity:.6;transition:opacity .2s ease}.brands-search__clear:hover{opacity:1}.brands-search__clear svg{width:16px;height:16px}.brands-filter-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-block-end:24px;font-size:.875rem;color:var(--color-foreground);opacity:.8}.brands-sort{padding:8px 12px;font-size:.875rem;color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-foreground);border-radius:4px;cursor:pointer}.brands-sort:focus{outline:none;border-color:var(--color-primary)}.brands-grid-wrapper{padding-block-end:60px}.brands-grid{display:grid;grid-template-columns:repeat(var(--columns, 4),1fr);gap:32px 24px;list-style:none;margin:0;padding:0}.brands-grid__item[hidden]{display:none}.brands-grid__item[data-dark-bg=true] .brand-card__media{background-color:#1a1a1a}.brands-grid__empty{grid-column:1/-1;text-align:center;padding:60px 24px;color:var(--color-foreground);opacity:.6}.brand-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s ease}.brand-card:hover{transform:translateY(-4px)}.brand-card:hover .brand-card__image{transform:scale(1.05)}.brand-card__media{position:relative;aspect-ratio:1;overflow:hidden;background-color:var(--color-foreground);background-color:#0000000d;border-radius:8px;margin-block-end:16px}.brand-card__image{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .3s ease}.brand-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem;font-weight:600;color:var(--color-foreground);opacity:.3}.brand-card__content{text-align:center}.brand-card__title{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--color-foreground-heading)}.brand-card__region{margin:0 0 4px;font-size:.875rem;color:var(--color-foreground);opacity:.7}.brand-card__count{margin:0;font-size:.8125rem;color:var(--color-primary);font-weight:500}.brands-no-results{text-align:center;padding:60px 24px}.brands-no-results p{margin-block-end:24px;color:var(--color-foreground);opacity:.7}.brands-no-results[hidden]{display:none}@media (max-width: 989px){.brands-grid{grid-template-columns:repeat(3,1fr)}.brands-hero{min-height:300px}}@media (max-width: 749px){.brands-grid{grid-template-columns:repeat(var(--columns-mobile, 2),1fr);gap:24px 16px}.brands-hero{min-height:250px;padding-block:40px}.brands-hero__title{font-size:2rem}.brands-letter-nav__list{gap:6px}.brands-letter-nav__button{min-width:36px;height:36px;font-size:.8125rem}.brands-search__wrapper{max-width:100%}.brands-filter-status{flex-direction:column;align-items:flex-start}.brand-card__media{margin-block-end:12px}.brand-card__image{padding:16px}.brand-card__title{font-size:.9375rem}}@media (max-width: 479px){.brands-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.brands-letter-nav__button{min-width:32px;height:32px;padding-inline:8px;font-size:.75rem}}