.mega-menu--professional{--mega-menu-gap: 3rem;--mega-menu-padding: 2.5rem 5%;--mega-menu-border-radius: 0;--mega-menu-shadow: 0 10px 40px rgba(0, 0, 0, .12);--mega-menu-transition: all .3s cubic-bezier(.4, 0, .2, 1);background:rgb(var(--background));color:rgb(var(--text-color));border-radius:var(--mega-menu-border-radius);box-shadow:var(--mega-menu-shadow);padding:var(--mega-menu-padding);display:flex;gap:var(--mega-menu-gap);position:absolute;left:0;top:100%;width:100vw;max-width:100vw;z-index:1;box-sizing:border-box;overflow-x:hidden;margin:0}.mega-menu--professional *{box-sizing:border-box}.header__menu-disclosure{position:relative}.header__primary-nav-item:has(.mega-menu--professional){position:static!important}.header__primary-nav-item,.header__primary-nav{position:relative}.header__primary-nav-section{position:relative;overflow:visible}.header__primary-nav-item:has(.mega-menu--professional):before,.header__primary-nav-item:has(mega-menu-disclosure):before{display:none!important}.header__primary-nav-item:has(.mega-menu--professional) .header__menu-disclosure{width:auto}.mega-menu--professional.mega-menu--reverse{flex-direction:row-reverse}.mega-menu__navigation{flex:1;display:flex;max-width:1400px;margin:0 auto;width:100%}.mega-menu__linklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem 3rem;width:100%;max-width:100%}.mega-menu__column{display:flex;flex-direction:column;gap:1rem;min-width:0;max-width:100%}.mega-menu__column-header{margin-bottom:.5rem;border-bottom:2px solid rgba(var(--text-color) / .1);padding-bottom:.75rem}.mega-menu__column-title{font-size:1rem;font-weight:600;color:rgb(var(--text-color));text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:var(--mega-menu-transition);letter-spacing:.01em}.mega-menu__column-title:hover{color:rgb(var(--text-color));opacity:.8;transform:translate(2px)}.mega-menu__column-icon{display:inline-flex;align-items:center;opacity:0;transform:translate(-8px);transition:var(--mega-menu-transition)}.mega-menu__column-title:hover .mega-menu__column-icon{opacity:1;transform:translate(0)}.mega-menu__sublist{display:flex;flex-direction:column}.mega-menu__subitem{position:relative}.mega-menu__sublink{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:6px;text-decoration:none;color:rgba(var(--text-color) / .7);font-size:.9375rem;transition:var(--mega-menu-transition);position:relative;overflow:hidden}.mega-menu__sublink:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--header-teal-color);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:bottom}.mega-menu__sublink:hover{background-color:rgba(var(--text-color) / .05);color:var(--header-teal-color);padding-left:1rem}.mega-menu__sublink:hover:before{transform:scaleY(1);transform-origin:top}.mega-menu__sublink-text{flex:1}.mega-menu__sublink-arrow{opacity:0;transform:translate(-8px);transition:var(--mega-menu-transition);font-size:1rem;font-weight:300}.mega-menu__sublink:hover .mega-menu__sublink-arrow{opacity:1;transform:translate(0)}.mega-menu__promo--professional{display:flex;gap:1.5rem;flex-shrink:0;max-width:600px}.mega-menu-promo__card{position:relative;border-radius:10px;overflow:hidden;background:rgba(var(--text-color) / .03);transition:var(--mega-menu-transition);width:280px;display:flex;flex-direction:column}.mega-menu-promo__card--link{cursor:pointer}.mega-menu-promo__card--link:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.mega-menu-promo__image-wrapper{position:relative;width:100%;height:220px;overflow:hidden;background:rgba(var(--text-color) / .05)}.mega-menu-promo__image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.mega-menu-promo__card--link:hover .mega-menu-promo__image{transform:scale(1.08)}.mega-menu-promo__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .4s ease}.mega-menu-promo__card--link:hover .mega-menu-promo__overlay{opacity:1}.mega-menu-promo__content{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.mega-menu-promo__heading{font-size:1.0625rem;font-weight:600;color:rgb(var(--text-color));line-height:1.3;margin:0}.mega-menu-promo__text{font-size:.875rem;color:rgba(var(--text-color) / .7);line-height:1.5;margin:0}.mega-menu-promo__cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:rgb(var(--text-color));margin-top:.5rem;transition:gap .3s cubic-bezier(.4,0,.2,1)}.mega-menu-promo__card--link:hover .mega-menu-promo__cta{gap:.75rem}.mega-menu-promo__cta svg{width:16px;height:16px}@keyframes megaMenuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mega-menu--professional{animation:megaMenuFadeIn .3s cubic-bezier(.4,0,.2,1)}.mega-menu__column:nth-child(1){animation-delay:0s}.mega-menu__column:nth-child(2){animation-delay:.05s}.mega-menu__column:nth-child(3){animation-delay:.1s}.mega-menu__column:nth-child(4){animation-delay:.15s}.mega-menu__column:nth-child(5){animation-delay:.2s}@media(max-width:1400px){.mega-menu--professional{--mega-menu-padding: 2.5rem 3%}}@media(max-width:1024px){.mega-menu--professional{--mega-menu-gap: 2rem;--mega-menu-padding: 2rem 3%}.mega-menu__linklist{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem 2rem}.mega-menu-promo__card{width:220px}.mega-menu-promo__image-wrapper{height:180px}}@media(max-width:768px){.mega-menu--professional{flex-direction:column;--mega-menu-padding: 1.5rem 5%;position:absolute}.mega-menu__navigation{max-width:100%}.mega-menu__linklist{grid-template-columns:repeat(2,1fr);gap:1.5rem}.mega-menu__promo--professional{flex-direction:row;width:100%;max-width:100%}.mega-menu-promo__card{flex:1;width:auto;min-width:0}}@media(max-width:480px){.mega-menu__linklist{grid-template-columns:1fr}.mega-menu__promo--professional{flex-direction:column}.mega-menu-promo__card{width:100%}}.mega-menu__sublink:focus-visible,.mega-menu__column-title:focus-visible,.mega-menu-promo__card--link:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px;border-radius:4px}.mega-menu--professional,.mega-menu__sublink,.mega-menu__column-title,.mega-menu-promo__image{will-change:transform}.mega-menu--professional.is-visible{will-change:auto}
/*# sourceMappingURL=/cdn/shop/t/20/assets/mega-menu-professional.css.map */