.mega-menu{position:static}.mega-menu__content{--dq-menu-ink: #00303f;--dq-menu-mint: #cae4db;--dq-menu-sand: #cdac81;background:#f9f9f9;border:0;border-top:.1rem solid rgba(0,48,63,.12);box-shadow:0 1.6rem 3.5rem #00303f17;left:0;max-height:min(72rem,calc(100vh - var(--header-bottom-position-desktop, 12rem) - 2rem));overflow-y:auto;padding:3.2rem 0 3.6rem;position:absolute;right:0;top:100%}.header-wrapper--border-bottom .mega-menu__content{border-top-color:#00303f1f}.js .mega-menu__content{opacity:0;transform:translateY(-.8rem);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0)}.mega-menu__list{display:grid;gap:3.2rem 4rem;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none}.mega-menu__group{min-width:0}.mega-menu__sublist{margin-top:.8rem}.mega-menu__link--popular-model{padding-bottom:.52rem;padding-top:.38rem}.mega-menu__model-name{color:var(--dq-menu-ink);display:block;font-family:var(--font-heading-family);font-size:1.42rem;font-weight:600;line-height:1.2}.mega-menu__model-description{color:rgba(var(--color-foreground),.56);display:block;font-size:1.16rem;line-height:1.3;margin-top:.14rem}.mega-menu__link{color:rgba(var(--color-foreground),.76);display:block;font-size:1.42rem;line-height:1.42;padding:.46rem 0;text-decoration:none;transition:color var(--duration-short) ease,transform var(--duration-short) ease;word-wrap:break-word}.mega-menu__link--level-2{color:var(--dq-menu-ink);font-family:var(--font-heading-family);font-size:1.5rem;font-weight:600;letter-spacing:.035em;line-height:1.25;margin-bottom:.8rem;padding:0 0 .9rem;position:relative}.mega-menu__group:not(.mega-menu__group--direct)>.mega-menu__link--level-2:after{background:var(--dq-menu-sand);bottom:0;content:"";height:.2rem;left:0;position:absolute;width:3.2rem}.mega-menu__link:hover,.mega-menu__link--active{color:var(--dq-menu-ink);text-decoration:none}.mega-menu__sublist .mega-menu__link:hover{transform:translate(.3rem)}.mega-menu__link--action{align-items:center;background:var(--dq-menu-mint);border-radius:.4rem;color:var(--dq-menu-ink);display:flex;font-weight:700;justify-content:space-between;margin-top:.4rem;padding:1rem 1.2rem}.mega-menu__link--action:after{content:"\2192";font-family:var(--font-body-family);font-size:1.6rem;line-height:1}.mega-menu__link--action:hover{background:#bddbd1;transform:none}.mega-menu--dr-pen .mega-menu__list{grid-template-columns:1fr .9fr 1.25fr 1.25fr}.mega-menu--dr-pen .mega-menu__group--cartridges{grid-column:span 2}.mega-menu--dr-pen .mega-menu__group--cartridges .mega-menu__sublist{column-count:2;column-gap:2.8rem}.mega-menu--dr-pen .mega-menu__group--cartridges .mega-menu__sublist>li{break-inside:avoid}.mega-menu--dr-pen .mega-menu__group--actions{align-self:start;display:grid;gap:.8rem}.mega-menu--dr-pen .mega-menu__group--actions .mega-menu__link--action{margin-top:0}.mega-menu--skincare .mega-menu__list{grid-template-columns:repeat(3,minmax(0,1fr));max-width:105rem}.mega-menu__list--direct{gap:.8rem 3.2rem;grid-template-columns:repeat(3,minmax(0,1fr))}.mega-menu__list--direct .mega-menu__group{border-bottom:.1rem solid rgba(0,48,63,.12)}.mega-menu__list--direct .mega-menu__link--level-2{align-items:center;display:flex;font-family:var(--font-body-family);font-size:1.45rem;font-weight:500;justify-content:space-between;letter-spacing:0;margin:0;min-height:4.4rem;padding:.8rem 0}.mega-menu__list--direct .mega-menu__link--level-2:not(.mega-menu__link--action):after{color:var(--dq-menu-sand);content:"\203a";font-size:2rem;line-height:1;margin-left:1rem}.mega-menu__list--direct .mega-menu__link--action{border-bottom:0;margin:0;padding-left:1.2rem;padding-right:1.2rem}.mega-menu--hair-scalp .mega-menu__list--direct{grid-template-columns:repeat(4,minmax(0,1fr))}.mega-menu--brands .mega-menu__list--direct{grid-template-columns:repeat(3,minmax(0,1fr));max-width:96rem}#HeaderMenu-sale{color:#8a642f;font-weight:700}#HeaderMenu-sale:hover{color:var(--dq-menu-ink, #00303f)}@media screen and (max-width:1199px){.mega-menu__list{column-gap:2.4rem}.mega-menu__link{font-size:1.34rem}.mega-menu--dr-pen .mega-menu__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-mega-menu.css.map */