.section--a-z-brand-index{padding-block:var(--space-6) var(--section-y)}.a-z-brand-index__heading{margin:0 0 var(--space-4);font-size:calc(var(--text-3xl) * var(--heading-size-scale))}@media(min-width:750px){.a-z-brand-index__heading{font-size:calc(var(--text-4xl) * var(--heading-size-scale))}}.a-z-brand-index__jump{position:sticky;top:var(--header-height);z-index:5;display:block;background:var(--color-surface-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block:1px solid var(--color-border);margin-block-end:var(--space-4)}.a-z-brand-index__jump-nav{max-width:var(--container-max);margin-inline:auto;padding-block:var(--space-2);padding-inline:var(--container-pad)}.a-z-brand-index__jump-list{display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.a-z-brand-index__jump-list::-webkit-scrollbar{display:none}.a-z-brand-index__jump-item{scroll-snap-align:center}.a-z-brand-index__jump-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-target-min);height:var(--tap-target-min);padding-inline:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text);border-radius:var(--radius-md);text-decoration:none;letter-spacing:.04em;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.a-z-brand-index__jump-link:hover{background:var(--color-accent-soft);color:var(--color-accent)}.a-z-brand-index__jump-link.is-active,.a-z-brand-index__jump-link[aria-current=true]{background:var(--color-accent);color:var(--color-accent-fg)}.a-z-brand-index__jump-link--empty{color:var(--color-text-subtle);pointer-events:none}@media(min-width:990px){.a-z-brand-index__jump-list{justify-content:center;overflow:visible}}.a-z-brand-index__sections{display:flex;flex-direction:column;gap:var(--space-8)}.a-z-brand-index__letter{scroll-margin-block-start:calc(var(--header-height) + 64px)}.a-z-brand-index__letter:focus:not(:focus-visible){outline:none}.a-z-brand-index__letter:focus-visible{outline:2px solid var(--color-accent, #00E5FF);outline-offset:2px}.a-z-brand-index__letter-heading{margin:0 0 var(--space-3);font-size:calc(var(--text-2xl) * var(--heading-size-scale));color:var(--color-accent);border-block-end:1px solid var(--color-border);padding-block-end:var(--space-2);font-variant-numeric:tabular-nums}.a-z-brand-index__grid{display:grid;grid-template-columns:repeat(var(--brand-cols-mobile, 3),minmax(0,1fr));gap:var(--space-3)}@media(min-width:750px){.a-z-brand-index__grid{grid-template-columns:repeat(calc(var(--brand-cols-desktop) - 2),minmax(0,1fr));gap:var(--space-4)}}@media(min-width:990px){.a-z-brand-index__grid{grid-template-columns:repeat(var(--brand-cols-desktop, 6),minmax(0,1fr))}}.a-z-brand-index__empty{padding:var(--space-8) 0;text-align:center;color:var(--color-text-muted)}.brand-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;text-decoration:none;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);min-height:140px;justify-content:center}.brand-card:hover{border-color:var(--color-accent);transform:translateY(-2px);background:var(--color-surface-elevated)}.brand-card__media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 2;overflow:hidden}.brand-card__image,.brand-card__media>img,.brand-card__media>picture>img{max-width:100%;max-height:100%;object-fit:contain}.brand-card__placeholder{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.brand-card__body{display:flex;flex-direction:column;gap:2px}.brand-card__name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.brand-card__count{font-size:var(--text-xs);color:var(--color-text-muted)}@layer components{.a-z-brand-index{padding-block:clamp(2rem,5vw,4rem);container-type:inline-size}.a-z-brand-index__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out)}.a-z-brand-index__item:hover,.a-z-brand-index__item:focus-visible{border-color:var(--color-accent);transform:translateY(-2px)}.a-z-brand-index__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-a-z-brand-index.css.map */