header,.header,.header-wrapper{position:relative}.brands-mega-menu{position:absolute;top:100%;left:0;width:100%;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.08);border-bottom:1px solid rgba(var(--color-foreground),.08);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:999;max-height:80vh;overflow-y:auto;pointer-events:none;box-shadow:0 4px 12px #00000014}.brands-mega-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.brands-mega-menu-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem 2rem;padding:3rem 2rem;box-sizing:border-box}@media(min-width:750px){.brands-mega-menu-inner{padding-left:calc(3rem + var(--viewport-margin, 0px));padding-right:calc(3rem + var(--viewport-margin, 0px))}}@media(min-width:990px){.brands-mega-menu-inner{padding-left:calc(5rem + var(--viewport-margin, 0px));padding-right:3rem}#Details-HeaderMenu-2 summary.mega-menu-open .icon-caret{transform:rotate(180deg)}}.brand-letter-group{min-width:0}.brand-letter{color:rgb(var(--color-foreground));margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(var(--color-foreground),.1);font-size:1.2em;letter-spacing:.05em}.brand-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.brand-list li{margin:0;padding:0}.brand-list a{display:block;padding:.6rem 1rem;color:rgba(var(--color-foreground),.75);text-decoration:none;transition:color .2s ease,background-color .2s ease;border-radius:.25rem}.brand-list a:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}@media(max-width:1200px){.brands-mega-menu-inner{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2.5rem 1.5rem}}@media(max-width:768px){.brands-mega-menu-inner{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem 1rem;padding:2rem 1.5rem}.brand-letter{font-size:1.1em}}@media(max-width:480px){.brands-mega-menu-inner{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;padding:1.5rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/brands-mega-menu.css.map */