.category-flyout-menu{position:relative}.category-flyout-panel{position:absolute;left:0;top:calc(100% + 4px);z-index:70;min-width:280px;max-width:320px;background:var(--bm-surface, #ffffff);border:1px solid var(--bm-border, #e5e7eb);border-radius:2px;box-shadow:0 8px 28px color-mix(in srgb,var(--bm-text-primary, #111827) 18%,transparent);list-style:none;margin:0;padding:6px 0}.category-flyout-item{position:relative;list-style:none}.category-flyout-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:11px 18px;border:none;background:var(--bm-surface, #ffffff);cursor:pointer;text-decoration:none;text-align:left;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bm-text-primary, #111827);transition:background .15s ease,color .15s ease}.category-flyout-trigger:hover,.category-flyout-item.is-hovered .category-flyout-trigger{background:var(--bm-primary, #667eea);color:var(--bm-btn-primary-text, #ffffff)}.category-flyout-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--bm-surface, #ffffff);border:1px solid var(--bm-border, #e5e7eb);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s ease}.category-flyout-icon img{width:22px;height:22px;object-fit:contain}.category-flyout-icon svg{width:18px;height:18px;color:var(--bm-primary, #667eea)}.category-flyout-trigger:hover .category-flyout-icon,.category-flyout-item.is-hovered .category-flyout-icon{border-color:color-mix(in srgb,var(--bm-btn-primary-text, #ffffff) 35%,transparent)}.category-flyout-trigger:hover .category-flyout-icon svg,.category-flyout-item.is-hovered .category-flyout-icon svg{color:var(--bm-primary-dark, #764ba2)}.category-flyout-label{flex:1;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-flyout-submenu{position:absolute;left:100%;top:0;z-index:71;min-width:300px;max-width:360px;background:var(--bm-surface, #ffffff);border:1px solid var(--bm-border, #e5e7eb);border-radius:2px;box-shadow:0 8px 28px color-mix(in srgb,var(--bm-text-primary, #111827) 18%,transparent);list-style:none;margin:0;padding:4px 0}.category-flyout-submenu:before{content:"";position:absolute;left:-12px;top:0;width:12px;height:100%}.category-flyout-submenu-item{list-style:none;border-bottom:1px solid var(--bm-border, #ececec)}.category-flyout-submenu-item:last-child{border-bottom:none}.category-flyout-submenu-link{display:block;padding:12px 18px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--bm-text-secondary, #374151);text-decoration:none;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,color .15s ease}.category-flyout-submenu-link:hover{background:color-mix(in srgb,var(--bm-primary, #667eea) 12%,var(--bm-surface, #ffffff));color:var(--bm-primary, #667eea)}.category-flyout-empty,.category-flyout-loading{padding:20px 18px;font-size:13px;color:var(--bm-text-muted, #6b7280);text-align:center}