.mega-menu{position:relative}.mega-menu summary{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-weight:500;transition:color .25s ease;outline:none}.mega-menu summary:hover .menu-link-text{color:var(--color-accent, #007bff)}.mega-menu summary:focus-visible .menu-link-text{outline:2px solid var(--color-accent, #007bff)}.menu-caret svg{width:.8rem;height:.8rem;transition:transform .3s ease}.glass-bg{position:absolute;top:100%;left:50%;transform:translate(-50%);width:100vw;max-width:1400px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);box-shadow:0 10px 40px #00000026,inset 0 0 10px #ffffff80;border:1px solid rgba(255,255,255,.3);border-radius:1.5rem;margin-top:1rem;opacity:0;transform:translateY(20px) scale(.95) translate(-50%);pointer-events:none;z-index:1000;transition:transform .4s ease,opacity .4s ease}.mega-menu[open] .glass-bg{opacity:1;transform:translateY(0) scale(1) translate(-50%);pointer-events:auto;animation:modernDropdownOpen .5s ease-out forwards}@keyframes modernDropdownOpen{0%{opacity:0;transform:translateY(20px) scale(.95) translate(-50%)}50%{opacity:.6;transform:translateY(10px) scale(.98) translate(-50%)}to{opacity:1;transform:translateY(0) scale(1) translate(-50%)}}.mega-menu__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2.5rem}.mega-menu__heading{font-weight:600;font-size:1.3rem;margin-bottom:.75rem;text-transform:uppercase;color:#222;transition:all .25s ease;padding:.6rem 1rem;border-radius:.5rem;background-color:#007bff0d}.mega-menu__heading:hover,.mega-menu__heading:focus{color:var(--color-accent, #007bff);background-color:#007bff26;box-shadow:0 4px 12px #007bff1a}.mega-menu__heading-link{color:inherit;text-decoration:none;outline:none}.mega-menu__heading-link:focus-visible{outline:2px solid var(--color-accent, #007bff)}.mega-menu__sublist{list-style:none;padding:0;margin:0}.mega-menu__link{display:flex;align-items:center;gap:.5rem;color:#333;font-size:1rem;padding:.4rem 0;transition:color .25s ease,transform .25s ease;outline:none}.mega-menu__link:hover,.mega-menu__link:focus{color:#007bff;transform:translate(5px)}.mega-menu__link img{width:24px;height:24px}.mega-menu__link:focus-visible{outline:2px solid var(--color-accent, #007bff)}.menu-link-text{position:relative}.menu-link-text:after{content:"";position:absolute;bottom:-3px;left:0;height:2px;width:0%;background:#007bff;transition:width .3s ease}.menu-link-text:hover:after,.menu-link-text:focus:after{width:100%}@media screen and (max-width: 1024px){.mega-menu__inner{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.glass-bg{width:95vw;border-radius:1rem}.mega-menu__heading{font-size:1.2rem}}@media screen and (max-width: 768px){.mega-menu__inner{grid-template-columns:1fr;padding:1rem}.glass-bg{width:100vw;border-radius:.75rem;margin-top:.5rem}.mega-menu__heading{font-size:1.1rem;padding:.5rem .8rem}.mega-menu__link{font-size:.95rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-mega-menu.css.map */