.brand-directory{padding-top:var(--bd-pad-top, 40px);padding-bottom:var(--bd-pad-bottom, 48px)}.brand-dir__header{text-align:center;margin-bottom:2rem}.brand-dir__intro{max-width:820px;margin:0 auto}.brand-dir__intro.rte>*:first-child{margin-top:0}.brand-dir__intro.rte>*:last-child{margin-bottom:0}.brand-dir__intro.rte a{text-decoration:underline}.brand-dir__controls{max-width:900px;margin:2rem auto;display:grid;gap:1rem}.brand-dir__search input{width:100%;min-height:48px;padding:.75rem 1rem;border:2px solid rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius);background:rgb(var(--color-background))}.brand-dir__search input:focus{outline:none;border-color:rgb(var(--color-foreground))}.brand-dir__az{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.brand-dir__az button{min-width:36px;height:36px;border-radius:var(--buttons-radius);border:1px solid rgba(var(--color-foreground),.25);background:rgb(var(--color-background));cursor:pointer}.brand-dir__az button[aria-current=true]{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.brand-dir__az button[disabled],.brand-dir__az button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.brand-grid{display:flex;flex-wrap:wrap;margin-bottom:0;padding:0;list-style:none;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.brand-card{display:flex}.brand-card>.card-wrapper{width:100%}.brand-card{width:calc(50% - var(--grid-mobile-horizontal-spacing) * 1 / 2);max-width:calc(50% - var(--grid-mobile-horizontal-spacing) * 1 / 2)}@media screen and (min-width: 750px){.brand-grid{column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.brand-card{width:calc((100% / var(--bd-cols-tablet, 3)) - (var(--grid-desktop-horizontal-spacing) * (var(--bd-cols-tablet, 3) - 1) / var(--bd-cols-tablet, 3)));max-width:calc((100% / var(--bd-cols-tablet, 3)) - (var(--grid-desktop-horizontal-spacing) * (var(--bd-cols-tablet, 3) - 1) / var(--bd-cols-tablet, 3)))}}@media screen and (min-width: 990px){.brand-card{width:calc((100% / var(--bd-cols-desktop, 4)) - (var(--grid-desktop-horizontal-spacing) * (var(--bd-cols-desktop, 4) - 1) / var(--bd-cols-desktop, 4)));max-width:calc((100% / var(--bd-cols-desktop, 4)) - (var(--grid-desktop-horizontal-spacing) * (var(--bd-cols-desktop, 4) - 1) / var(--bd-cols-desktop, 4)))}}.brand-dir__empty{display:none;text-align:center;margin-top:3rem}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-brand-directory.css.map */