.brand-menu-details{position:static}.brand-menu{position:absolute;left:0;right:0;top:100%;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.4rem 2.4rem;box-sizing:border-box;padding:1.6rem clamp(1.6rem,4vw,4rem);background-color:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.08);box-shadow:0 1rem 2rem rgba(var(--color-foreground),.08);max-height:calc(100vh - var(--header-bottom-position-desktop, 18rem) - 2rem);overflow-y:auto}.brand-menu__index{column-count:4;column-gap:2rem;margin:0}@media screen and (max-width:1100px){.brand-menu__index{column-count:3}}.brand-menu__group{break-inside:avoid;margin-bottom:1rem;padding-left:.7rem;border-left:2px solid rgba(var(--color-foreground),.12)}.brand-menu__letter{margin:0 0 .2rem;font-size:1.1rem;font-weight:700;letter-spacing:.08rem;text-transform:uppercase;color:rgba(var(--color-foreground),.45)}.brand-menu__list{list-style:none;margin:0;padding:0}.brand-menu__brand{display:block;padding:.1rem 0;font-size:1.1rem;line-height:calc(1 + .4 / var(--font-body-scale));text-decoration:none;color:rgba(var(--color-foreground),.78)}.brand-menu__brand:hover,.brand-menu__brand:focus-visible,.brand-menu__brand--active{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2rem}.brand-menu__preview{position:sticky;top:0;align-self:start;aspect-ratio:3 / 4;background:rgba(var(--color-foreground),.04);border-radius:.6rem;overflow:hidden}.brand-menu__preview-inner{position:absolute;top:0;right:0;bottom:0;left:0}.brand-menu__product{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.brand-menu__product.active{opacity:1}.brand-menu__preview-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem;text-align:center;font-size:1.1rem;color:rgba(var(--color-foreground),.4);pointer-events:none}.brand-menu__preview-inner:not(:empty)+.brand-menu__preview-hint{display:none}.brand-menu template{display:none}@media(prefers-reduced-motion:reduce){.brand-menu__product{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-brand-menu.css.map */