.brand-mega-menu{width:100%;padding-inline:var(--section-padding-inline, 40px)}.brand-mega-menu__group-bar{display:flex;gap:var(--gap-md, 12px);border-bottom:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .1);margin-bottom:var(--padding-lg, 24px);padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.brand-mega-menu__group-btn{background:none;border:none;border-bottom:2px solid transparent;padding:var(--padding-sm, 8px) var(--padding-md, 12px);font-family:var(--menu-child-font-family, inherit);font-size:var(--menu-child-font-size, .875rem);font-weight:var(--menu-child-font-weight, 400);text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground-rgb, 0 0 0) / .5);cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;flex-shrink:0}.brand-mega-menu__group-btn:hover{color:var(--color-foreground, #000)}.brand-mega-menu__group-btn--active{color:var(--color-foreground, #000);border-bottom-color:var(--color-foreground, #000);font-weight:600}.brand-mega-menu__panels{display:grid}.brand-mega-menu__panel{grid-area:1 / 1;visibility:hidden;pointer-events:none}.brand-mega-menu__panel--active{visibility:visible;pointer-events:auto;z-index:1;background-color:var(--color-background, #fff)}.brand-mega-menu__panel-grid{display:grid;grid-template-columns:1fr 3fr;gap:var(--gap-xl, 32px)}@media screen and (max-width:989px){.brand-mega-menu__panel-grid{grid-template-columns:1fr 2fr}}.brand-mega-menu__brand-list{columns:2;column-gap:var(--gap-xl, 32px);max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground-rgb, 0 0 0) / .2) transparent;padding-right:var(--padding-md, 12px)}.brand-mega-menu__letter-heading,.brand-mega-menu__brand-link,.brand-mega-menu__view-all{break-inside:avoid}.brand-mega-menu__letter-heading{font-family:var(--menu-parent-font-family, inherit);font-size:var(--menu-parent-font-size, .875rem);font-weight:var(--menu-parent-font-weight, 600);text-transform:uppercase;color:var(--color-foreground, #000);margin-top:var(--padding-md, 12px);margin-bottom:var(--padding-2xs, 4px);padding-bottom:var(--padding-2xs, 4px);border-bottom:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .08)}.brand-mega-menu__letter-heading:first-child{margin-top:0}.brand-mega-menu__brand-link{font-family:var(--menu-child-font-family, inherit);font-size:var(--menu-child-font-size, .8125rem);color:var(--menu-child-font-color, inherit);text-decoration:none;padding:var(--padding-2xs, 4px) 0;transition:color .15s;display:block}.brand-mega-menu__brand-link:hover{color:var(--menu-child-active-font-color, var(--color-foreground, #000))}.brand-mega-menu__view-all{display:inline-block;margin-top:var(--padding-md, 12px);font-family:var(--menu-child-font-family, inherit);font-size:var(--menu-child-font-size, .8125rem);font-weight:600;color:var(--color-foreground, #000);text-decoration:underline;text-underline-offset:3px}.brand-mega-menu__view-all:hover{text-decoration-thickness:2px}.brand-mega-menu__image-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-lg, 20px)}@media screen and (max-width:989px){.brand-mega-menu__image-cards{grid-template-columns:repeat(2,1fr)}.brand-mega-menu__image-card:nth-child(3){display:none}}.brand-mega-menu__image-card{text-decoration:none;color:var(--color-foreground, #000);display:flex;flex-direction:column;gap:var(--padding-sm, 8px)}.brand-mega-menu__image-card:hover .brand-mega-menu__image{transform:scale(1.03)}.brand-mega-menu__image{width:100%;aspect-ratio:3 / 4;object-fit:cover;transition:transform .3s ease}.brand-mega-menu__image-placeholder{width:100%;aspect-ratio:3 / 4;background-color:rgb(var(--color-foreground-rgb, 0 0 0) / .06)}.brand-mega-menu__image-label{font-family:var(--menu-child-font-family, inherit);font-size:var(--menu-child-font-size, .8125rem);font-weight:500;text-align:center;color:var(--color-foreground, #000);position:relative}.brand-drawer{padding:var(--padding-md, 12px) 0}.brand-drawer__search-wrap{padding:0 var(--padding-md, 12px) var(--padding-md, 12px)}.brand-drawer__search{width:100%;padding:var(--padding-sm, 8px) var(--padding-md, 12px);border:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .15);border-radius:4px;font-family:inherit;font-size:.875rem;background:transparent;color:var(--color-foreground, #000);outline:none}.brand-drawer__search:focus{border-color:var(--color-foreground, #000)}.brand-drawer__search::placeholder{color:rgb(var(--color-foreground-rgb, 0 0 0) / .4)}.brand-drawer__list{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.brand-drawer__letter-heading{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground-rgb, 0 0 0) / .5);padding:var(--padding-sm, 8px) var(--padding-md, 12px) var(--padding-2xs, 4px);margin-top:var(--padding-sm, 8px)}.brand-drawer__letter-heading:first-child{margin-top:0}.brand-drawer__brand-link{display:block;padding:var(--padding-2xs, 4px) var(--padding-md, 12px)}.brand-drawer__no-results{padding:var(--padding-lg, 24px) var(--padding-md, 12px);color:rgb(var(--color-foreground-rgb, 0 0 0) / .5);font-size:.875rem;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom.brand-menu.css.map */