.mega-menu-section{--mega-menu-bg: var(--bg);--mega-menu-text: var(--text);--mega-menu-border: var(--border);--mega-menu-accent: var(--accent);--mega-menu-hover-bg: var(--text-alpha-5);position:relative;background:var(--mega-menu-bg);color:var(--mega-menu-text);border-bottom:1px solid var(--mega-menu-text);font-family:var(--FONT-STACK-NAV);font-size:calc(1rem * var(--adjust-nav))}@media only screen and (max-width: 1023px){.mega-menu-section{display:none}}.mega-menu-section--sticky{position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.mega-menu__nav{display:flex;align-items:center;justify-content:center;padding:0 var(--gutter);list-style:none;min-height:50px;width:100%;max-width:var(--wrapper-width);margin:0 auto;gap:1rem}.mega-menu__item{position:relative;display:flex;align-items:center;margin:0;flex:0 0 auto;justify-content:center}.mega-menu__item:first-child .mega-menu__link--main{padding-left:0}.mega-menu__item:last-child .mega-menu__link--main{padding-right:0}.mega-menu__item:not(:last-child){margin-right:0}.mega-menu__item--has-dropdown{position:relative}.mega-menu__item--has-dropdown .mega-menu__link--main{position:relative;z-index:1001}.mega-menu__link--main{font-family:var(--FONT-STACK-NAV);font-size:13px;font-weight:700;color:var(--mega-menu-text);text-decoration:none;padding:1rem;position:relative;display:block;transition:color .25s cubic-bezier(.16,1,.3,1);cursor:pointer;white-space:nowrap}.mega-menu__link--main:after{content:"";position:absolute;bottom:.75rem;left:50%;width:0;height:2px;background:var(--mega-menu-accent);transition:width .3s cubic-bezier(.16,1,.3,1);transform:translate(-50%)}.mega-menu__item:hover .mega-menu__link--main,.mega-menu__item--active .mega-menu__link--main{color:var(--mega-menu-accent)}.mega-menu__item:hover .mega-menu__link--main:after,.mega-menu__item--active .mega-menu__link--main:after{width:100%}.mega-menu__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) scaleY(0);transform-origin:top center;width:100vw;background:var(--mega-menu-bg);border-top:1px solid var(--mega-menu-text);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),visibility .25s cubic-bezier(.16,1,.3,1);z-index:1000;pointer-events:none;will-change:transform,opacity}.mega-menu__dropdown--visible{opacity:1;visibility:visible;transform:translate(-50%) scaleY(1);pointer-events:all}.mega-menu__dropdown-inner{max-width:var(--wrapper-width);margin:0 auto;padding:0 var(--gutter)}.mega-menu__dropdown-content{display:none;grid-template-columns:2fr 1fr;gap:3rem;padding:3rem 0;align-items:start}.mega-menu__dropdown-content.active{display:grid}.mega-menu__dropdown-content:not(:has(.mega-menu__dropdown-info)){grid-template-columns:1fr}.mega-menu__dropdown-header{margin-bottom:0;opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.16,1,.3,1) .15s,transform .35s cubic-bezier(.16,1,.3,1) .15s}.mega-menu__dropdown--visible .mega-menu__dropdown-header{opacity:1;transform:translateY(0)}.mega-menu__dropdown-title{font-family:var(--FONT-STACK-HEADING);font-size:13px;font-weight:var(--FONT-WEIGHT-HEADING);color:var(--heading);margin:0 0 1rem;line-height:1.2}.mega-menu__dropdown-description{font-size:13px;color:var(--text-alpha-85);line-height:1.5;margin:0}.mega-menu__dropdown-info{display:flex;flex-direction:column;gap:1rem}.mega-menu__dropdown-image{border-radius:var(--radius);overflow:hidden;aspect-ratio:3/2;position:relative;opacity:0;transform:scale(.95);transition:opacity .4s cubic-bezier(.16,1,.3,1) .1s,transform .4s cubic-bezier(.16,1,.3,1) .1s}.mega-menu__dropdown--visible .mega-menu__dropdown-image{opacity:1;transform:scale(1)}.mega-menu__dropdown-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mega-menu__dropdown--visible .mega-menu__dropdown-image img{transform:scale(1.02)}.mega-menu__dropdown-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem 2rem;align-self:start;margin-top:-.5rem}.mega-menu__dropdown-link{font-size:13px;color:var(--mega-menu-text);text-decoration:none;padding:.75rem 1rem;border-radius:var(--radius-small);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(12px) scale(.98);display:block;border:1px solid transparent;will-change:transform,opacity}.mega-menu__dropdown-link--animated{opacity:1;transform:translateY(0) scale(1)}.mega-menu__dropdown-link:hover{color:var(--mega-menu-accent);background:var(--mega-menu-hover-bg);border-color:var(--mega-menu-accent);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0000000d}.mega-menu__dropdown-link:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background:var(--mega-menu-accent);transition:height .25s cubic-bezier(.16,1,.3,1);transform:translateY(-50%);border-radius:0 2px 2px 0;opacity:0}.mega-menu__dropdown-link:hover:before{height:60%;opacity:1}.mega-menu-open{overflow-x:hidden}.mega-menu-open .mega-menu-section{box-shadow:0 5px 20px #0000001a}.mega-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:500;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility .35s cubic-bezier(.16,1,.3,1);pointer-events:none;transform:translateY(100vh);will-change:transform,opacity}.mega-menu-overlay.visible{opacity:1;visibility:visible}@media only screen and (min-width: 1200px){.mega-menu__item:not(:last-child){margin-right:4rem}.mega-menu__dropdown-content{gap:4rem;padding:4rem 0}}@media only screen and (min-width: 1400px){.mega-menu__dropdown-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.mega-menu__link--main:focus,.mega-menu__dropdown-link:focus{outline:2px solid var(--mega-menu-accent);outline-offset:2px}.mega-menu__item:focus-within .mega-menu__dropdown{opacity:1;visibility:visible;transform:translate(-50%) scaleY(1);pointer-events:all;box-shadow:0 10px 40px #00000014,0 4px 16px #0000000a}@media (prefers-reduced-motion: reduce){.mega-menu__dropdown,.mega-menu__dropdown-link,.mega-menu__dropdown-image img,.mega-menu__link--main:after,.mega-menu__dropdown-link:before{transition:none}.mega-menu__dropdown-link{opacity:1;transform:none}}@media (prefers-contrast: high){.mega-menu-section{border-bottom-width:2px}.mega-menu__dropdown{border-top-width:3px}.mega-menu__link--main:after{height:3px}}@media print{.mega-menu-section{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-mega-menu.css.map */