#app{margin-top:clamp(1.25rem,.8098591549rem + 1.8779342723vw,2.5rem)}.brands-page__content{display:grid;grid-template-columns:20rem 1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:3.75rem}@media screen and (max-width:64.06125rem){.brands-page__content{grid-template-columns:1fr;gap:1.5rem}}.brands-page__categories .nav-link{font-size:15px;font-weight:300;border-bottom:1px solid var(--stroke-medium);padding:10px 0}.brands-page__categories .nav-link.active{color:var(--black);font-weight:400;border-bottom-color:var(--primary)}.brand-group{display:grid;grid-template-columns:4rem 1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:3.25rem;padding:2.5rem 0}@media screen and (max-width:64.06125rem){.brand-group{grid-template-columns:1fr;gap:1rem;padding:1.25rem 0}}.brand-group+.brand-group{border-top:1px solid var(--stroke-medium)}.brands__list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 2rem;list-style:none;padding:0;margin:0}.brands__list>li>a{display:inline-block;font-size:1rem;font-weight:400;line-height:1.2;color:var(--text-body-medium);padding:.5rem .125rem}@media (any-hover:hover){.brands__list>li>a:hover{color:var(--black)}}@media (any-hover:none){.brands__list>li>a:active{color:var(--black)}}@media screen and (max-width:47.99875rem){.brands__list>li>a{font-size:.875rem}}@media screen and (max-width:64.06125rem){.brands__list{gap:.5rem}}@media screen and (max-width:47.99875rem){.brands__list{grid-template-columns:repeat(2,1fr)}}.alphabet{--button-size:2rem;--alphabet-gap:0.25rem}@media screen and (max-width:64.06125rem){.alphabet{margin-bottom:.75rem}}.alphabet .link-letter__first{text-transform:capitalize}