.hdt-brands-page{padding:4rem 0}.hdt-brands-page__heading{text-align:center;margin:0 0 3rem}.hdt-brands-page__empty{text-align:center;opacity:.7}.hdt-brands-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:3.6rem}.hdt-brands-nav__item{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;height:3.2rem;padding:0 .8rem;border-radius:.4rem;border:.1rem solid rgba(var(--color-foreground),.15);background:none;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.3rem;cursor:pointer}.hdt-brands-nav__item--all{min-width:auto;padding:0 1.6rem}.hdt-brands-nav__item.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.hdt-brands-nav__item--disabled{opacity:.3;cursor:default}.hdt-brands-nav__item:not(.hdt-brands-nav__item--disabled):hover{border-color:rgb(var(--color-foreground))}.hdt-brands-grid{display:grid;grid-template-columns:repeat(var(--hdt-brands-columns, 4),1fr);gap:2.4rem}@media screen and (max-width:989px){.hdt-brands-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.hdt-brands-grid{grid-template-columns:1fr}}.hdt-brands-group{border:.1rem solid rgba(var(--color-foreground),.08);border-radius:.4rem;padding:2rem}.hdt-brands-group__letter{margin:0 0 1rem;font-size:2.4rem}.hdt-brands-group__list{list-style:none;margin:0;padding:0}.hdt-brands-group__item{margin-bottom:.4rem}.hdt-brands-group__logo{display:inline-block;vertical-align:middle;margin-right:.6rem;border-radius:.2rem}.hdt-brands-group__link{color:rgba(var(--color-foreground),.75);text-decoration:none;font-size:1.3rem}.hdt-brands-group__link:hover{color:rgb(var(--color-foreground));text-decoration:underline}.hdt-brands-pagination{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:3.6rem}.hdt-brands-pagination__pages{display:flex;gap:.4rem}.hdt-brands-pagination__page{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:.4rem;border:.1rem solid rgba(var(--color-foreground),.15);background:none;cursor:pointer;font-size:1.3rem;color:rgb(var(--color-foreground))}.hdt-brands-pagination__page.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-main-page-brands.css.map */