.o-all-brands{--grid-column-gap:var(--column-gap-mobile);--grid-row-gap:var(--row-gap-mobile)}@media screen and (min-width:768px){.o-all-brands{--grid-column-gap:var(--column-gap-desktop);--grid-row-gap:var(--row-gap-desktop)}}.o-all-brands__layout{align-items:flex-start;display:flex;gap:2rem}.o-all-brands__content{display:flex;flex:1;flex-direction:column;gap:3rem;min-width:0}@media screen and (min-width:768px){.o-all-brands__content{gap:4rem}}.o-all-brands__sidebar{align-self:stretch;flex:0 0 auto;order:2}.o-all-brands__alphabet{display:flex;flex-direction:column;gap:0;position:sticky;top:calc(var(--header-height) + var(--announcement-height) + 6rem)}@media screen and (min-width:768px){.o-all-brands__alphabet{top:calc(var(--header-height) + var(--announcement-height) + 2rem)}}.o-all-brands__alphabet-item{flex-shrink:0}.o-all-brands__letter{display:inline-block;font-size:1.4rem;margin:0;padding:0 .5rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}@media screen and (min-width:768px){.o-all-brands__letter{padding:0}}.o-all-brands__letter:hover:not(.disabled){opacity:.8;text-decoration:underline}.o-all-brands__letter.disabled{cursor:not-allowed;display:none;opacity:.4}.o-all-brands__section{display:flex;flex-direction:column;gap:1.5rem;scroll-margin-top:calc(var(--header-height) + var(--announcement-height) + 2rem)}@media screen and (min-width:768px){.o-all-brands__section{gap:2rem;grid-column:1}}.o-all-brands__section-title h2{margin:0}.o-all-brands__item,.o-all-brands__item-link{display:flex;flex-direction:column;height:100%}.o-all-brands__item-link{text-decoration:none;transition:all .2s ease}.o-all-brands__item-link:hover{opacity:.85}.o-all-brands__item-link:hover .o-all-brands__item-name{text-decoration:underline}.o-all-brands__item-image{align-items:center;aspect-ratio:3/2;border:1px solid rgb(var(--color-border));border-radius:.25rem;display:flex;justify-content:center;margin-bottom:.75rem;overflow:hidden;padding:1rem;width:100%}.o-all-brands__item-image img,.o-all-brands__item-image svg{display:block;height:auto;object-fit:var(--image-fit);width:100%}.o-all-brands__item-name{font-size:1.4rem;font-weight:500;line-height:1.4;text-align:center;transition:all .2s ease;word-break:break-word}.o-all-brands img,.o-all-brands svg{display:block;height:auto;object-fit:var(--image-fit);width:100%}