.brands-az{--brands-az-nav-height: 3.5rem;padding-block-end:4rem}html:has(.brands-az){scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:has(.brands-az){scroll-behavior:auto}}.brands-az__title{margin-block:var(--section-vertical-spacing-tight) calc(var(--section-vertical-spacing-tight) / 2)}.brands-az__nav{position:sticky;inset-block-start:var(--sticky-area-height, 0px);z-index:2;display:flex;align-items:center;min-height:var(--brands-az-nav-height);background-color:rgb(var(--background));border-block:1px solid rgb(var(--op-heading) / .25)}.brands-az__nav>.container{width:100%}.brands-az__nav-list{display:flex;justify-content:space-between;gap:.25rem;overflow-x:auto;scrollbar-width:none}.brands-az__nav-list::-webkit-scrollbar{display:none}.brands-az__nav-letter{display:block;padding:.35rem .3rem;color:rgb(var(--op-heading));font-family:var(--heading-font-family);font-size:1.25rem;line-height:1;transition:color .15s ease}a.brands-az__nav-letter:hover,a.brands-az__nav-letter:focus-visible{color:var(--letter-colour)}.brands-az__nav-letter.is-empty{opacity:.3}@media screen and (min-width:1000px){.brands-az__nav-letter{font-size:1.75rem}}.brands-az__groups{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1.35rem 1.5rem;margin-block-start:2rem}.brands-az__letter{margin:0;padding-block-end:.4rem;border-block-end:1px solid rgb(var(--op-heading) / .3);color:var(--letter-colour);font-family:var(--heading-font-family);font-size:2rem;font-weight:400;line-height:1;scroll-margin-top:calc(var(--sticky-area-height, 0px) + var(--brands-az-nav-height) + 1rem)}.brands-az__list{padding-block:.6rem 0}.brands-az__brand{display:block;padding-block:.075rem;color:rgb(var(--op-heading));font-family:var(--text-font-family);font-size:var(--text-base);line-height:1.35}.brands-az__brand:hover,.brands-az__brand:focus-visible{color:var(--letter-colour);text-decoration:underline;text-underline-offset:.2em}@media screen and (min-width:700px){.brands-az__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1000px){.brands-az__groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.65rem 2rem}.brands-az__letter{font-size:2.25rem}}#main:has(.brands-az)>[id^=shopify-section-template--]:not(:has(.brands-az)){display:none}
/*# sourceMappingURL=/cdn/shop/t/41/assets/brands-a-z.css.map */