.mega-menu{position:static}.mega-menu__content{background-color:rgb(var(--color-background));border-left:0;border-radius:0;border-right:0;left:0;overflow-y:auto;padding-bottom:3rem;padding-top:3rem;position:absolute;right:0;top:100%}.shopify-section-header-sticky .mega-menu__content{max-height:calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem)}.header-wrapper--border-bottom .mega-menu__content{border-top:0}.js .mega-menu__content{opacity:0;transform:translateY(-1.5rem)}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0)}.mega-menu__list{display:grid;gap:1.8rem 4rem;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none}.mega-menu__link{color:rgba(var(--color-foreground),.75);display:block;line-height:calc(1 + .3 / var(--font-body-scale));padding-bottom:.6rem;padding-top:.6rem;text-decoration:none;transition:text-decoration var(--duration-short) ease;word-wrap:break-word}.mega-menu__link--level-2{font-weight:700}.header--top-center .mega-menu__list{display:flex;justify-content:center;flex-wrap:wrap;column-gap:0}.header--top-center .mega-menu__list>li{width:16%;padding-right:2.4rem}.mega-menu__link:hover,.mega-menu__link--active{color:rgb(var(--color-foreground));text-decoration:underline}.mega-menu__link--active:hover{text-decoration-thickness:.2rem}.mega-menu .mega-menu__list--condensed{display:block}.mega-menu__list--condensed .mega-menu__link{font-weight:400}@media screen and (min-width:990px){.header .mega-menu>.mega-menu__content{z-index:10}.header .mega-menu:not(:has(#HeaderMenu-brands))>.mega-menu__content{width:300px;padding:12px}.header .mega-menu__content>.mega-menu__list{gap:0 16px;grid-auto-rows:1fr;align-items:stretch}.header .mega-menu__content>.mega-menu__list>li{margin:0;min-width:0}.header .mega-menu__link--level-2{display:flex;align-items:center;box-sizing:border-box;min-height:44px;height:100%;margin:0;padding:10px 12px;line-height:24px;white-space:normal}}@media screen and (min-width:990px){.header .mega-menu:not(:has(#HeaderMenu-brands)){position:relative}.header .mega-menu:not(:has(#HeaderMenu-brands))>.mega-menu__content{position:absolute;top:calc(100% + 6px);left:0;right:auto;width:280px;max-width:calc(100vw - 40px);margin:0;padding:8px;transform:none;z-index:20;background:#fff;border:1px solid #eeeeee;border-radius:8px;box-shadow:0 8px 24px #0000001a}.header .mega-menu:not(:has(#HeaderMenu-brands)) .mega-menu__list{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:0;padding:0;margin:0}.header .mega-menu:not(:has(#HeaderMenu-brands)) .mega-menu__link--level-2{display:flex;align-items:center;min-height:44px;height:auto;padding:10px 12px;margin:0;font-size:14px;line-height:24px;border-radius:5px}.header .mega-menu:not(:has(#HeaderMenu-brands)) .mega-menu__link:hover{background:#fff7df;text-decoration:none}}@media screen and (min-width:990px){.header .mega-menu:has(#HeaderMenu-brands){position:static}.header .mega-menu:has(#HeaderMenu-brands)>.mega-menu__content{width:1400px;max-width:calc(100vw - 64px);box-sizing:border-box;top:100%;left:0;right:0;margin:0 auto;padding:20px;transform:none;z-index:20;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 10px 28px #0000001a}.header .mega-menu:has(#HeaderMenu-brands)>.mega-menu__content>.mega-menu__list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:1fr;gap:8px 12px;padding:0;margin:0}.header .mega-menu:has(#HeaderMenu-brands) .mega-menu__link--level-2{display:flex;align-items:center;min-height:48px;height:100%;padding:10px;font-size:14px;line-height:22px;border-radius:6px;text-decoration:none}.header .mega-menu:has(#HeaderMenu-brands) .mega-menu__link:hover{background:#fff7df;color:#111}}@media screen and (min-width:990px){.header .mega-menu:has(#HeaderMenu-brands)>.mega-menu__content>.mega-menu__list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:none;padding:0;margin:0}.header .mega-menu:has(#HeaderMenu-brands)>.mega-menu__content>.mega-menu__list>li{flex:0 0 calc((100% - 84px)/8);min-width:0;margin:0}.header .mega-menu:has(#HeaderMenu-brands) .mega-menu__link--level-2{justify-content:center;text-align:center;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-mega-menu.css.map */