.nav-item{position:relative}.nav-item .mega-menu__content{display:none;position:fixed;top:calc(var(--announcement-bar-height, 0px) + var(--header-height, 80px));left:0;width:100vw;background-color:rgb(var(--color-background));box-shadow:0 1rem 2rem #0000001a;padding:2rem 0;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:99}.nav-item:hover .mega-menu__content{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.mega-menu__grid,.mega-menu__container{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 3fr;gap:3rem}.mega-menu__sidebar{display:flex;flex-direction:column}.mega-menu__title{font-weight:600;font-size:11px;text-transform:uppercase;color:rgba(var(--color-foreground),.5);margin-bottom:.5rem;letter-spacing:.2px;transition:color .2s ease}.mega-menu__title.active{color:rgb(var(--color-foreground));font-weight:700}.mega-menu__panel{display:flex;flex-wrap:wrap;gap:1rem 2rem}.mega-menu__panel ul,.mega-menu__column,.mega-menu__link{list-style:none;margin:0;padding:0}.mega-menu__column{flex:1 1 45%;min-width:200px}.mega-menu__link.with-thumbnail{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:rgb(var(--color-foreground))}.mega-menu__link-text{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.mega-menu__link{display:inline-block;padding:.25rem 0;text-decoration:none;color:rgba(var(--color-foreground),.5);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:color .2s ease,text-decoration .2s ease}.mega-menu__link:visited{color:rgba(var(--color-foreground),.5)}.mega-menu__link:hover{color:rgb(var(--color-foreground));text-decoration:none}.mega-menu[open]>.mega-menu__content{position:fixed;top:0;left:0;right:0;width:100%;z-index:40;background:#fff;display:block}@media screen and (max-width: 989px){.mega-menu__thumb,.mega-menu__link-text,.mega-menu__link.with-thumbnail{font-size:14px;gap:1rem}}.mega-menu__thumb{width:32px;height:32px;object-fit:cover;border-radius:50%;filter:grayscale(100%);transition:filter .3s ease}.mega-menu__link:hover .mega-menu__thumb{filter:grayscale(0%)}.mega-menu__thumb{width:32px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}.mega-menu__link-text{font-size:11px;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-mega-menu.css.map */