:root{--badass-mega-cream: #fef9ef;--badass-mega-brown: #3c2016;--badass-mega-shadow: 8px 6px 0 var(--badass-mega-brown);--badass-mega-ease: cubic-bezier(.4, 0, .2, 1);--badass-mega-panel-w: 1280px;--badass-mega-panel-pad: 40px;--badass-mega-panel-gap: 16px;--badass-mega-panel-radius: 16px;--badass-mega-inner-w: 1200px;--badass-mega-card-w: 285px;--badass-mega-card-h: 209px;--badass-mega-card-gap: 20px;--badass-mega-card-radius: 12px;--badass-mega-heading-size: 36px;--badass-mega-title-size: 18px;--badass-mega-title-lh: 24px;--badass-mega-title-offset: 21px}header-menu>details.badass-mega-menu{position:static}.section-header,.header-wrapper,.header__inline-menu,.list-menu--inline>li{overflow:visible}.badass-mega-menu__content{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s var(--badass-mega-ease),visibility .35s var(--badass-mega-ease)}.badass-mega-menu[open] .badass-mega-menu__content{opacity:1;visibility:visible;pointer-events:none}.badass-mega-menu[open] .badass-mega-menu__overlay,.badass-mega-menu[open] .badass-mega-menu__panel{pointer-events:auto}.badass-mega-menu[open] .badass-mega-menu__viewport{pointer-events:none}.badass-mega-menu__overlay{position:absolute;top:var(--badass-mega-top, var(--header-bottom-position-desktop, 0px));right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#0003;cursor:pointer;z-index:1;opacity:0;transition:opacity .35s var(--badass-mega-ease)}.badass-mega-menu__viewport{position:relative;z-index:2;box-sizing:border-box;width:100%;max-height:100vh;overflow-y:auto;overscroll-behavior:contain;padding-top:calc(var(--badass-mega-top, var(--header-bottom-position-desktop, 0px)) + .4rem);padding-left:max(2rem,calc((100vw - var(--badass-mega-panel-w)) / 2));padding-right:max(2rem,calc((100vw - var(--badass-mega-panel-w)) / 2));-webkit-overflow-scrolling:touch}.badass-mega-menu__viewport:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:2.4rem;pointer-events:none}.badass-mega-menu__panel{box-sizing:border-box;width:100%;max-width:var(--badass-mega-panel-w);margin:0 auto 3.2rem;padding:var(--badass-mega-panel-pad);background-color:var(--badass-mega-cream);border:4px solid var(--badass-mega-brown);border-radius:var(--badass-mega-panel-radius);box-shadow:var(--badass-mega-shadow);display:flex;flex-direction:column;align-items:flex-start;gap:var(--badass-mega-panel-gap)}.js .badass-mega-menu__panel{opacity:0;transform:translateY(-1.2rem);transition:opacity .4s var(--badass-mega-ease),transform .4s var(--badass-mega-ease)}.badass-mega-menu[open] .badass-mega-menu__panel{opacity:1;transform:translateY(0)}.badass-mega-menu__heading{margin:0;width:100%;max-width:var(--badass-mega-inner-w);color:var(--badass-mega-brown);font-family:"Chewy",var(--font-heading-family),cursive,system-ui,sans-serif;font-size:var(--badass-mega-heading-size);font-weight:400;line-height:var(--badass-mega-heading-size);letter-spacing:0;text-align:left}.badass-mega-menu__grid{display:grid;width:100%;max-width:var(--badass-mega-inner-w);margin:0;padding:0;list-style:none;gap:var(--badass-mega-card-gap);grid-template-columns:repeat(var(--badass-mega-columns, 4),minmax(0,1fr))}.badass-mega-menu__grid--scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.4rem}.badass-mega-menu__grid--scroll::-webkit-scrollbar{display:none}.badass-mega-menu__grid--scroll .badass-mega-menu__card{flex:0 0 var(--badass-mega-card-w);width:var(--badass-mega-card-w);scroll-snap-align:start}.badass-mega-menu__card{min-width:0;width:100%;opacity:0;transform:translateY(.8rem)}.badass-mega-menu[open] .badass-mega-menu__card{animation:badass-mega-card-in .45s var(--badass-mega-ease) forwards;animation-delay:calc(.06s * var(--badass-mega-card-index, 1))}.badass-mega-menu__card-link{position:relative;display:block;width:100%;height:var(--badass-mega-card-h);border-radius:var(--badass-mega-card-radius);overflow:hidden;text-decoration:none;color:var(--badass-mega-cream);background-color:#150b08;transition:transform .35s var(--badass-mega-ease),box-shadow .35s var(--badass-mega-ease)}.badass-mega-menu__card-link:hover .badass-mega-menu__card-image,.badass-mega-menu__card-link:focus-visible .badass-mega-menu__card-image{transform:scale(1.06)}.badass-mega-menu__card-link:hover,.badass-mega-menu__card-link:focus-visible{transform:translateY(-.4rem);box-shadow:0 1.2rem 2.4rem #150b0838}.badass-mega-menu__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--badass-mega-ease);z-index:1}.badass-mega-menu__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#150b08,#150b0800 71.63%);z-index:2;pointer-events:none}.badass-mega-menu__card-title{position:absolute;left:0;right:0;bottom:var(--badass-mega-title-offset);z-index:3;padding:0 1rem;text-align:center;font-family:var(--font-body-family),"Nunito",sans-serif;font-size:var(--badass-mega-title-size);font-weight:700;line-height:var(--badass-mega-title-lh);color:var(--badass-mega-cream)}.badass-mega-menu>summary{cursor:pointer}.badass-mega-menu>summary .icon-caret{transition:transform .3s var(--badass-mega-ease)}.badass-mega-menu[open]>summary .icon-caret{transform:rotate(180deg)}.badass-mega-menu[open]>summary .header__active-menu-item,.badass-mega-menu[open]>summary .header__menu-item-title{text-decoration:underline;text-underline-offset:.3rem}body.badass-mega-menu-open .header__inline-menu,body.badass-mega-menu-open .header__icons,body.badass-mega-menu-open .header__heading{position:relative;z-index:111}body.badass-mega-menu-open .shopify-section-group-header-group{z-index:110}.badass-mega-menu .header__submenu{position:absolute;left:0;top:100%;min-width:22rem;z-index:100}.badass-mega-menu__drawer{padding:0 2rem 2.4rem}.badass-mega-menu__drawer-heading{margin:0 0 1.6rem;color:var(--badass-mega-brown);font-family:"Chewy",var(--font-heading-family),cursive,system-ui,sans-serif;font-size:3.6rem;font-weight:400;line-height:1}.badass-mega-menu__grid--drawer{display:flex;max-width:none;gap:var(--badass-mega-card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.4rem}.badass-mega-menu__grid--drawer::-webkit-scrollbar{display:none}.badass-mega-menu__grid--drawer .badass-mega-menu__card{flex:0 0 var(--badass-mega-card-w);width:var(--badass-mega-card-w);scroll-snap-align:start;opacity:1;transform:none;animation:none}.badass-mega-menu__grid--drawer .badass-mega-menu__card-link{width:var(--badass-mega-card-w);height:var(--badass-mega-card-h)}@media screen and (min-width:1280px){.badass-mega-menu__grid:not(.badass-mega-menu__grid--drawer):not(.badass-mega-menu__grid--scroll){grid-template-columns:repeat(var(--badass-mega-columns, 4),var(--badass-mega-card-w));width:min(var(--badass-mega-inner-w),calc(var(--badass-mega-columns, 4) * var(--badass-mega-card-w) + (var(--badass-mega-columns, 4) - 1) * var(--badass-mega-card-gap)))}.badass-mega-menu__card{width:var(--badass-mega-card-w)}.badass-mega-menu__card-link{width:var(--badass-mega-card-w);height:var(--badass-mega-card-h)}}@media screen and (min-width:990px)and (max-width:1279px){.badass-mega-menu__grid:not(.badass-mega-menu__grid--drawer):not(.badass-mega-menu__grid--scroll){grid-template-columns:repeat(var(--badass-mega-columns, 4),minmax(0,1fr));gap:clamp(12px,1.56vw,var(--badass-mega-card-gap))}.badass-mega-menu__card-link{height:auto;aspect-ratio:285 / 209}.badass-mega-menu__panel{padding:clamp(24px,3.1vw,var(--badass-mega-panel-pad))}.badass-mega-menu__heading{font-size:clamp(28px,2.8vw,var(--badass-mega-heading-size));line-height:1}}@media screen and (min-width:990px)and (max-width:1099px){.badass-mega-menu__grid:not(.badass-mega-menu__grid--drawer){grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:989px){.badass-mega-menu__content{display:none}}@media screen and (max-width:749px){.badass-mega-menu__grid--drawer .badass-mega-menu__card,.badass-mega-menu__grid--drawer .badass-mega-menu__card-link{flex:0 0 min(82vw,var(--badass-mega-card-w));width:min(82vw,var(--badass-mega-card-w))}.badass-mega-menu__grid--drawer .badass-mega-menu__card-link{height:auto;aspect-ratio:285 / 209}.header__heading-link{padding:0}.header{padding:10px 20px}}@media(prefers-reduced-motion:reduce){.badass-mega-menu__content,.badass-mega-menu__panel,.badass-mega-menu__overlay,.badass-mega-menu__card-image,.badass-mega-menu__card-link,.badass-mega-menu>summary .icon-caret{transition:none}.js .badass-mega-menu__panel,.badass-mega-menu__card{opacity:1;transform:none;animation:none}}@keyframes badass-mega-card-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-badass-mega-menu.css.map */