.custom-mega-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.custom-mega-menu-overlay--active{opacity:1;visibility:visible}.custom-mega-menu{position:fixed;top:50%;left:20px;transform:translateY(-50%) translate(-20px);width:460px;max-width:calc(100vw - 40px);max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease;overflow:hidden;display:flex;flex-direction:column}.custom-mega-menu--active{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.custom-mega-menu__container{display:flex;flex-direction:column;height:100%;overflow:hidden}.custom-mega-menu__header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.custom-mega-menu__title{display:flex;align-items:center;gap:12px}.custom-mega-menu__icon{width:40px;height:40px;padding:8px;background:#3b82f6;color:#fff;border-radius:8px}.custom-mega-menu__heading{font-size:20px;font-weight:600;margin:0;color:#111827}.custom-mega-menu__subtitle{font-size:14px;color:#6b7280;margin:2px 0 0}.custom-mega-menu__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;transition:background .2s ease;color:#374151}.custom-mega-menu__close:hover{background:#e5e7eb}.custom-mega-menu__breadcrumb{display:none;align-items:center;gap:8px;padding:12px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.custom-mega-menu__back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#fff;border-radius:6px;cursor:pointer;transition:background .2s ease;color:#374151}.custom-mega-menu__back:hover{background:#e5e7eb}.custom-mega-menu__breadcrumb-text{font-size:14px;color:#6b7280}.custom-mega-menu__content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.custom-mega-menu__level{padding:24px;display:none;animation:fadeIn .3s ease}.custom-mega-menu__level--active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-mega-menu__banner{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:32px 24px;border-radius:12px;margin-bottom:24px}.custom-mega-menu__banner h3{font-size:24px;font-weight:600;margin:0 0 8px}.custom-mega-menu__banner p{font-size:16px;margin:0;opacity:.9}.custom-mega-menu__grid{display:grid;gap:12px;margin-bottom:24px}.custom-mega-menu__card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;text-decoration:none;color:inherit}.custom-mega-menu__card:hover{border-color:#3b82f6;background:#f9fafb;transform:translate(4px)}.custom-mega-menu__card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:8px;color:#3b82f6;flex-shrink:0}.custom-mega-menu__card-content{flex:1}.custom-mega-menu__card-title{font-size:16px;font-weight:600;margin:0 0 4px;color:#111827}.custom-mega-menu__card-description{font-size:14px;color:#6b7280;margin:0}.custom-mega-menu__card-arrow{color:#9ca3af;flex-shrink:0}.custom-mega-menu__search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f3f4f6;border-radius:8px;margin-bottom:24px}.custom-mega-menu__search svg{color:#6b7280;flex-shrink:0}.custom-mega-menu__search-input{flex:1;border:none;background:transparent;font-size:14px;color:#111827;outline:none}.custom-mega-menu__search-input::placeholder{color:#9ca3af}.custom-mega-menu__list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.custom-mega-menu__list-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;text-decoration:none;color:inherit}.custom-mega-menu__list-item:hover{border-color:#3b82f6;background:#f9fafb}.custom-mega-menu__list-content{flex:1}.custom-mega-menu__list-title{font-size:15px;font-weight:600;margin:0 0 4px;color:#111827}.custom-mega-menu__list-description{font-size:13px;color:#6b7280;margin:0}.custom-mega-menu__list-meta{display:flex;align-items:center;gap:8px}.custom-mega-menu__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#f3f4f6;border-radius:12px;font-size:12px;font-weight:600;color:#6b7280}.custom-mega-menu__list-meta svg{color:#9ca3af}.custom-mega-menu__view-all{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:#3b82f6;color:#fff;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s ease}.custom-mega-menu__view-all:hover{background:#2563eb}@media(max-width:768px){.custom-mega-menu{width:calc(100vw - 40px);max-height:85vh;left:20px}.custom-mega-menu__header{padding:16px}.custom-mega-menu__heading{font-size:17px}.custom-mega-menu__subtitle{font-size:13px}.custom-mega-menu__banner{padding:20px 16px}.custom-mega-menu__banner h3{font-size:18px}.custom-mega-menu__banner p{font-size:14px}.custom-mega-menu__level{padding:16px}.custom-mega-menu__card{padding:12px}}.custom-mega-menu__content::-webkit-scrollbar{width:8px}.custom-mega-menu__content::-webkit-scrollbar-track{background:#f3f4f6}.custom-mega-menu__content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.custom-mega-menu__content::-webkit-scrollbar-thumb:hover{background:#9ca3af}
/*# sourceMappingURL=/cdn/shop/t/14/assets/custom-mega-menu.css.map */