.pinbex-mega-trigger{grid-area:mega;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gradient-brand);border-radius:var(--element-radius);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:none;white-space:nowrap;font-family:var(--font-family),serif}.pinbex-mega-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(30 136 255 / .3)}.pinbex-mega-trigger svg{width:18px;height:18px;transition:transform var(--transition-fast)}.pinbex-mega-trigger.active svg{transform:rotate(180deg)}.pinbex-mega-menu{position:fixed;top:var(--pinbex-header-height,124px);left:0;right:0;background:var(--color-card);box-shadow:var(--shadow-xl);border-top:3px solid var(--color-blue);z-index:999;display:none;max-height:calc(100vh - var(--pinbex-header-height, 124px));overflow-y:auto}.pinbex-mega-menu.active{display:block;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pinbex-mega-menu-inner{display:flex;max-width:var(--container-max);margin:0 auto;padding:24px 20px;gap:24px}.pinbex-mega-parents{width:280px;flex-shrink:0;border-left:1px solid var(--color-border);padding-left:24px}.pinbex-mega-parent-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--element-radius);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary);font-weight:500}.pinbex-mega-parent-item:hover,.pinbex-mega-parent-item.active{background:var(--color-card-hover);color:var(--color-blue)}.pinbex-mega-parent-item img{width:40px;height:40px;object-fit:cover;border-radius:8px;flex-shrink:0}.pinbex-mega-parent-name{flex:1;font-size:var(--font-size-sm)}.pinbex-mega-parent-count{font-size:var(--font-size-xs);color:var(--color-gray)}.pinbex-mega-parent-arrow{color:var(--color-gray);transition:transform var(--transition-fast)}.pinbex-mega-parent-item:hover .pinbex-mega-parent-arrow,.pinbex-mega-parent-item.active .pinbex-mega-parent-arrow{transform:translateX(-4px);color:var(--color-blue)}.pinbex-mega-children{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-content:start}.pinbex-mega-child-group{display:none}.pinbex-mega-child-group.active{display:grid;animation:fadeIn 0.2s ease}.pinbex-mega-child-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pinbex-mega-child-item:hover{background:var(--color-card-hover);color:var(--color-blue)}.pinbex-mega-child-item img{width:32px;height:32px;object-fit:cover;border-radius:6px;flex-shrink:0}.pinbex-mega-close{position:absolute;top:16px;left:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-card-hover);border-radius:50%;color:var(--color-text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast)}.pinbex-mega-close:hover{background:var(--color-border);color:var(--color-text-primary)}.pinbex-mega-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);z-index:998;display:none;opacity:0;transition:opacity var(--transition-base)}.pinbex-mega-overlay.active{display:block;opacity:1}.pinbex-mega-children-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width:991px){.pinbex-mega-menu{position:fixed;top:0;left:0;right:0;bottom:0;max-height:100vh;overflow-y:auto;z-index:1100;border-top:0}.pinbex-mega-menu-inner{flex-direction:column;padding:68px 16px 24px;gap:18px}.pinbex-mega-parents{display:flex;gap:8px;width:100%;border-left:none;border-bottom:1px solid var(--color-border);padding-left:0;padding-bottom:14px;overflow-x:auto;scrollbar-width:none}.pinbex-mega-parents::-webkit-scrollbar{display:none}.pinbex-mega-parent-item{flex:0 0 auto;min-width:132px;padding:9px 11px;background:var(--color-bg)}.pinbex-mega-parent-item img{width:34px;height:34px}.pinbex-mega-parent-arrow{display:none}.pinbex-mega-child-group.active{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pinbex-mega-child-item{min-width:0;padding:10px;background:var(--color-bg)}.pinbex-mega-close{position:fixed;z-index:2}}