.lumi-mega-menu{position:fixed;top:var(--lumi-navbar-height);left:50%;transform:translate(-50%);width:min(56rem,95vw);background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid #f3f4f6;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:var(--lumi-z-dropdown);overflow:hidden;pointer-events:none}.lumi-mega-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}@media(hover:hover){.lumi-header__nav-item:hover .lumi-mega-menu{opacity:1;visibility:visible;pointer-events:auto}}.lumi-mega-menu__inner{padding:2.5rem}.lumi-mega-menu__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.lumi-mega-menu__grid--5{grid-template-columns:repeat(4,1fr);gap:2rem}.lumi-mega-menu__grid--real-hair{grid-template-columns:repeat(5,1fr)}.lumi-mega-menu__tile{display:block;text-align:center;text-decoration:none}.lumi-mega-menu__tile-img-wrap{aspect-ratio:1/1;border-radius:1.5rem;overflow:hidden;margin-bottom:1rem;background:#f3f4f6;border:1px solid #f9fafb;box-shadow:0 1px 3px #00000014}.lumi-mega-menu__tile-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.lumi-mega-menu__tile:hover .lumi-mega-menu__tile-img{transform:scale(1.05)}.lumi-mega-menu__tile-name{font-size:.75rem;font-weight:500;color:var(--lumi-color-primary);transition:color var(--lumi-transition-base)}.lumi-mega-menu__tile:hover .lumi-mega-menu__tile-name{color:var(--lumi-color-accent)}.lumi-mobile-menu{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:20rem;background:var(--lumi-color-background);z-index:var(--lumi-z-drawer);transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:1.5rem 1rem}.lumi-mobile-menu.is-open{transform:translate(0)}.lumi-mobile-menu__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(140,122,107,.2)}.lumi-mobile-menu__close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--lumi-color-primary)}.lumi-mobile-menu__link{display:block;padding:.75rem 0;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--lumi-color-primary);border-bottom:1px solid rgba(140,122,107,.1);transition:color var(--lumi-transition-base)}.lumi-mobile-menu__link:hover{color:var(--lumi-color-accent)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-mega-menu.css.map */