.mega-menu{position:static}.mega-menu__content{display:none;position:absolute;top:100%;left:20%;width:60%;max-width:100%;box-sizing:border-box;background:#121212;z-index:1000;padding:20px 0 50px!important;border-radius:0 0 24px 24px;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #00000080}details.mega-menu[open] .mega-menu__content{display:grid;opacity:1;visibility:visible}.mega-menu__grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.mega-menu__list{display:flex;flex-direction:column;gap:.4rem;margin-top:.8rem}.mega-menu__list>li{margin:0}.mega-menu__link{color:rgba(var(--color-foreground),.75);text-decoration:none;transition:color .2s ease}.mega-menu__link:hover,.mega-menu__link--active{color:rgb(var(--color-foreground))}.mega-menu__categories{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.mega-category{display:flex;flex-direction:column;text-align:center;gap:.5rem;text-decoration:none;color:rgb(var(--color-foreground));transition:transform .2s ease}.mega-category img{width:100%;border-radius:12px;object-fit:cover}.mega-category:hover{transform:translateY(-4px)}.mega-menu__content{padding:24px 0}.mega-menu__grid{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start}.mega-menu__list,.mega-menu__list ul{list-style:none;margin:0;padding:0}.mega-menu__list>li{margin:0 0 12px}.mega-menu__list>li>a{text-decoration:none}.mega-menu__categories{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem 2rem;text-align:left}.mega-menu__category{display:flex;flex-direction:column;align-items:center}.mega-menu__categories:before{content:"Choose a Category";grid-column:1 / -1;font-weight:600;margin:0 0 8px}.mega-menu__categories a:nth-of-type(4){grid-column:2}.mega-menu__categories a:nth-of-type(5){grid-column:3}.mega-category{display:block;text-decoration:none;color:inherit}.mega-category img{width:100%;display:block;border-radius:12px;object-fit:cover}.mega-category span{display:block;margin-top:8px;font-weight:700;line-height:1.2}.header .list-menu--inline{gap:.1rem}.header{display:flex;align-items:center;justify-content:space-between}.header__menu-item:hover:after{content:"";position:absolute;left:0;right:0;height:40px;bottom:-40px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-mega-menu.css.map */