.mega-menu{position:static}.mega-menu__content{background-color:#fff;border-left:0;border-radius:8px;border-right:0;left:0;overflow-y:auto;padding-bottom:2rem;padding-top:2rem;position:absolute;right:0;top:100%;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease;box-shadow:0 4px 20px #0000001a;margin-top:5px;border:1px solid rgba(0,0,0,.1)}.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:#333!important;display:block;line-height:calc(1 + .3 / var(--font-body-scale));padding:.8rem 1rem;text-decoration:none;transition:all .3s ease;word-wrap:break-word;border-radius:4px}.mega-menu__link--level-2{font-weight:600;color:#333!important;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:.5rem}.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:#7fb069!important;background-color:#7fb0690d;text-decoration:none}.mega-menu__link--active:hover{text-decoration-thickness:.2rem}.mega-menu .mega-menu__list--condensed{display:flex;flex-wrap:wrap;column-gap:2rem;row-gap:1rem;padding:1.5rem;max-width:1200px;margin:0 auto}.mega-menu__list--condensed .mega-menu__link{font-weight:400}.mega-menu__list--condensed>li{width:calc(25% - 1.5rem);min-width:180px;margin-bottom:.8rem;transition:transform .2s ease}.mega-menu__list--condensed>li:hover{transform:translate(5px)}@media screen and (max-width: 990px){.mega-menu__list--condensed>li{width:calc(33.333% - 1.5rem)}}@media screen and (max-width: 767px){.mega-menu__list--condensed>li{width:calc(50% - 1rem)}}@media screen and (max-width: 480px){.mega-menu__list--condensed>li{width:100%}.mega-menu .mega-menu__list--condensed{column-gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-mega-menu.css.map */