.mega-menu--horizontal{position:relative;width:100%;background-color:#fff;box-shadow:0 4px 12px #0000001a;overflow:hidden;padding:20px}.mega-menu__horizontal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto}.mega-menu__horizontal-item{position:relative;width:100%;overflow:visible;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.mega-menu__horizontal-item:hover{transform:translateY(-4px)}.mega-menu__horizontal-link{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;position:relative}.mega-menu__horizontal-image{position:relative;width:100%;height:200px;overflow:hidden}.mega-menu__horizontal-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.mega-menu__horizontal-item:hover .mega-menu__horizontal-img{transform:scale(1.05)}.mega-menu__horizontal-title-container{padding:12px 0 0;text-align:right;width:100%}.mega-menu__horizontal-title{margin:0;font-size:12px;font-weight:500;letter-spacing:.2px;line-height:1.2;color:#333;text-transform:none}.mega-menu__horizontal-link:hover .mega-menu__horizontal-title{color:#000}.mega-menu__horizontal-link[aria-current=page] .mega-menu__horizontal-title{color:#333;font-weight:400}.mega-menu__horizontal-overlay{display:none}@media (min-width: 768px){.mega-menu--horizontal{padding:30px}.mega-menu__horizontal-grid{grid-template-columns:repeat(3,1fr);gap:25px}.mega-menu__horizontal-image{height:220px}.mega-menu__horizontal-title-container{padding:15px 0 0}.mega-menu__horizontal-title{font-size:12px}}@media (min-width: 1024px){.mega-menu--horizontal{padding:40px}.mega-menu__horizontal-grid{gap:30px}.mega-menu__horizontal-image{height:240px}.mega-menu__horizontal-title-container{padding:18px 0 0}.mega-menu__horizontal-title{font-size:12px}}@media (min-width: 1200px){.mega-menu__horizontal-grid{grid-template-columns:repeat(3,1fr);max-width:1400px}.mega-menu__horizontal-image{height:260px}.mega-menu__horizontal-title-container{padding:20px 0 0}.mega-menu__horizontal-title{font-size:12px}}.mega-menu--vertical{position:relative;width:100%;background-color:#fff;box-shadow:0 4px 12px #0000001a;overflow:hidden;min-height:400px;height:auto}.mega-menu__grid--vertical{display:flex;flex-direction:column;width:100%;min-height:auto;max-height:none;height:auto;transition:height .4s ease-out,min-height .4s ease-out!important}.mega-menu__vertical-nav{display:flex;flex-direction:column;border-bottom:none;background-color:transparent;width:100%}.mega-menu__nav-item{position:relative;width:100%}.mega-menu__vertical-link{display:flex;align-items:center;justify-content:space-between;padding:12px 40px;text-decoration:none;color:#333;border-bottom:none;transition:all .3s ease;font-weight:500;font-size:12px;letter-spacing:.2px;position:relative;width:100%;box-sizing:border-box}.mega-menu__vertical-link:hover{background-color:#f5f5f5;color:#000;padding-left:44px}.mega-menu__vertical-link[aria-current=page]{background-color:transparent;color:#000;font-weight:600}.mega-menu__vertical-link--parent{cursor:pointer}.mega-menu__vertical-link-text{flex-grow:1;text-align:left}.mega-menu__vertical-link-arrow{margin-left:8px;transition:transform .3s ease;opacity:.6;visibility:hidden}.mega-menu__vertical-link:hover .mega-menu__vertical-link-arrow{transform:rotate(180deg);opacity:1;visibility:hidden}.mega-menu__submenu-toggle{margin-left:8px;transition:transform .3s ease;opacity:.6;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.mega-menu__submenu-toggle:hover{opacity:1;background-color:#0000001a}.mega-menu__nav-item--open .mega-menu__submenu-toggle{transform:rotate(90deg);opacity:1}.mega-menu__submenu,.mega-menu--vertical .mega-menu__submenu,div.mega-menu__submenu,[data-submenu],.mega-menu__nav-item .mega-menu__submenu{display:none!important;visibility:hidden!important;opacity:0!important;max-height:0!important;height:0!important;overflow:hidden!important;position:relative!important;background-color:#fff!important;border-left:3px solid #e9ecef!important;margin-left:20px!important;padding:0!important;transition:all .3s ease!important;z-index:1!important}.mega-menu__nav-item--open .mega-menu__submenu,.mega-menu--vertical .mega-menu__nav-item--open .mega-menu__submenu,.mega-menu__nav-item--open div.mega-menu__submenu,.mega-menu__nav-item--open [data-submenu],.mega-menu__submenu--visible,.mega-menu__submenu--force-visible{display:block!important;visibility:visible!important;opacity:1!important;max-height:1000px!important;height:auto!important;overflow:visible!important;animation:submenuSlideDown .3s ease-out!important}.mega-menu--vertical .mega-menu__vertical-nav .mega-menu__nav-item--open .mega-menu__submenu,.mega-menu--vertical .mega-menu__vertical-nav .mega-menu__nav-item--open div[data-submenu]{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;height:auto!important;min-height:auto!important;overflow:visible!important;position:relative!important;z-index:2!important}.mega-menu__nav-item--open .mega-menu__submenu--visible,.mega-menu__nav-item--open .mega-menu__submenu--force-visible{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;height:auto!important;min-height:1px!important;overflow:visible!important}.mega-menu__submenu--force-visible{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;height:auto!important;min-height:1px!important;overflow:visible!important;position:relative!important}.mega-menu__submenu--force-hidden{display:none!important;visibility:hidden!important;opacity:0!important;max-height:0!important;height:0!important;min-height:0!important;overflow:hidden!important}.mega-menu__nav-item--open .mega-menu__submenu .mega-menu__submenu-link,.mega-menu__submenu--visible .mega-menu__submenu-link,.mega-menu__submenu--force-visible .mega-menu__submenu-link{display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:32px!important;padding:8px 30px!important;color:#555!important;text-decoration:none!important;align-items:center!important;justify-content:space-between!important;font-weight:400!important;font-size:11px!important;letter-spacing:.1px!important;position:relative!important;width:100%!important;box-sizing:border-box!important;border-bottom:none!important;transition:all .3s ease!important}.mega-menu__submenu-link:hover{background-color:#e9ecef!important;color:#333!important;padding-left:34px!important}.mega-menu__submenu-link[aria-current=page]{background-color:#dee2e6!important;color:#000!important;font-weight:500!important}.mega-menu__submenu-link-text{flex-grow:1!important;text-align:left!important;display:block!important;visibility:visible!important}@keyframes submenuSlideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.mega-menu--vertical *{box-sizing:border-box!important}.mega-menu__nav-item--open .mega-menu__submenu{transform:none!important;clip:none!important;clip-path:none!important;min-height:fit-content!important;height:fit-content!important}.mega-menu__submenu-link{display:flex;align-items:center;justify-content:space-between;padding:8px 30px;text-decoration:none;color:#555;border-bottom:none;transition:all .3s ease;font-weight:400;font-size:11px;letter-spacing:.1px;position:relative;width:100%;box-sizing:border-box}.mega-menu__submenu-link:hover{background-color:#e9ecef;color:#333;padding-left:34px}.mega-menu__submenu-link[aria-current=page]{background-color:#dee2e6;color:#000;font-weight:500}.mega-menu__submenu-link-text{flex-grow:1;text-align:left}.mega-menu__image-container{position:absolute!important;top:8px!important;right:12px!important;width:400px!important;height:324px!important;overflow:hidden!important;background-color:#f5f5f5!important;flex-shrink:0!important;z-index:10!important;transition:top .3s ease!important}.mega-menu__collection-display{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease}.mega-menu__collection-display.active{opacity:1}.mega-menu__collection-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .3s ease}.mega-menu__image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 16px 12px;color:#fff}.mega-menu__overlay-content{max-width:100%}.mega-menu__collection-title{margin:0 0 6px;font-size:12px;font-weight:400;line-height:1.3;text-transform:uppercase}.mega-menu__collection-description{margin:0;font-size:11px;line-height:1.4;opacity:.9}.mega-menu__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;opacity:0;transition:opacity .3s ease}.mega-menu__placeholder--active{opacity:1}.mega-menu__placeholder-icon{margin-bottom:12px;opacity:.3}.mega-menu__placeholder-icon svg{width:36px;height:36px;stroke:#999}.mega-menu__placeholder-title{margin:0 0 6px;font-size:12px;font-weight:600;color:#333;letter-spacing:.2px}.mega-menu__placeholder-text{margin:0;font-size:10px;color:#666;max-width:220px;line-height:1.4}.mega-menu--no-images .mega-menu__grid--vertical{min-height:auto}.mega-menu--no-images .mega-menu__image-container{display:none}.mega-menu__vertical-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#000;transform:scaleY(0);transition:transform .3s ease}.mega-menu__vertical-link:hover:before,.mega-menu__vertical-link[aria-current=page]:before{transform:scaleY(1)}.mega-menu__submenu-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#000;transform:scaleY(0);transition:transform .3s ease}.mega-menu__submenu-link:hover:before,.mega-menu__submenu-link[aria-current=page]:before{transform:scaleY(1)}.mega-menu__collection-image:hover{transform:scale(1.05)}@keyframes submenuSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mega-menu__nav-item--open .mega-menu__submenu{animation:submenuSlide .3s ease-out}@media (min-width: 768px){.mega-menu__grid--vertical{flex-direction:row;min-height:auto;max-height:none;height:auto;align-items:flex-start;position:relative}.mega-menu__vertical-nav{width:280px;border-bottom:none;border-right:none;flex-shrink:0;display:flex;flex-direction:column;overflow-y:visible;overflow-x:visible;max-height:none;min-height:100%}.mega-menu__vertical-link{padding:12px 50px;font-size:12px}.mega-menu__submenu-link{padding:8px 40px;font-size:11px}.mega-menu__submenu-link:hover{padding-left:44px}.mega-menu__image-container{width:400px!important;height:324px!important;top:8px!important;right:16px!important}}@media (min-width: 1024px){.mega-menu__vertical-nav{width:320px;overflow-y:visible;max-height:none}.mega-menu__grid--vertical{min-height:auto;max-height:none;height:auto;align-items:flex-start}.mega-menu__vertical-link{padding:14px 60px;font-size:12px}.mega-menu__submenu-link{padding:10px 50px;font-size:11px}.mega-menu__submenu-link:hover{padding-left:54px}.mega-menu__collection-title{font-size:12px;margin-bottom:6px}.mega-menu__collection-description{font-size:13px}.mega-menu__image-container{width:450px!important;height:320px!important;top:10px!important;right:20px!important}}@media (min-width: 1200px){.mega-menu__vertical-nav{width:360px;overflow-y:visible;max-height:none}.mega-menu__grid--vertical{min-height:auto;max-height:none;height:auto;align-items:flex-start}.mega-menu__vertical-link{font-size:12px;padding:16px 70px}.mega-menu__submenu-link{padding:12px 60px;font-size:11px}.mega-menu__submenu-link:hover{padding-left:64px}.mega-menu__collection-title{font-size:12px}.mega-menu__image-container{width:500px!important;height:316px!important;top:12px!important;right:24px!important}}.mega-menu__vertical-link:focus,.mega-menu__submenu-link:focus{outline:2px solidrgb(0,0,0);outline-offset:-2px}.mega-menu__submenu-toggle:focus{outline:2px solidrgb(0,0,0);outline-offset:2px}.mega-menu__collection-image{will-change:transform}.mega-menu__submenu{will-change:max-height}.mega-menu__submenu-toggle{will-change:transform}.mega-menu__nav-item--has-children .mega-menu__vertical-link{position:relative}.mega-menu__nav-item--has-children .mega-menu__vertical-link:after{content:"";position:absolute;right:50px;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#0000001a}@media (prefers-color-scheme: dark){.mega-menu__nav-item--has-children .mega-menu__vertical-link:after{background-color:#ffffff1a}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mega-menu-david-locco.css.map */