.page-brands__intro{padding-top:4rem;padding-bottom:2rem;text-align:center}.page-brands__heading{margin:0 0 1rem}.page-brands__description{max-width:60rem;margin:0 auto;color:rgba(var(--color-foreground),.7)}.page-brands__alphabet{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:2.4rem;margin-bottom:2.4rem;border-bottom:1px solid rgb(var(--color-border))}.page-brands__letter{min-width:3.2rem;height:3.2rem;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(var(--color-border));border-radius:999px;background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;cursor:pointer;transition:background-color var(--duration-default),color var(--duration-default),border-color var(--duration-default)}.page-brands__letter--all{padding:0 1.6rem;font-weight:600}.page-brands__letter.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.page-brands__letter.is-disabled{color:rgba(var(--color-foreground),.28);border-color:rgba(var(--color-border),.5);cursor:default}.page-brands__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;padding-bottom:6rem}.page-brands__card{display:flex;align-items:center;justify-content:center;min-height:8.8rem;padding:1.6rem 1rem;border:1px solid rgb(var(--color-border));border-radius:8px;text-align:center;text-decoration:none;transition:border-color var(--duration-default),background-color var(--duration-default)}.page-brands__card:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03)}.page-brands__card-name{font-size:1.4rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-foreground))}.page-brands__empty{text-align:center;padding:6rem 0;color:rgba(var(--color-foreground),.6)}@media screen and (max-width:989px){.page-brands__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.page-brands__intro{padding-top:2.4rem}.page-brands__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.page-brands__letter{min-width:2.8rem;height:2.8rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-page-brands.css.map */