.brands-list__letters{max-width:116.4rem}.brands-list__letters__title{font-family:var(--font-body-family);text-transform:uppercase;font-size:1.8rem;font-weight:600}.brands-list__letters__list{list-style-type:none;padding:0;margin:3.2rem 0;display:flex;align-items:center;gap:3rem}@media screen and (max-width:1199px){.brands-list__letters__list{overflow-x:auto;overflow-y:hidden;padding:1rem 0 1rem 1rem}}.brands-list__letters__list li a{text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));font-weight:400;font-size:2.2rem;position:relative;z-index:2}.brands-list__letters__list li a:before{content:"";position:absolute;top:-.4rem;left:-1rem;width:3.3rem;height:3.3rem;border-radius:50%;background-color:rgb(var(--color-button));z-index:-1;opacity:0;transition:all .3s ease-in-out}.brands-list__letters__list li a:hover:before{opacity:1}.brands-list__sections{margin-top:6.3rem;padding:4rem 0 5.7rem 8rem;border-top:.2rem solid rgb(var(--color-button));display:grid;grid-template-columns:28.7rem 1fr}.brands-list__sections__title p{font-size:10rem;color:rgb(var(--color-foreground));font-weight:600;padding:0;margin:0}.brands-list__sections__content{columns:4}.brands-list__sections__content.large--collection{grid-template-rows:repeat(17,auto)}@media screen and (max-width:1089px){.brands-list__sections{padding:4rem 0 5.7rem;grid-template-columns:17.7rem 1fr}.brands-list__sections__content{columns:3}}.brands-list__sections__content a{text-transform:uppercase;font-family:var(--font-body-family);color:rgb(var(--color-foreground));font-size:1.5rem;text-decoration:none;font-weight:600;display:inline-block;padding-right:2rem}.brands-list__sections__item:not(:last-child){margin-bottom:1.2rem}.brands-list__sections__content a:hover{text-decoration:underline}@media screen and (max-width:749px){.brands-list__letters__list{margin:1.6rem 0}.brands-list__sections__title p{font-size:6rem}.brands-list__sections{grid-template-columns:1fr;padding:1.2rem 2.6rem;grid-gap:3rem;margin-top:3.7rem}.brands-list__sections__content{columns:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-page-brands-list.css.map */