.meganav{margin-inline:auto}.meganav-list{display:flex;align-items:center;gap:clamp(.8rem,1.2vw,1.6rem);list-style:none;margin:0;padding:0}.meganav-item{position:static}.meganav-tab,.meganav-link,.mega-drawer-acc,.mega-burger{touch-action:manipulation}.meganav-tab,.meganav-link{display:inline-flex;align-items:center;gap:.56rem;font-family:var(--font-ui);font-size:1.55rem;font-weight:500;color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;padding:.96rem .4rem;transition:color .2s var(--ease-out);white-space:nowrap}.meganav-tab:hover,.meganav-link:hover{color:var(--slate)}.meganav-caret{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease-out)}.meganav-item.is-open .meganav-tab{color:var(--slate)}.meganav-item.is-open .meganav-caret{transform:rotate(180deg)}.meganav-tab{position:relative}.meganav-tab:after{content:"";position:absolute;left:.4rem;right:.4rem;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left center;transition:transform .2s var(--ease-out)}.meganav-item.is-open .meganav-tab:after{transform:scaleX(1)}.mega-panel{position:absolute;left:0;right:0;top:100%;display:none;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 24px 40px -28px #272f3a59;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain}.meganav-item.is-open .mega-panel{display:block}@media(prefers-reduced-motion:no-preference){.meganav-item.is-open .mega-panel{animation:mega-in .18s var(--ease-out)}@keyframes mega-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}.mega-inner{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:clamp(2.4rem,3vw,4.8rem);padding-block:clamp(2.8rem,3.5vw,4.4rem) clamp(3.2rem,4vw,4.8rem)}.mega-inner--wide{grid-template-columns:minmax(176px,216px) 1fr;gap:clamp(2rem,2.4vw,3.6rem)}.mega-inner--wide .mega-cols{gap:clamp(1.2rem,1.4vw,2.4rem)}.mega-rail{position:relative;padding-right:clamp(1.6rem,2vw,3.2rem)}.mega-rail-head{margin:0 0 1.12rem;font-family:var(--font-display);font-weight:400;font-size:clamp(2.88rem,2.6vw,3.68rem);letter-spacing:.01em;color:var(--ink);line-height:1.05;text-wrap:balance}.mega-rail-blurb{margin:0 0 2rem;font-family:var(--font-body);font-size:1.4rem;font-weight:300;line-height:1.65;color:var(--slate-strong);max-width:30ch}.mega-cols{display:grid;grid-template-columns:repeat(var(--mega-cols, 4),minmax(0,220px));justify-content:start;gap:clamp(1.6rem,2vw,3.2rem);align-items:start}.mega-col{min-width:0}.mega-note{grid-column:1 / -1;margin:1.6rem 0 0;padding-top:1.6rem;border-top:1px solid var(--line);font-family:var(--font-body);font-size:1.3rem;font-weight:300;line-height:1.6;color:var(--slate-strong);max-width:56ch}.mega-col-head{margin:0 0 1.28rem;font-family:var(--font-ui);font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}.mega-col--plain .mega-col-head{visibility:hidden}.mega-col ul{list-style:none;margin:0;padding:0}.mega-col a{display:inline-block;font-family:var(--font-ui);font-size:1.5rem;font-weight:400;color:var(--ink);text-decoration:none;padding-block:.52rem;transition:color .2s var(--ease-out)}.mega-col a:hover{color:var(--slate)}.mega-burger,.mega-drawer[hidden]{display:none}.mega-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.mega-drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#272f3a80;border:0;padding:0;cursor:pointer;width:100%}.mega-drawer-panel{position:absolute;top:0;bottom:0;right:0;width:min(400px,92vw);background:var(--white);display:flex;flex-direction:column;box-shadow:-24px 0 48px -24px #272f3a66}@media(prefers-reduced-motion:no-preference){.mega-drawer:not([hidden]) .mega-drawer-panel{animation:drawer-in .22s var(--ease-out)}.mega-drawer:not([hidden]) .mega-drawer-overlay{animation:overlay-in .22s var(--ease-out)}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}}.mega-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem 1.6rem 2.4rem;border-bottom:1px solid var(--line);flex:none}.mega-drawer-close{background:transparent;color:var(--ink)}.mega-drawer-close:hover{background:var(--panel)}.mega-drawer-title{margin:0;font-family:var(--font-display);font-size:2.24rem;letter-spacing:.02em;color:var(--ink)}.mega-drawer-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;padding-bottom:2.4rem}.mega-drawer-acc{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;font-family:var(--font-ui);font-size:1.68rem;font-weight:500;color:var(--ink);text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:1.6rem 2rem 1.6rem 2.4rem;cursor:pointer}.mega-drawer-acc .meganav-caret{width:14px;height:14px}.mega-drawer-acc[aria-expanded=true] .meganav-caret{transform:rotate(180deg)}.mega-drawer-acc[aria-expanded=true]{color:var(--red)}.mega-drawer-sub{border-bottom:1px solid var(--line);padding:.8rem 2.4rem 2rem}.mega-drawer-sub[hidden]{display:none}.mega-drawer-sub .mega-col-head{margin:1.6rem 0 .48rem}.mega-drawer-sub ul{list-style:none;margin:0;padding:0}.mega-drawer-sub a{display:block;font-family:var(--font-ui);font-size:1.55rem;font-weight:400;color:var(--ink);text-decoration:none;padding-block:.72rem}.mega-drawer-sub a:hover{color:var(--slate)}.mega-drawer-sub .mega-note{margin-top:1.6rem}.mega-drawer-viewall{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.2rem;font-family:var(--font-ui);font-size:1.45rem;font-weight:500;color:var(--red);text-decoration:none}.mega-drawer-link{display:block;font-family:var(--font-ui);font-size:1.68rem;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding:1.6rem 2rem 1.6rem 2.4rem}.mega-drawer-link:hover{color:var(--slate)}.mega-drawer-phone{display:block;margin:2rem 2.4rem 0;font-family:var(--font-ui);font-size:1.55rem;font-weight:500;color:var(--slate-strong);text-decoration:none}body.megadrawer-open{overflow:hidden}@media(max-width:989px){.header-nav-row{display:none}.mega-burger{display:inline-flex;background:transparent;color:var(--ink)}.mega-burger:hover{background:var(--panel)}}@media(min-width:990px){.mega-drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lauzon-mega-menu.css.map */