@media (min-width: 992px) {
  .mega-menu {
    margin-top: 0;
    overflow: visible;
  }

  .mega-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
    height: 16px;
  }

  .mini-mega-dropdown:hover > .mini-mega-menu,
  .mini-mega-dropdown:focus-within > .mini-mega-menu {
    display: block;
  }
}

@media (max-width: 991.98px) {
  .mega-menu::before {
    display: none;
  }
}

.mini-mega-dropdown {
  position: relative;
}

.mini-mega-menu {
  width: min(380px, calc(100vw - 2rem));
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 8px;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .14);
  padding: .55rem;
}

.mini-mega-link {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  color: var(--odi-dark);
  text-decoration: none;
  padding: .85rem;
  border-radius: 8px;
}

.mini-mega-link:hover,
.mini-mega-link:focus {
  background: var(--odi-light);
  color: var(--odi-blue);
}

.mini-mega-link i {
  color: var(--odi-gold);
  font-size: 1.15rem;
  line-height: 1.2;
  margin-top: .08rem;
}

.mini-mega-link strong,
.mini-mega-link small {
  display: block;
}

.mini-mega-link strong {
  color: var(--odi-navy);
  font-size: .96rem;
  line-height: 1.25;
}

.mini-mega-link small {
  color: var(--odi-muted);
  font-size: .82rem;
  line-height: 1.35;
  margin-top: .2rem;
}