/* Centralized Mega Menu Styles */
.nav-item { position: static; }
.mega-menu { position: fixed; top: 4rem; left: 0; right: 0; display: none; background: #ffffff; border-bottom: 1px solid #e5e7eb; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-radius: 0; padding: 1rem 2rem; width: 100vw; z-index: 50; }
.mega-menu.open { display: block; }
.mega-menu .inner { max-width: 1200px; margin: 0 auto; }
.mega-header { display: flex; justify-content: flex-end; margin-bottom: 0.5rem; }
.view-all { font-weight: 600; color: #111827; text-decoration: none; padding: 0.25rem 0.5rem; border-radius: 0.375rem; }
.view-all:hover { color: #5fabd6; }
.mega-menu .grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.mega-item { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.5rem; border-radius: 0.5rem; text-decoration: none; }
.mega-item:hover { background: #f9fafb; }
.mega-item img { width: 48px; height: 48px; border-radius: 0.375rem; object-fit: cover; flex-shrink: 0; }
.mega-item .title { font-weight: 600; color: #111827; }
.mega-item .desc { font-size: 0.875rem; color: #6b7280; }

/* Quotify CRM highlight */
.mega-item-quotify { background: #000; border: 1px solid #b6ff2e; }
.mega-item-quotify .title, .mega-item-quotify .desc { color: #b6ff2e; }
.mega-item-quotify:hover { background: #0a0a0a; }

/* Keep header nav on a single line and unify hover styles */
.header-grid { grid-template-columns: auto 1fr auto !important; }
.nav-center { display: flex; justify-content: center; gap: 0.25rem; flex-wrap: nowrap; }
.nav-center .nav-link { white-space: nowrap; text-decoration: none; border-bottom: none; }
.nav-center .nav-link:hover { text-decoration: none; border-bottom: none; }