.ebbie-mega { display: none; }
@media (min-width: 768px) {
	.ebbie-nav #my-menu { display: none; }
	.ebbie-nav__in { position: relative; }
	.ebbie-mega { display: flex; flex: 1; align-items: stretch; gap: 6px; }
	.ebbie-mega__item { position: static; }
	.ebbie-mega summary, .ebbie-mega__direct { list-style: none; cursor: pointer; padding: 16px 14px; color: var(--ink); font-size: 17px; font-weight: 700; line-height: 22px; }
	.ebbie-mega__item:first-child summary { padding-left: 0; }
	.ebbie-mega summary::-webkit-details-marker { display: none; }
	.ebbie-mega summary::after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 3px 10px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
	.ebbie-mega__item[open] summary { color: var(--plum); }
	.ebbie-mega__item[open] summary::after { transform: rotate(225deg); margin-bottom: 0; }
	.ebbie-mega summary:focus-visible, .ebbie-mega a:focus-visible { outline: 2px solid var(--plum); outline-offset: 3px; }
	.ebbie-mega__panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; padding: 28px 32px 32px; background: #fff; border: 1px solid var(--line); border-top: 2px solid var(--plum); border-radius: 0 0 14px 14px; box-shadow: 0 18px 36px rgba(35,20,40,.12); max-height: calc(100vh - 190px); overflow-y: auto; }
	.ebbie-mega__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); padding-bottom: 20px; margin-bottom: 22px; }
	.ebbie-mega__heading strong { font-size: 24px; font-weight: 600; }
	.ebbie-mega__heading a { color: var(--plum); font-size: 14px; }
	.ebbie-mega__heading a span { margin-left: 12px; }
	.ebbie-mega__groups { columns: 3; column-gap: 48px; }
	.ebbie-mega__group { break-inside: avoid; margin: 0 0 24px; }
	.ebbie-mega__title { display: block; margin-bottom: 10px; color: var(--ink); font-size: 16px; font-weight: 700; }
	.ebbie-mega__group ul { padding: 0; margin: 0; list-style: none; }
	.ebbie-mega__group li { margin: 0; }
	.ebbie-mega__group li a { display: block; padding: 5px 0; font-size: 15px; line-height: 1.5; color: var(--muted); }
	.ebbie-mega__group ul ul { padding-left: 14px; }
	.ebbie-mega a:hover { color: var(--plum); text-decoration: underline; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.ebbie-mega__groups { columns: 2; column-gap: 24px; }
	.ebbie-mega__panel { padding: 22px; }
}